a reactive (signals based) hypermedia web framework (wip)
stormlightlabs.github.io/volt/
hypermedia
frontend
signals
1/*
2888 888 888 888 Y88b d88P
3888 888 888 888 Y88b d88P
4888 888 888 888 Y88o88P
5Y88b d88P .d88b. 888 888888 Y888P .d8888b .d8888b .d8888b
6 Y88b d88P d88""88b 888 888 d888b d88P" 88K 88K
7 Y88o88P 888 888 888 888 d88888b 888 "Y8888b. "Y8888b.
8 Y888P Y88..88P 888 Y88b. d88P Y88b d8b Y88b. X88 X88
9 Y8P "Y88P" 888 "Y888 d88P Y88b Y8P "Y8888P 88888P' 88888P'
10*/
11
12/**
13 * Volt CSS - Classless stylesheet for elegant, readable web documents
14 *
15 * Design Philosophy:
16 * - Classless: Style semantic HTML5 elements directly
17 * - Dual theme: Automatic light/dark mode via prefers-color-scheme
18 * - Typography-first: Optimized for reading and information density
19 * - Accessible: WCAG AA contrast ratios, keyboard navigation support
20 * - Responsive: Mobile-first, adapts gracefully to all screen sizes
21 *
22 * Inspired by: magick.css, latex-css, sakura, matcha, mvp.css
23 */
24
25@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Google+Sans+Code:ital,wght@0,300..800;1,300..800&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');
26
27/* Design system tokens */
28@import './variables.css';
29@import './base.css';
30@import './typography.css';
31@import './forms.css';
32@import './components.css';
33@import './collections.css';
34@import './media.css';