SASS Tiliga Kirish
Ushbu o‘quv qo‘llanmada biz SASS preprotsessorini o‘rganamiz. SASS - bu CSS da dasturlash imkonini beruvchi LESS preprotsessoriga alternativa.
Aslida SASS ning ikkita sintaksis varianti mavjud, birinchi variant SASS, ikkinchisi esa SCSS deb ataladi. Ikkalasi ham bir xil funktsiyalar to‘plamini qo‘llab-quvvatlaydi va faqat sintaksisi bilan biroz farq qiladi. Biroq, SCSS yanada yangi va keng qo‘llanilishi sababli, ushbu o‘quv qo‘llanmada biz aynan shuni o‘rganamiz.
Shunday qilib, SCSS sintaksisi CSS sintaksisiga o‘xshaydi,
ya’ni biz CSS dagi kabi jingalak qavslarni
va vergul bilan ajratilgan tirnoqlarni ko‘ramiz.
SCSS sintaksisining misolini ko‘rib chiqaylik,
bu yerda biz o‘zgaruvchilarga shrift
va rangni belgilaymiz, so‘ngra bu o‘zgaruvchilarni
body selektoridagi xususiyatlarga belgilaymiz:
$font: Helvetica, sans-serif;
$color: #333;
body {
font: $font;
color: $color;
}
