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

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

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

styles.scss$var: 20px;

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

styles.scssp {
  font-size: $var;
}

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

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

styles.scss$color: #000;

p {
  color: $color;
}