Sass – co nowego

Dart Sass jest oficjalnym kompilatorem Sass. Ruby Sass jest przestarzały, a Node Sass powoli traci wsparcie.
Nowe funkcje jak @use zostały wprowadzona w Dart Sass (wersja 1.23.0 i nowsze).

Sprawdź wersję kompilatora Sass

sass --version

Instalacja

Instalacja w dowolnym miejscu (npm)
Korzystając z Node.js, możesz zainstalować Sass za pomocą npm, uruchamiając opcję:
npm install -g sass

Należy jednak pamiętać, że jest to instalacja czystej implementacji JavaScript Sass, która działa nieco wolniej niż inne opcje.

Instalacja system Windows (Chocolatey)
Używając menedżera pakietów Chocolatey dla Windows, możesz zainstalować Dart Sass uruchamiając:
choco install sass

Instalacja system Mac OS X lub Linux (Homebrew)
Korzystając z menedżera pakietów Homebrew dla Mac OS X / Linux, możesz zainstalować Dart Sass, uruchamiając polecenie:
brew install sass/sass/sass

Przetwarzanie kodu za pomocą kompilatora Dart Sass

sass style.sass style.css

Co nowego w Sass

  • opcja @use i wbudowane moduły, biblioteki takie jak
    •  sass:math
      • math.cos() – należy pamiętać, że ta funkcja działa na wartościach w radianach, nie stopniach

 

Więcej o Dart Sass na npmjs.com oraz na sass-lang.com

 

Inne przydatne

przeliczanie stopni na radiany

$degrees: 10
$radians: math.div($degrees, 180) * math.pi

Hope this helps and happy coding :)

Zobacz jeszcze

canvas - funkcje

getImageData() parametry x, y, width, height - obszaru z jakiego odczytać chcemy dane context.save();...

VS Code - Command Palette

polecenia w Command Palette View: Reset View Locations - resetuje widoki w VS Code do domyślnych ustawień View: Show Explorer - pokazuje widok Explorerea, ale nie przywraca ikony w bocznym...