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

  • EEVblog

    EEVblog

    4 NİSAN 2009
  • TV nEW

    TV nEW

    25 AĞUSTOS 2012
  • WHZGUD2

    WHZGUD2

    21 EYLÜL 2011