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

  • RobertDuskin

    RobertDuskin

    12 HAZİRAN 2008
  • The Platform

    The Platform

    14 HAZİRAN 2006
  • TurkishRoyal

    TurkishRoyal

    16 Ocak 2007