Tutucu kendisine dahil ederse, SCSS/CSS | Netgez.com
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ÅŸ:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VÄ°DEO

Rastgele Yazarlar

  • Jonah Penna

    Jonah Penna

    11 EYLÃœL 2005
  • Megan Parken

    Megan Parken

    19 Temmuz 2009
  • Rozetked | Обзоры

    Rozetked | Ð

    5 AÄžUSTOS 2011