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

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

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

$var: 20px;

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

p {
	font-size: $var;
}

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

p {
	font-size: 20px;
}

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

$color: #000;

p {
	color: $color;
}