Задание "Store Data with Sass Variables".

, чтобы сохранить свой прогресс

Сохранять данные с помощью переменных Sass

Одна из особенностей 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.

⌛

Your code should have a Sass variable declared for $text-color with a value of red.

⌛

Your code should use the $text-color variable to change the color for the .blog-post and h2 items.

⌛

Your .blog-post element should have a color of red.

⌛

Your h2 elements should have a color of red.

/** * Your test output will go here. */