devins.page / dev.css
tiny, simple, classless CSS framework inspired by new.css devcss.devins.page
framework lightweight css classless stylesheet
fork atom

feat: systemfontstack

cleanup of the font stack, now using https://systemfontstack.com

devins.page a0532e8e 122d63b5

+21 -14
unified split
+6 -4
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 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 31 /* light/dark colors */ 32 --dc-cs: light dark; /* light and dark scrollbars, inputs, etc */
··· 23 /* adjustable by you! see ./theme/boilerplate-auto.css */ 24 :root { 25 /* font families */ 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; 32 33 /* light/dark colors */ 34 --dc-cs: light dark; /* light and dark scrollbars, inputs, etc */
+6 -4
theme/boilerplate-auto.user.css
··· 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 19 /* light/dark colors */ 20 --dc-cs: light dark; /* light/dark scrollbars, inputs, etc */
··· 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 /* light/dark colors */ 22 --dc-cs: light dark; /* light/dark scrollbars, inputs, etc */
+6 -4
theme/boilerplate.user.css
··· 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 19 /* colors */ 20 --dc-cs: light; /* light/dark scrollbars, inputs, etc */
··· 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 */
+3 -2
theme/terminal.user.css
··· 11 12 :root { 13 /* font families */ 14 --dc-font: var(--dc-font-mono); 15 - --dc-font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Consolas, 16 - "Liberation Mono", Menlo, monospace; 17 18 /* colors */ 19 --dc-cs: dark;
··· 11 12 :root { 13 /* font families */ 14 + /* modified from https://systemfontstack.com */ 15 --dc-font: var(--dc-font-mono); 16 + --dc-font-mono: "Geist Mono", Menlo, Consolas, Monaco, Liberation Mono, 17 + Lucida Console, monospace; 18 19 /* colors */ 20 --dc-cs: dark;