Tutucu kendisine dahil ederse, SCSS/CSS

SORU

19 HAZİRAN 2013, ÇARŞAMBA

Tutucu kendisine dahil ederse, SCSS/CSS

Sass yer tutucular için kendisine dahil ederse oluşturmak için çalışıyorum.

Bu yarattığım kendisine dahil ederse.

@mixin placeholder ($css) {
  ::-webkit-input-placeholder {$css}
  :-moz-placeholder           {$css}
  ::-moz-placeholder          {$css}
  :-ms-input-placeholder      {$css}  
}

Bu kendisine dahil ederse eklemek istiyorum:

@include placeholder(font-style:italic; color: white; font-weight:100;);

Belli ki bu işe yaramayacak çünkü iki nokta üst üste ve noktalı virgül tam geçmiş için kendisine dahil ederse, ama... istiyorum sadece giriş statik css ve o geçmesine tıpkı yukarıdaki fonksiyonu.

Bu mümkün mü?

CEVAP

2 Aralık 2013, PAZARTESİ

Buldum yaklaşım ile verilir cimmanon Kurt Mueller komik, ama ihtiyacım olan bir üst referans (yani, ihtiyacım var Ekle 've' öneki için her satıcı önek); bu gibi:

@mixin placeholder {
  &::-webkit-input-placeholder {@content}
  &:-moz-placeholder           {@content}
  &::-moz-placeholder          {@content}
  &:-ms-input-placeholder      {@content}  
}

Bu gibi kendisine dahil ederse, ben kullanın:

input { @include placeholder {
    font-family: $base-font-family;
    color: red;
}}

Yerde Ana referans ile, doğru css, örneğin oluşturulan alır:

input::-webkit-input-placeholder {
  font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Liberation Serif", Georgia, serif;
  color: red; }

Ana referans olmadan (&), sonra bir boşluk satıcı öneki önce eklenir ve CSS işlemci bildirimi yok sayıyor; bu gibi görünüyor:

input ::-webkit-input-placeholder {
  font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Liberation Serif", Georgia, serif;
  color: red; }

Bunu Paylaş: