• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

SASS - domieszka nie funkcjonuje

0 głosów
56 wizyt
pytanie zadane 7 grudnia 2018 w HTML i CSS przez misza1597 Nowicjusz (190 p.)

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?

1 odpowiedź

+1 głos
odpowiedź 7 grudnia 2018 przez Milesq Stary wyjadacz (14,200 p.)

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

1
komentarz 7 grudnia 2018 przez Tomek Sochacki Mędrzec (175,900 p.)

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.

komentarz 7 grudnia 2018 przez misza1597 Nowicjusz (190 p.)
dzięki za poradę :)
komentarz 7 grudnia 2018 przez Milesq Stary wyjadacz (14,200 p.)
Wiadomo ;) ale lepsze to niż specjalna domieszka w sassie
komentarz 7 grudnia 2018 przez Tomek Sochacki Mędrzec (175,900 p.)

 ale lepsze to niż specjalna domieszka w sassie

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

Podobne pytania

0 głosów
1 odpowiedź 506 wizyt
pytanie zadane 18 lutego 2017 w Systemy operacyjne, programy przez Bakr Mądrala (6,650 p.)
0 głosów
4 odpowiedzi 216 wizyt
pytanie zadane 27 sierpnia 2018 w HTML i CSS przez Zaqu93 Bywalec (2,400 p.)
0 głosów
1 odpowiedź 138 wizyt
Porady nie od parady
Wynikowy wygląd pytania, odpowiedzi czy komentarza, różni się od tego zaprezentowanego w edytorze postów. Stosuj więc funkcję Podgląd posta znajdującą się pod edytorem, aby upewnić się, czy na pewno ostateczny rezultat ci odpowiada.Podgląd posta

63,334 zapytań

109,595 odpowiedzi

228,945 komentarzy

44,062 pasjonatów

Przeglądających: 247
Pasjonatów: 18 Gości: 229

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...