lightweight, simple, classless CSS framework inspired by new.css
devcss.devins.page
framework
lightweight
css
classless
stylesheet
1/* ==userstyle==
2@name boilerplate for dev.css
3@description a template that you can modify. copied from dev.css defaults. remove lines that you want to keep as the dev.css default, such as the font lines
4@namespace author
5@version 1.0.0
6@author author <author@example.com> (https://example.com)
7@homepageURL https://example.com
8@supportURL https://example.com/issues
9@license MIT
10==/userstyle== */
11
12:root {
13 /* font families */
14 /* modified from https://systemfontstack.com */
15 --dc-font: "Geist", "Inter", -apple-system, BlinkMacSystemFont, avenir next,
16 avenir, segoe ui variable text, segoe ui, helvetica neue, helvetica,
17 Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
18 --dc-font-mono: "Geist Mono", Menlo, Consolas, Monaco, Liberation Mono,
19 Lucida Console, monospace;
20
21 /* colors */
22 --dc-cs: light; /* light/dark scrollbars, inputs, etc */
23 --dc-tx-1: #171717; /* primary text */
24 --dc-tx-2: #666; /* secondary text */
25 --dc-bg-1: #fff; /* primary background */
26 --dc-bg-2: #fafafa; /* secondary background */
27 --dc-bg-3: #ebebeb; /* border */
28 --dc-lk-1: #005ff2; /* link text */
29 --dc-lkb-1: #006bff; /* link button */
30 --dc-lkb-2: #0059ec; /* link button hover */
31 --dc-lkb-tx: #fff; /* text over link button */
32 --dc-ac-1: #a000f8; /* accent color */
33 --dc-ac-tx: #fff; /* text over accent color */
34}