Ich hätte mal eine Frage an die erfahrenen Webdesigner unter euch. Kann man inzwischen var() für Farb-Variablen in einem CSS-File benutzen oder gibt es da irgendwelche triftigen Gründe die dagegen sprechen? Hintergrund ist der, dass ich gerne ein Grundgerüst einer Seite erstellen würde, aber an einer einzigen Stelle sämtliche Farbvariablen haben möchte. So kann man später sehr einfach weitere Styles mit dem gleichen Gerüst aber anderen Farben erstellen.
Also konkret meine ich sowas:
Der Browser-Support scheint mir inzwischen ganz gut zu sein: https://caniuse.com/#search=var()
Aber ich hätte gerne noch eine Einschätzung von etwas praktisch erfahreneren Personen die das womöglich besser beurteilen können. Ich fände es halt cool, wenn ich endlich mal alle Farben aus dem CSS "rausziehen" kann und nicht immer Aufbau und Farben vermischt sind.
Ich bedanke mich schon mal im Voraus. :)
Also konkret meine ich sowas:
CSS:
:root {
--bg-color: #ff0000;
--box-color: #000;
}
body {background-color: var(--bg-color)}
.box {background-color: var(--box-color)}
Der Browser-Support scheint mir inzwischen ganz gut zu sein: https://caniuse.com/#search=var()
Aber ich hätte gerne noch eine Einschätzung von etwas praktisch erfahreneren Personen die das womöglich besser beurteilen können. Ich fände es halt cool, wenn ich endlich mal alle Farben aus dem CSS "rausziehen" kann und nicht immer Aufbau und Farben vermischt sind.
Ich bedanke mich schon mal im Voraus. :)