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

SASS - domieszka nie funkcjonuje

Cloud VPS
0 głosów
359 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 Nałogowiec (32,020 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 Ekspert (227,490 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 Nałogowiec (32,020 p.)
Wiadomo ;) ale lepsze to niż specjalna domieszka w sassie
komentarz 7 grudnia 2018 przez Tomek Sochacki Ekspert (227,490 p.)

 ale lepsze to niż specjalna domieszka w sassie

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

Podobne pytania

+1 głos
1 odpowiedź 340 wizyt
pytanie zadane 8 września 2020 w HTML i CSS przez rob Bywalec (2,440 p.)
0 głosów
1 odpowiedź 1,164 wizyt
pytanie zadane 18 lutego 2017 w Systemy operacyjne, programy przez Bakr Mądrala (6,850 p.)
0 głosów
2 odpowiedzi 780 wizyt
pytanie zadane 21 stycznia 2020 w HTML i CSS przez El Lirón Obywatel (1,350 p.)

93,486 zapytań

142,420 odpowiedzi

322,771 komentarzy

62,900 pasjonatów

Motyw:

Akcja Pajacyk

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

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Kursy INF.02 i INF.03
...