SASS'тагы өзгөрмөлөр

SASS тили өзгөрмөлөрдү колдонууга мүмкүндүк берет. Өзгөрмөлөр кандайдыр бир маалыматтарды сактоо үчүн контейнер болуп саналат жана аларды коддун керектуү жерлеринде колдонсо болот.

Өзгөрмө түзүү үчүн, анын атын ойлоп табуу керек жана анын алдына $ белгисин коюңуз. Андан кийин өзгөрмөнүн атынан кийин эки чекит коюп, ушул өзгөрмөнүн маанисин көрсөтөбүз. Келгиле мисал үчүн аты var болгон өзгөрмө түзөлү:

$var: 20px;

Келгиле эми бул өзгөрмөнү касиеттин мааниси катары колдонолу:

p {
	font-size: $var;
}

Натыйжада, CSS'ке компиляциялоодон кийин, биздин өзгөрмөнүн ордуна анын мааниси коюлат:

p {
	font-size: 20px;
}

Төмөнкү коддун компиляциялоонун натыйжасы кандай болорун айтып бериңиз:

$color: #000;

p {
	color: $color;
}