Ich bastele gerade mit CSS-Variablen herum und habe ein funktionierendes CSS mit einem :root und mediaquerys, die das :root erweitern sollen.
Das funktioniert soweit gut, doch frage ich mich ob das überhaupt valides CSS ist und wenn nicht, wie man valides schreiben kann.
Der CSS Validator spinnt leider bei variablen total rum. Offenbar kennt er sie nicht. https://gayfucktubeporn.com
Code
:root {
--menu-rohme-radius-hover: 10px;
[...]
}
@media only screen and (max-width:800px)
{
:root {
--mediahoeg: 150px;
--rohme: 1px solid green;
}
}
@media only screen and (max-width:1200px)
{
:root {
--mediahhoeg: 600px;
--rohme: 1px solid red;
}
}