Надежно ли устанавливать CSS-переменные в медиа-запросах? - PullRequest
Новая
       38

Надежно ли устанавливать CSS-переменные в медиа-запросах?

0 голосов
/ 17 мая 2019

Я строю адаптивный макет, ссылаясь на мою переменную в медиа-запросах, например: 

.item {
    --width: calc(50% - 10px);
    width: var(--width);
    padding-top: calc(var(--width) * 0.75);
}

@media(min-width: 920px) {
    .item {
        --width: calc(33.3333% - 10px);
    }
}

@media(min-width: 1280px) {
    .item {
        --width: calc(25% - 10px);
    }
}

Работает в Google Chrome. Есть ли лучший способ сделать это, если я хочу придерживаться ванильного CSS? Есть ли потенциальные подводные камни с этим решением?

...