refactor(css): base-Layer wrappen (Fonts, :root-Tokens, @supports-Fallback, Reset, Typografie)

This commit is contained in:
2026-06-13 19:08:18 +02:00
parent 829914a271
commit 27e4c8243c
+4
View File
@@ -18,6 +18,7 @@
- Inter: Fließtext und allgemeine Lesbarkeit - Inter: Fließtext und allgemeine Lesbarkeit
- Cinzel: Alternative Display-Schriftart für bestimmte Themes - Cinzel: Alternative Display-Schriftart für bestimmte Themes
============================================= */ ============================================= */
@layer base {
/* Rajdhani - Lokal */ /* Rajdhani - Lokal */
@font-face { @font-face {
font-family: 'Rajdhani'; font-family: 'Rajdhani';
@@ -91,6 +92,7 @@
background-color: var(--bg-solid-fallback, var(--bg-primary)); background-color: var(--bg-solid-fallback, var(--bg-primary));
} }
} }
}
/* ============================================ /* ============================================
THEME: NEBULA (magenta / cosmic nebula) THEME: NEBULA (magenta / cosmic nebula)
@@ -431,6 +433,7 @@
BASE STYLES BASE STYLES
============================================ */ ============================================ */
@layer base {
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html, body { html, body {
@@ -442,6 +445,7 @@ html, body {
overflow-x: hidden; overflow-x: hidden;
transition: background 0.5s; transition: background 0.5s;
} }
}
.bg-layer { .bg-layer {
position: fixed; inset: 0; z-index: 0; position: fixed; inset: 0; z-index: 0;