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

  • AFISHAL

    AFISHAL

    7 Mart 2009
  • natescamp

    natescamp

    30 NİSAN 2009
  • UlyssesForever's channel

    UlyssesForev

    28 ŞUBAT 2012