タイトルのままです。 CSS 変数はメディアクエリ (@media) のブレイクポイントの値には使うことができないようです。 CSS 変数をブレイクポイントにしても動作しない :root { --breakpoint-md: 48em; } @media (min-width: var(--breakpoint-md)) { body { color: #F00; } } これは動作しない。 (window が 48em 以上になっても color: #F00; にはならない) This may seem confusing at first. If our variables are available at the :root of the page, why can't a media query access them? Well, it comes down to what th
![CSS メディアクエリのブレイクポイントに CSS 変数は使えない - かもメモ](https://cdn-ak-scissors.b.st-hatena.com/image/square/453f554e36974ec67ccc0549ade7c9533fd83e70/height=288;version=1;width=512/https%3A%2F%2Fm.media-amazon.com%2Fimages%2FI%2F51pIxrI0O-L._SL500_.jpg)