refactor(styles): migrate TS template literal styles to real CSS files

Extract CSS from TypeScript template literals into standalone .css files
(variables.css, layout.css, components.css, utilities.css) and update
src/routes/admin/ui.tsx to import them directly via Wrangler text imports,
concatenating the strings at runtime for the inline <style> tag.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Julien Herr
2026-05-22 15:44:08 +02:00
parent 5d75682702
commit 4316354ee5
5 changed files with 1555 additions and 1 deletions
+6 -1
View File
@@ -1,6 +1,11 @@
import { designSystem } from "../../styles/index";
import variablesCss from "../../styles/variables.css";
import layoutCss from "../../styles/layout.css";
import componentsCss from "../../styles/components.css";
import utilitiesCss from "../../styles/utilities.css";
import { interactiveScripts } from "../../scripts/index";
const designSystem = [variablesCss, layoutCss, componentsCss, utilitiesCss].join("\n");
type LayoutProps = {
title: string;
children: import("hono/jsx").Child;