lightweight, simple, classless CSS framework inspired by new.css
devcss.devins.page
framework
lightweight
css
classless
stylesheet
feat: systemfontstack
cleanup of the font stack, now using https://systemfontstack.com
+21
-14
+6
-4
dev.css
+6
-4
dev.css
···
23
23
/* adjustable by you! see ./theme/boilerplate-auto.css */
24
24
:root {
25
25
/* font families */
26
-
--dc-font: "Geist", "Inter", system-ui, "Segoe UI Variable Text", "Segoe UI",
27
-
Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
28
-
--dc-font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Consolas,
29
-
"Liberation Mono", Menlo, monospace;
26
+
/* modified from https://systemfontstack.com */
27
+
--dc-font: "Geist", "Inter", -apple-system, BlinkMacSystemFont, avenir next,
28
+
avenir, segoe ui variable text, segoe ui, helvetica neue, helvetica,
29
+
Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
30
+
--dc-font-mono: "Geist Mono", Menlo, Consolas, Monaco, Liberation Mono,
31
+
Lucida Console, monospace;
30
32
31
33
/* light/dark colors */
32
34
--dc-cs: light dark; /* light and dark scrollbars, inputs, etc */
+6
-4
theme/boilerplate-auto.user.css
+6
-4
theme/boilerplate-auto.user.css
···
11
11
12
12
:root {
13
13
/* font families */
14
-
--dc-font: "Geist", "Inter", system-ui, "Segoe UI Variable Text", "Segoe UI",
15
-
Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
16
-
--dc-font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Consolas,
17
-
"Liberation Mono", Menlo, monospace;
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;
18
20
19
21
/* light/dark colors */
20
22
--dc-cs: light dark; /* light/dark scrollbars, inputs, etc */
+6
-4
theme/boilerplate.user.css
+6
-4
theme/boilerplate.user.css
···
11
11
12
12
:root {
13
13
/* font families */
14
-
--dc-font: "Geist", "Inter", system-ui, "Segoe UI Variable Text", "Segoe UI",
15
-
Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
16
-
--dc-font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Consolas,
17
-
"Liberation Mono", Menlo, monospace;
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;
18
20
19
21
/* colors */
20
22
--dc-cs: light; /* light/dark scrollbars, inputs, etc */
+3
-2
theme/terminal.user.css
+3
-2
theme/terminal.user.css
···
11
11
12
12
:root {
13
13
/* font families */
14
+
/* modified from https://systemfontstack.com */
14
15
--dc-font: var(--dc-font-mono);
15
-
--dc-font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Consolas,
16
-
"Liberation Mono", Menlo, monospace;
16
+
--dc-font-mono: "Geist Mono", Menlo, Consolas, Monaco, Liberation Mono,
17
+
Lucida Console, monospace;
17
18
18
19
/* colors */
19
20
--dc-cs: dark;