42 lines
1.5 KiB
CSS
42 lines
1.5 KiB
CSS
|
/* ============================================================================
|
||
|
|
Design-system entry point (imported once, in src/routes/+layout.svelte).
|
||
|
|
|
||
|
|
tailwindcss — framework + our @theme token registration (via common.css)
|
||
|
|
common.css — theme-independent structure (components, utilities, base)
|
||
|
|
clay.css — clay theme token values ([data-fl-theme="clay"] + dark)
|
||
|
|
flat.css — flat theme token values ([data-fl-theme="flat"] + dark)
|
||
|
|
navy.css — navy theme token values ([data-fl-theme="navy"] + dark)
|
||
|
|
|
||
|
|
Every theme is selected the same way, by its own data-fl-theme value — there
|
||
|
|
is no default, so VITE_THEME (→ FL_THEME, stamped on <body> + the app root)
|
||
|
|
must be set. Themes are mutually exclusive, so import order doesn't matter.
|
||
|
|
Add a theme = add a token file + an @import. ============================== */
|
||
|
|
|
||
|
|
@import "tailwindcss";
|
||
|
|
@import "./base.css";
|
||
|
|
@import "./clay.css";
|
||
|
|
@import "./flat.css";
|
||
|
|
@import "./navy.css";
|
||
|
|
|
||
|
|
/* per-component styles (one file per component class family) */
|
||
|
|
@import "./badge.css";
|
||
|
|
@import "./button.css";
|
||
|
|
@import "./card.css";
|
||
|
|
@import "./card-button.css";
|
||
|
|
@import "./chat.css";
|
||
|
|
@import "./content-search.css";
|
||
|
|
@import "./controls.css";
|
||
|
|
@import "./divider.css";
|
||
|
|
@import "./input.css";
|
||
|
|
@import "./join.css";
|
||
|
|
@import "./link.css";
|
||
|
|
@import "./menu.css";
|
||
|
|
@import "./page.css";
|
||
|
|
@import "./primary-nav.css";
|
||
|
|
@import "./room.css";
|
||
|
|
@import "./spinner.css";
|
||
|
|
@import "./secondary-nav.css";
|
||
|
|
@import "./tooltip.css";
|
||
|
|
|
||
|
|
@config "../../../tailwind.config.js";
|