SASS тіліне кіріспе

Бұл оқулықта біз SASS препроцессорын зерттейміз. SASS - бұл CSS-те бағдарламалауға мүмкіндік беретін LESS препроцессорының баламасы.

Шындығында SASS-тың синтаксисінің екі нұсқасы бар, бірінші нұсқа SASS деп те аталады, ал екіншісі - SCSS. Олардың екеуі де бірдей функциялар жинағын қолдайды және тек синтаксисі бойынша аздап ерекшеленеді. Алайда, SCSS жаңа және кеңінен қолданылатын болғандықтан, бұл оқулықта біз дәл сол нұсқаны зерттейміз.

Сонымен, SCSS синтаксисі CSS синтаксисіне ұқсас, яғни біз CSS-тегідей бірдей бұйра жақшаларды және бірдей тырнақша мен нүктелі үтірді көреміз. SCSS синтаксисінің мысалын қарастырайық, мұнда біз бірден айнымалыларға қаріп пен түс тағайындаймыз, содан кейін бұл айнымалыларды body селекторындағы қасиеттерге тағайындаймыз:

$font: Helvetica, sans-serif;
$color: #333;

body {
	font: $font;
	color: $color;
}