SASS тилига кириш

Ушбу ўқув қўлланмада биз SASS препроцессорини ўрганамиз. SASS - бу LESS препроцессорига альтернатива бўлиб, у ҳам CSS да дастурлаш имконини беради.

Аслинда SASS икки синтаксис вариантига эга, биринчи вариант ҳам SASS деб аталади, иккинчиси эса - SCSS. Иккаласи ҳам бир хил функциялар тўпламини қўллайди ва фақат синтаксиси бир оз фарқ қилади. Бирок, SCSS янти ва кенг қўлланилгани сабабли, ушбу ўқув қўлланмада биз айнан уни ўрганамиз.

Демак, SCSS синтаксиси CSS синтаксисига ўхшайди, яъни биз CSS даги каби ирға бўғинларини ва кавычкалар билан вергулни кўрамиз. SCSS синтаксиси мисолини кўриб чиқайлик, бу ерда биз ўзгарувчиларга шрифт ва ранг берамиз, сўнгра бу ўзгарувчиларни body селекторидаги хоссаларга берамиз:

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

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