refactor(css): base-Layer wrappen (Fonts, :root-Tokens, @supports-Fallback, Reset, Typografie)
This commit is contained in:
@@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user