Փոփոխականներ SASS-ում

SASS լեզուն թույլ է տալիս օգտագործել փոփոխականներ։ Փոփոխականը ներկայացնում է մի տեսակ պահունակ, որում կարելի է պահել որոշակի տվյալներ և օգտագործել դրանք կոդի անհրաժեշտ տեղերում։

Փոփոխական ստեղծելու համար անհրաժեշտ է հորինել դրա անունը և դիմացից դնել $ նշանը։ Այնուհետև փոփոխականի անունից հետո դնում ենք միջակետ և նշում այդ փոփոխականի արժեքը։ Եկեք օրինակի համար ստեղծենք var անունով փոփոխական։

$var: 20px;

Եկեք հիմա օգտագործենք այս փոփոխականը հատկության արժեքի տեսքով։

p {
	font-size: $var;
}

Արդյունքում կոմպիլյացիայից հետո CSS-ում մեր փոփոխականի փոխարեն կտեղադրվի դրա արժեքը։

p {
	font-size: 20px;
}

Պատմեք, թե ինչպիսին կլինի հետևյալ կոդի կոմպիլյացիայի արդյունքը։

$color: #000;

p {
	color: $color;
}