SORU
19 AĞUSTOS 2010, PERŞEMBE


İsteğe bağlı bağımsız değişkenler ile bir kendisine dahil ederse, Şımarıklık yapma

Böyle bir kendisine dahil ederse, yazıyorum:

@mixin box-shadow($top, $left, $blur, $color, $inset:"") {
    -webkit-box-shadow: $top $left $blur $color $inset;
    -moz-box-shadow: $top $left $blur $color $inset;
    box-shadow: $top $left $blur $color $inset;
}

Ben gerçekten ne istediğini aradığında eğer $inset herhangi bir değer verilmezse, bir şey çıktı, bunun gibi bir şey toplamak yerine olmasıdır:

-webkit-box-shadow: 2px 2px 5px #555555 "";
-moz-box-shadow: 2px 2px 5px #555555 "";
box-shadow: 2px 2px 5px #555555 "";

Nasıl olursa $inset değer geçirilir yok, bir şey çıktı, böylece kendisine dahil ederse, yeniden yazmak mı?

CEVAP
31 Mart 2012, CUMARTESİ


Bunu Yaparken KURU bir çiçek

Ve, tırnak işaretleri kaldırmak için bir hile genellikle.

@mixin box-shadow($top, $left, $blur, $color, $inset:"") {
  -webkit-box-shadow: $top $left $blur $color #{$inset};
  -moz-box-shadow:    $top $left $blur $color #{$inset};
  box-shadow:         $top $left $blur $color #{$inset};
}

SASS Sürüm 3 , kullanabilirsiniz unquote():

@mixin box-shadow($top, $left, $blur, $color, $inset:"") {
  -webkit-box-shadow: $top $left $blur $color unquote($inset);
  -moz-box-shadow:    $top $left $blur $color unquote($inset);
  box-shadow:         $top $left $blur $color unquote($inset);
} 

Bu kadar buraya aldı: pass a list to a mixin as a single argument with SASS

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Disney Pets and Animals

    Disney Pets

    29 ŞUBAT 2012
  • Dom Esposito

    Dom Esposito

    26 Mayıs 2011
  • XxMinayaxX1

    XxMinayaxX1

    9 Mayıs 2012