Миксин фонового изображения Sass

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

19
задан Volker E. 30 September 2014 в 11:39
поделиться