SASS с примесью бурбона для фона

Я включил Bourbon и пытаюсь создать фон с помощью @include background, как показано ниже:

@include background(url("images/head-icon.png") no-repeat 10px 10px);

Но при компиляции это создает два фоновых состояния CSS, как показано ниже:

  background: url("images/head-icon.png") no-repeat 10px 10px;
  background: url("images/head-icon.png") no-repeat 10px 10px;

Почему это происходит, и как я могу это исправить?


css sass bourbon
person Ethan Richardson    schedule 21.09.2013    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Я использовал следующий пользовательский миксин

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

Затем

@include background(head-icon,png, no-repeat, 10, 10);
person Ethan Richardson    schedule 21.09.2013