WildDragonLLC/dragonflight
1
0
Fork 0
Code Issues 32 Pull requests 2 Projects Releases Packages Wiki Activity Actions

app.css: import new shell primitive; drop redundant html base rule (now in shell.css)

Browse source
This commit is contained in:
Zac Gaetano 2026-05-21 16:22:47 -04:00
parent eea1ed6bcb
commit 6cad11f687
1 changed files with 9 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
services/web-ui/src/css/app.css
View file

@ -2,11 +2,12 @@
* *
* IMPORTANT: All @import must come first per CSS spec / postcss-import * IMPORTANT: All @import must come first per CSS spec / postcss-import
* requirements. Tailwind directives below; cascade order in the emitted * requirements. Tailwind directives below; cascade order in the emitted
* bundle is: tokens → primitives → tailwind base → tailwind components * bundle is: tokens → shell → primitives → tailwind base → tailwind
* → tailwind utilities. Utilities win on specificity, primitives win * components → tailwind utilities. Utilities win on specificity,
* over base where they share specificity. * primitives win over base where they share specificity.
*/ */
@import "./components/tokens.css"; @import "./components/tokens.css";
@import "./components/shell.css";
@import "./components/sidebar.css"; @import "./components/sidebar.css";
@import "./components/topbar.css"; @import "./components/topbar.css";
@import "./components/button.css"; @import "./components/button.css";
@ -29,42 +30,25 @@
@font-face { @font-face {
font-family: 'Inter'; font-family: 'Inter';
src: url('/fonts/inter-400.woff2') format('woff2'); src: url('/fonts/inter-400.woff2') format('woff2');
font-weight: 400; font-weight: 400; font-style: normal; font-display: swap;
font-style: normal;
font-display: swap;
} }
@font-face { @font-face {
font-family: 'Inter'; font-family: 'Inter';
src: url('/fonts/inter-500.woff2') format('woff2'); src: url('/fonts/inter-500.woff2') format('woff2');
font-weight: 500; font-weight: 500; font-style: normal; font-display: swap;
font-style: normal;
font-display: swap;
} }
@font-face { @font-face {
font-family: 'Inter'; font-family: 'Inter';
src: url('/fonts/inter-600.woff2') format('woff2'); src: url('/fonts/inter-600.woff2') format('woff2');
font-weight: 600; font-weight: 600; font-style: normal; font-display: swap;
font-style: normal;
font-display: swap;
} }
@font-face { @font-face {
font-family: 'JetBrains Mono'; font-family: 'JetBrains Mono';
src: url('/fonts/jetbrains-mono-400.woff2') format('woff2'); src: url('/fonts/jetbrains-mono-400.woff2') format('woff2');
font-weight: 400; font-weight: 400; font-style: normal; font-display: swap;
font-style: normal;
font-display: swap;
} }
@font-face { @font-face {
font-family: 'JetBrains Mono'; font-family: 'JetBrains Mono';
src: url('/fonts/jetbrains-mono-600.woff2') format('woff2'); src: url('/fonts/jetbrains-mono-600.woff2') format('woff2');
font-weight: 600; font-weight: 600; font-style: normal; font-display: swap;
font-style: normal;
font-display: swap;
}
html {
font-family: var(--font);
background: var(--bg-base);
color: var(--text-primary);
-webkit-font-smoothing: antialiased;
} }