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;
}