SASS - domieszka nie funkcjonuje

Question

Siemanko,

mam problem z domieszką, która wygląda w ten oto sposób:

@mixin browserSupportForValue($prop_name, $value) {
  $prop_name: -webkit-#{$value};
  $prop_name: -moz-#{$value};
  $prop_name: $value;
}

używam jej w następujący sposób: 

@include browserSupportForValue(background-image, linear-gradient(to right, $red 50%, $raw-red 50%));

jednakże styl nie jest dodawany do elementu, ma ktoś może pomysł co może być nie tak?

Answer 1

powinno być tak:

@mixin browserSupportForValue($prop_name, $value) {
  #{$prop_name}: -webkit-#{$value};
  #{$prop_name}: -moz-#{$value};
  #{$prop_name}: $value;
}

to po pierwsze a po drugie, do dodawania prefixów możesz uży autoprefixera, albo w formie rozszerzenia do edytora albo z użyciem Gulpa/Webpacka. To lepsza praktyka

Comments

albo w formie rozszerzenia do edytora albo z użyciem Gulpa/Webpacka

wg mnie tylko i wyłącznie druga opcja. Nie ma co polegać na IDE, dzisiaj masz to, a za miesiąc może zechcesz zmienić, albo podbijesz wersję i okaże się, że jakiś plugin nie działa jak należy itp. Ponad to w plikach źródłowych nie powinny Cię prefixy interesować, tylko zaciemniają plik, powinny być one dopiero w buildzie.

---

dzięki za poradę :)

---

Wiadomo ;) ale lepsze to niż specjalna domieszka w sassie

---

 ale lepsze to niż specjalna domieszka w sassie

nie no umówmy się... to jest wiadome :)