SASS vs LESS

Dzięki za próbę, ale ciągle nope

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

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...

A czy możecie polecić jakieś dobre materiały do nauki Sass ?