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

feat: better comments 2

devins.page 69e643d8 48f72b25

+7 -8
unified split
-1
addon/header-sidebar.css
··· 3 /* warn: if using with the header-sticky addon, be sure to include this after it */ 4 5 @media (min-width: calc((48rem + 4rem) + ((16rem)*2))) { 6 - /* unset header */ 7 header { 8 all: unset; 9 }
··· 3 /* warn: if using with the header-sticky addon, be sure to include this after it */ 4 5 @media (min-width: calc((48rem + 4rem) + ((16rem)*2))) { 6 header { 7 all: unset; 8 }
+1 -1
addon/header-sticky.css
··· 1 /* addon for dev.css v3, a classless CSS framework - https://github.com/intergrav/dev.css */ 2 /* about: makes the header sticky, always at the top of the screen */ 3 /* warn: if using with the header-sidebar addon, be sure to include this before it */ 4 - /* warn: i do not recommend using this if your header is large, may affect usability */ 5 6 header { 7 position: sticky;
··· 1 /* addon for dev.css v3, a classless CSS framework - https://github.com/intergrav/dev.css */ 2 /* about: makes the header sticky, always at the top of the screen */ 3 /* warn: if using with the header-sidebar addon, be sure to include this before it */ 4 + /* warn: i do not recommend using this if your header is large. may affect usability */ 5 6 header { 7 position: sticky;
+2 -2
theme/boilerplate.css
··· 2 /* about: a template that you can modify */ 3 4 :root { 5 - /* Fonts */ 6 --dc-font-sans: sans-serif; /* Sans Serif */ 7 --dc-font-mono: monospace; /* Monospace */ 8 - /* Colors */ 9 --dc-tx-1: #000000; /* Primary text */ 10 --dc-tx-2: #1a1a1a; /* Secondary text */ 11 --dc-bg-1: #fafafa; /* Main background */
··· 2 /* about: a template that you can modify */ 3 4 :root { 5 + /* fonts */ 6 --dc-font-sans: sans-serif; /* Sans Serif */ 7 --dc-font-mono: monospace; /* Monospace */ 8 + /* colors */ 9 --dc-tx-1: #000000; /* Primary text */ 10 --dc-tx-2: #1a1a1a; /* Secondary text */ 11 --dc-bg-1: #fafafa; /* Main background */
+1 -1
theme/day.css
··· 2 /* about: makes it always light, regardless of device setting */ 3 4 :root { 5 - /* Colors */ 6 --dc-tx-1: #000000; 7 --dc-tx-2: #1a1a1a; 8 --dc-bg-1: #fafafa;
··· 2 /* about: makes it always light, regardless of device setting */ 3 4 :root { 5 + /* colors */ 6 --dc-tx-1: #000000; 7 --dc-tx-2: #1a1a1a; 8 --dc-bg-1: #fafafa;
+1 -1
theme/night.css
··· 2 /* about: makes it always dark, regardless of device setting */ 3 4 :root { 5 - /* Colors */ 6 --dc-tx-1: #ededed; 7 --dc-tx-2: #a1a1a1; 8 --dc-bg-1: #000;
··· 2 /* about: makes it always dark, regardless of device setting */ 3 4 :root { 5 + /* colors */ 6 --dc-tx-1: #ededed; 7 --dc-tx-2: #a1a1a1; 8 --dc-bg-1: #000;
+2 -2
theme/terminal.css
··· 4 @import url("https://cdn.jsdelivr.net/npm/@intergrav/fonts@1/serve/geist-mono.min.css"); 5 6 :root { 7 - /* Fonts */ 8 --dc-font-sans: "Geist Mono", monospace; 9 --dc-font-mono: "Geist Mono", monospace; 10 - /* Colors */ 11 --dc-tx-1: #ffffff; 12 --dc-tx-2: #eeeeee; 13 --dc-bg-1: #000000;
··· 4 @import url("https://cdn.jsdelivr.net/npm/@intergrav/fonts@1/serve/geist-mono.min.css"); 5 6 :root { 7 + /* fonts */ 8 --dc-font-sans: "Geist Mono", monospace; 9 --dc-font-mono: "Geist Mono", monospace; 10 + /* colors */ 11 --dc-tx-1: #ffffff; 12 --dc-tx-2: #eeeeee; 13 --dc-bg-1: #000000;