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

  • 8lacKy

    8lacKy

    30 Mart 2009
  • Dive In

    Dive In

    17 Temmuz 2013
  • ModNation Racers H.Q.

    ModNation Ra

    31 Ocak 2010