LESS-тегі айнымалылар

LESS тілі айнымалыларды қолдануға мүмкіндік береді. Айнымалы - бұл деректерді сақтауға және оларды кодтың қажетті жерлерінде пайдалануға болатын контейнер.

Айнымалы жасау үшін оған ат ойлап тауып, оның алдына @ белгісін қою керек. Содан кейін айнымалы атынан кейін қос нүкте қойып, сол айнымалының мәнін көрсетеміз. Мысал ретінде var атымен айнымалы жасайық:

@var: 20px;

Енді осы айнымалыны қасиет мәні ретінде қолданайық:

p {
	font-size: @var;
}

Нәтижесінде, CSS-ке компиляциялау кезінде біздің айнымалының орнына оның мәні қойылады:

p {
	font-size: 20px;
}

Келесі кодты компиляциялау нәтижесі қандай болатынын айтыңыз:

@color: #000;

p {
	color: @color;
}