Ներածություն SASS լեզվի մասին

Այս ձեռնարկում մենք կուսումնասիրենք SASS պրեպրոցեսորը։ SASS-ը LESS պրեպրոցեսորի այլընտրանք է, որն նաև հնարավորություն է տալիս ծրագրավորել CSS-ում։

Իրականում SASS-ն ունի շարահյուսության երկու տարբերակ, առաջին տարբերակը կոչվում է նաև SASS, իսկ երկրորդը՝ SCSS։ Երկուսն էլ աջակցում են ֆունկցիոնալության նույն հավաքածուն և միայն քիչ են տարբերվում շարահյուսությամբ։ Սակայն, քանի որ SCSS-ը ավելի նոր և լայնորեն օգտագործվող է, այս ձեռնարկում մենք կուսումնասիրենք հենց այն։

Այսպիսով, SCSS-ի շարահյուսությունը նման է CSS-ի շարահյուսությանը, այսինքն՝ մենք կտեսնենք նույն գանգուր փակագծերը և նույն չակերտներն ու ստորակետերը, ինչ CSS-ում։ Դիտարկենք SCSS շարահյուսության օրինակ, որտեղ անմիջապես մենք փոփոխականներին ենք վերագրում տառատեսակ և գույն, որից հետո այդ փոփոխականները վերագրում ենք հատկություններին body ընտրիչում։

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

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