SASS-i keele sissejuhatus
Selles õpetuses hakkame õppima SASS-i preprosessorit. SASS on alternatiiv LESS-i preprosessorile, mis samuti võimaldab programmeerida CSS-is.
Tegelikult on SASS-il kaks süntaksi varianti, esimest varianti nimetatakse samuti SASS-iks ja teist - SCSS-ks. Mõlemad toetavad sama funktsionaalsuste komplekti ja erinevad vaid veidi süntaksi poolest. Kuid kuna SCSS on uuem ja laialdasemalt kasutatav, siis selles õpetuses hakkame õppima just seda.
Niisiis, SCSS süntaks sarnaneb CSS-i süntaksiga,
see tähendab, et me näeme samu looksulg
ja samu jutumärke semikooloniga, mis CSS-is.
Vaatame SCSS süntaksi näidet,
kus me kohe määrame muutujatele fondi
värvi, seejärel määrame need muutujad
omadustele valijas body:
$font: Helvetica, sans-serif;
$color: #333;
body {
font: $font;
color: $color;
}
