Изменить переменную CSS в медиа-запросе ⇐ CSS

Разбираемся в CSS
Anonymous
Изменить переменную CSS в медиа-запросе

Сообщение Anonymous »

Есть ли способ изменить ранее объявленную переменную CSS внутри медиа-запроса с помощью простого CSS? То, что мне нужно, будет выглядеть так (что, конечно, не работает, поскольку все переменные в конечном итоге вычисляются):

Код: Выделить всё

#container {
--elem-size: 20px;
}

@media only screen and (min-width: 800px) {
#container {
--elem-size: calc(var(--elem-size) * 2);
}
}
Я знаю, что можно было бы объявить «базовую переменную» (например, --base-elem-size), а затем использовать ее для создания новых значений переменных для разных областей просмотра. Однако я работаю с очень большим количеством переменных CSS, поэтому нежелательно создавать из них дублирующийся базовый набор. Идеальным решением было бы «изменить» ранее объявленное значение.

Подробнее здесь: https://stackoverflow.com/questions/745 ... edia-query

Вернуться в «CSS»