Вёрстка: Переменные в CSS

Пример использования CSS переменных (CSS variables) в CSS-стилях.

# Определите переменную в корневом селекторе
:root {
  --primary-color: #007bff;
}

# Используйте переменную в свойствах, где это необходимо
button {
  background-color: var(--primary-color);
}

# Вы можете изменять значение переменной в CSS или JavaScript, и это автоматически применится к соответствующим элементам
:root {
  --primary-color: #ff0000;
}

# В этом примере значение переменной --primary-color было изменено на красный цвет, и кнопка, использующая это свойство, теперь будет иметь красный фон.