ცვლადები SASS-ში

SASS-ის ენა საშუალებას გაძლევთ გამოიყენოთ ცვლადები. ცვლადი წარმოადგენს კონტეინერს, რომელშიც შესაძლებელია ზოგიერთი მონაცემის შენახვა და მათი გამოყენება კოდის საჭირო ადგილებში.

ცვლადის შესაქმნელად, საჭიროა მისთვის სახელის გამოგონება და მის წინ $ ნიშნის დაწერა. შემდეგ ცვლადის სახელის შემდეგ ვსვამთ ორწერტილს და ვიუთითებთ ამ ცვლადის მნიშვნელობას. მაგალითისთვის შევქმნათ ცვლადი სახელად var:

$var: 20px;

ახლა კი გამოვიყენოთ ეს ცვლადი თვისების მნიშვნელობად:

p {
	font-size: $var;
}

შედეგად, კომპილაციის შემდეგ CSS-ში, ჩვენი ცვლადის ნაცვლად ჩაიწერება მისი მნიშვნელობა:

p {
	font-size: 20px;
}

ამოხსენით, რა იქნება კომპილაციის შედეგი შემდეგი კოდის:

$color: #000;

p {
	color: $color;
}