LESS'теги өзгөрмөлөр

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

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

@var: 20px;

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

p {
	font-size: @var;
}

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

p {
	font-size: 20px;
}

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

@color: #000;

p {
	color: @color;
}