Муқаддима ба забони 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;
}