Одна из особенностей Sass, которая отличается от CSS, заключается в использовании переменных. Они объявляются и устанавливаются для хранения данных, похоже на JavaScript. В JavaScript переменные определяются с использованием слов let и const . В Sass переменные начинаются с $ за которым следует имя переменной. Вот несколько примеров:
$ main-fonts: Arial, sans-serif;Одним из примеров, полезного применения переменных, когда необходимо, чтобы несколько элементов должны быть одного цвета. Если этот цвет меняется, единственным местом для редактирования кода является значение переменной.
$ headings-color: green;
// Для использования переменных:
h1 {
font-family: $ main-fonts;
цвет: $ headings-color;
}
Создайте переменную $text-color и присвойте ей значение red. Затем измените значение свойства color для .blog-post и h2 на переменную $text-color.