Sass背景图像混合

css CSS

卡卡西Near

2020-03-24

我是Sass的新手,但我正在尝试为自己创建工作流程。我为主题设计生成“颜色包”,并且需要为我的mixin指定以下变量。有一个更好的方法吗?:

// folder,filename,extension,repeat,x-pos,y-pos
@mixin background ($folder:style1, $img:file, $type:png, $repeat:no-repeat, $x:0, $y:0) {
    background-image: url(./images/#{$folder}/#{$img}.#{$type});
    background-repeat: #{$repeat};
    background-position: #{$x}px #{$y}px;
}

我这样插入:

#nav {
  @include background(style2,myimage,png,repeat-x,10,10);
}

这产生了:

#nav {
  background-image: url(./images/style2/myimage.png);
  background-repeat: repeat-x;
  background-position: 10px 10px;
}

我更愿意在可能的情况下使用CSS速记,但是我在输出时遇到了错误。如果这不是最好的方法,我将不胜感激任何专家的建议。

第3194篇《Sass背景图像混合》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

0个回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android