Sass je skriptni programski jezik, koji se prevodi u CSS. Koristi .scss
ekstenziju. U potpunosti podržava CSS sintaksu, tako da je svaki validan css
fajl istovremeno validan scss
fajl (samo zameniš ekstenziju).
Sass pretvara CSS u ozbiljan programski jezik, dodajući mu varijable, petlje i funkcije. U Sasu možete lako napraviti sopstveni CSS frejmvork ili neku alatku koje vam treba, kao na primer grid sistem.
Moraš prvo instalirati Ruby, a potom Sass. Na Linuxu ovako:
sudo apt install ruby
gem install sass
Komanda sass
prima dva argumenta, ulazni (.scss
) i izlazni (.css
) fajl, na primer:
sass style.scss style.css
Da ne bismo nakon svake izmene ručno prevodili fajl, koristimo opciju --watch
:
sass --watch style.scss:style.css
U praksi redovno držimo izvorne i prevedene fajlove u zasebnim folderima. Sledećom komandom prevodimo sve fajlove iz ulaznog (sass
) u izlazni (css
) folder:
sass --watch sass:css
Pošto kloniraš repo, uđeš u folder neke lekcije i pokreneš komandu:
sass --watch sass:css
Za svaku lekciju Sass prevodilac se pokreće na isti način.
node-sass
je prilagođen za rad sa npm
-om, za automatizaciju build procesa. Koristi se u node projektima na sledeći način:
node-sass -w src/sass -o dist/css
Takođe, možeš odmah izvesti minifikovan css:
node-sass -w src/sass -o dist/css --output-style compressed
Sve opcije možeš pronaći ovde.