Я новичок в Sass, но пытаюсь создать рабочий процесс для себя. Я создаю «пакеты цветов» для своих дизайнов тем, и мне нужно указать следующие переменные для моего миксина. Есть ли лучший способ сделать это?:
// 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, когда это возможно, но я столкнулся с ошибками при выводе. Буду признателен за любой совет специалиста, если это не лучший способ сделать это.