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

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

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

styles.less@var: 20px;

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

styles.lessp {
  font-size: @var;
}

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

styles.cssp {
  font-size: 20px;
}

styles.less@color: #000;

p {
  color: @color;
}