Переменные CSS: синтаксис Sugar существует?

Question

Вместо записи:

:root {
    --pc: gray;
    --sc: lightgray;
}

var(--pc)

Есть ли еще более короткий синтаксис, по крайней мере, короче, чем var(--pc)?

Answer 1

Нет, нет. Имеется нотация var(), поэтому синтаксический анализатор CSS может отличить выражение пользовательского свойства от любого другого идентификатора в объявлении стиля (почти так же, как существует нотация calc() для различения арифметических выражений), а также предоставить способ указать запасной вариант, сохраняя совместимость с препроцессорами, которые уже имеют свои собственные обозначения ссылок на переменные.

Answer 2

номер

Чистый CSS не позволяет опускать var().

Однако существует множество препроцессоров, каждый со своим набором модификаций синтаксиса. Возможно, существует такой с более коротким синтаксисом доступа к переменным, но это не относится к вопросу.