a reactive (signals based) hypermedia web framework (wip) stormlightlabs.github.io/volt/
hypermedia frontend signals
at main 1.6 kB view raw
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';