Есть ли способ
изменить ранее объявленную переменную 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