var()

Функцию var() можно использовать для вставки значения пользовательского свойства (иногда называемого «переменной CSS») вместо любой части значения другого свойства.

Демо

Функцию var() нельзя использовать в именах свойств, селекторах или где-либо еще, кроме значений свойств. Это обычно приводит к недопустимому синтаксису или значению, значение которого не связано с переменной.

Спецификация

• CSS Custom Properties for Cascading Variables Module Level 1

Пример

:root {
  --main-bg-color: pink;
}

body {
  background-color: var(--main-bg-color);
}

Комментарии