27 lines
337 B
CSS
27 lines
337 B
CSS
|
:root {
|
||
|
|
--media-sm: initial;
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width: 480px) {
|
||
|
|
:root {
|
||
|
|
--media-sm: ;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
h1 {
|
||
|
|
color: var(--media-sm) red;
|
||
|
|
}
|
||
|
|
|
||
|
|
html {
|
||
|
|
block-size: 100%;
|
||
|
|
inline-size: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
body {
|
||
|
|
min-block-size: 100%;
|
||
|
|
min-inline-size: 100%;
|
||
|
|
box-sizing: border-box;
|
||
|
|
display: grid;
|
||
|
|
place-content: center;
|
||
|
|
font-family: system-ui;
|
||
|
|
}
|