ცვლადები 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;
}