Изменить переменную 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
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

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