2015-02-24 66 views
0

我已經混入這樣的:如何精靈名列表傳遞給混入的青菜+指南針

@mixin sprite-icon-pos-each() { 

    $icons: sprite-map("icons/*.png", $spacing: 1px); 
    $icon-names: "vk", "fb", "tw", "gp", "ok"; 

    @each $item in $icon-names { 
     &_tp_#{$item} { 
      @include sprite-icon-pos($item); 
      } 
      &_tp_#{$item}:hover { 
       @include sprite-icon-pos(#{$item}_hover); 
       } 
    } 

} 

它的做工精細,但 我怎樣才能設置$icon-names: "vk", "fb", "tw", "gp", "ok"當我includ混入。像這樣:

@mixin sprite-icon-pos-each($icons) { 

    $icons: sprite-map("icons/*.png", $spacing: 1px); 

    @each $item in $icon-names { 
     &_tp_#{$item} { 
      @include sprite-icon-pos($item); 
      } 
      &_tp_#{$item}:hover { 
       @include sprite-icon-pos(#{$item}_hover); 
       } 
    } 

} 

.some-selector { 
    @include sprite-icon-pos-each($icon-names: "vk", "fb", "tw", "gp", "ok"); 
} 

當我這樣做時,指南針會產生錯誤「位置參數必須在關鍵字參數之前出現」。

+0

的可能重複(http://stackoverflow.com/questions/7895796/can-a-sass -mixin-接受-AN-未定義用戶號碼的論點) – cimmanon 2015-02-24 23:27:18

回答

0

我想通了它爲什麼不起作用。 Аrguments必須用括號括起來:[?一個青菜能@mixin接受的參數未定義號]

@include sprite-icon-pos-each($icon-names: ("vk", "fb", "tw", "gp", "ok"));