Dzięki za próbę, ale ciągle nope
SASS vs LESS
Napisano 27 listopada 2015 - 13:14
Jest jeszcze opcja że jak używasz wersji powyżej 3.4 to można napisać do tego mixin z wbudowanymi funkcjami tylko to jest chyba overkill i nie wiem po co by ktoś miał takie coś robić
Taki kod:
@mixin context($stary, $nowy) { @at-root #{selector-replace(&, $stary, $nowy)} { @content; } } $list: selector-append('.item','.item-1','.item-2','.item-3','.item-4'); .content { background: red; .item { background: blue; a { color: white; @include context('.item', $list) { color: red; } } } }
powinien dać ten wynik:
.content { background: red; } .content .item { background: blue; } .content .item a { color: white; } .content .item.item-1.item-2.item-3.item-4 a { color: red; }
jeśli efekt miałby być taki:
.content .item a { color: white; } .content .item.item-1 a { color: white; } .content .item.item-2 a { color: white; }
to trzeba by to jeszcze dodatkowo przepuścić przez jakąś pętlę...chyba
Użytkownik przemoo83 edytował ten post 27 listopada 2015 - 13:19
Napisano 20 grudnia 2015 - 20:57
PostCSS!
Bo:
- jest to narzędzie do transformacji CSS'a
- nie jest zamknięty jak Less czy Sass (możemy dowolnie wybierać pluginy jak i sami łatwo pisać nowe)
- dużo pluginów
- wspiera nowego CSSa
- koniec z globalnym CSSem dzięki lokalnym stylom
- kompozycja dzięki css-modules -> compose
- szybszy niż Less, Sass
- itd...
Użytkownicy przeglądający ten temat: 0
0 użytkowników, 0 gości, 0 anonimowych