tiny, simple, classless CSS framework inspired by new.css
devcss.devins.page
devins.page
framework
lightweight
css
classless
stylesheet
feat: `Segoe UI Variable Text` font
windows 11 font, havent tested yet cuz im on mac but it should work :p
+2
-2
dev.css
+2
-2
dev.css
···
23
/* adjustable by you! see ./theme/boilerplate-auto.css */
24
:root {
25
/* font families */
26
-
--dc-font: "Geist", "Inter", system-ui, "Segoe UI", Roboto, Helvetica, Arial,
27
-
sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
28
--dc-font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Consolas,
29
"Liberation Mono", Menlo, monospace;
30
···
23
/* adjustable by you! see ./theme/boilerplate-auto.css */
24
:root {
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;
30
+3
-3
theme/boilerplate-auto.user.css
+3
-3
theme/boilerplate-auto.user.css
···
1
/* ==userstyle==
2
@name boilerplate-auto for dev.css
3
-
@description a template that you can modify, but with two color schemes for light/dark mode. copied from dev.css defaults. you can 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)
···
11
12
:root {
13
/* font families */
14
-
--dc-font: "Geist", "Inter", system-ui, "Segoe UI", Roboto, Helvetica, Arial,
15
-
sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
16
--dc-font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Consolas,
17
"Liberation Mono", Menlo, monospace;
18
···
1
/* ==userstyle==
2
@name boilerplate-auto for dev.css
3
+
@description a template that you can modify, but with two color schemes for light/dark mode. 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)
···
11
12
:root {
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;
18
+3
-3
theme/boilerplate.user.css
+3
-3
theme/boilerplate.user.css
···
1
/* ==userstyle==
2
@name boilerplate for dev.css
3
-
@description a template that you can modify. copied from dev.css defaults. you can 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)
···
11
12
:root {
13
/* font families */
14
-
--dc-font: "Geist", "Inter", system-ui, "Segoe UI", Roboto, Helvetica, Arial,
15
-
sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
16
--dc-font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Consolas,
17
"Liberation Mono", Menlo, monospace;
18
···
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)
···
11
12
:root {
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;
18