@intergrav/dev.css 4.0.1 → 4.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/LICENSE +21 -21
  2. package/README.md +228 -228
  3. package/addon/header-oneline.css +21 -22
  4. package/addon/header-sticky.css +17 -17
  5. package/addon/scroll-to-top.js +25 -25
  6. package/dev.css +527 -527
  7. package/package.json +31 -31
  8. package/theme/boilerplate.user.css +30 -30
  9. package/theme/catppuccin-frappe.user.css +26 -26
  10. package/theme/catppuccin-macchiato.user.css +26 -26
  11. package/theme/catppuccin-mocha.user.css +26 -26
  12. package/theme/day.user.css +26 -26
  13. package/theme/night.user.css +26 -26
  14. package/theme/terminal.user.css +29 -29
package/package.json CHANGED
@@ -1,31 +1,31 @@
1
- {
2
- "name": "@intergrav/dev.css",
3
- "version": "4.0.1",
4
- "description": "Tiny, simple, classless CSS framework in the style of Vercel's Geist design system",
5
- "keywords": [
6
- "css",
7
- "stylesheet",
8
- "framework",
9
- "classless",
10
- "minimal",
11
- "lightweight",
12
- "vercel",
13
- "geist",
14
- "open-source"
15
- ],
16
- "homepage": "https://devcss.devins.page",
17
- "bugs": {
18
- "url": "https://github.com/intergrav/dev.css/issues"
19
- },
20
- "license": "MIT",
21
- "author": "intergrav <intergrav@proton.me> (https://devins.page)",
22
- "files": [
23
- "theme",
24
- "addon"
25
- ],
26
- "main": "dev.css",
27
- "repository": "github:intergrav/dev.css",
28
- "prettier": {
29
- "useTabs": true
30
- }
31
- }
1
+ {
2
+ "name": "@intergrav/dev.css",
3
+ "version": "4.0.2",
4
+ "description": "Tiny, simple, classless CSS framework in the style of Vercel's Geist design system",
5
+ "keywords": [
6
+ "css",
7
+ "stylesheet",
8
+ "framework",
9
+ "classless",
10
+ "minimal",
11
+ "lightweight",
12
+ "vercel",
13
+ "geist",
14
+ "open-source"
15
+ ],
16
+ "homepage": "https://devcss.devins.page",
17
+ "bugs": {
18
+ "url": "https://github.com/intergrav/dev.css/issues"
19
+ },
20
+ "license": "MIT",
21
+ "author": "intergrav <intergrav@proton.me> (https://devins.page)",
22
+ "files": [
23
+ "theme",
24
+ "addon"
25
+ ],
26
+ "main": "dev.css",
27
+ "repository": "github:intergrav/dev.css",
28
+ "prettier": {
29
+ "useTabs": true
30
+ }
31
+ }
package/theme/boilerplate.user.css CHANGED
@@ -1,30 +1,30 @@
1
- /* ==userstyle==
2
- @name boilerplate for dev.css
3
- @description a template that you can modify. mostly copied from dev.css defaults. removing lines will revert to the dev.css default, for example 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
- --dc-font: sans-serif;
15
- --dc-font-mono: monospace;
16
-
17
- /* light/dark colors */
18
- --dc-cs: light dark; /* light/dark scrollbars, inputs, etc */
19
- --dc-tx-1: light-dark(#171717, #ededed); /* primary text */
20
- --dc-tx-2: light-dark(#666, #a1a1a1); /* secondary text */
21
- --dc-bg-1: light-dark(#fff, #0a0a0a); /* primary background */
22
- --dc-bg-2: light-dark(#fafafa, #000); /* secondary background */
23
- --dc-bg-3: light-dark(#ebebeb, #2e2e2e); /* border */
24
- --dc-lk-1: light-dark(#005ff2, #47a8ff); /* link text */
25
- --dc-lkb-1: light-dark(#006bff, #006efe); /* link button */
26
- --dc-lkb-2: light-dark(#0059ec, #005be7); /* link button hover */
27
- --dc-lkb-tx: light-dark(#fff, #fff); /* text over link button */
28
- --dc-ac-1: light-dark(#a000f8, #9440d5); /* accent color */
29
- --dc-ac-tx: light-dark(#fff, #fff); /* text over accent color */
30
- }
1
+ /* ==userstyle==
2
+ @name boilerplate for dev.css
3
+ @description a template that you can modify. mostly copied from dev.css defaults. removing lines will revert to the dev.css default, for example 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
+ --dc-font: sans-serif;
15
+ --dc-font-mono: monospace;
16
+
17
+ /* light/dark colors */
18
+ --dc-cs: light dark; /* light/dark scrollbars, inputs, etc */
19
+ --dc-tx-1: light-dark(#171717, #ededed); /* primary text */
20
+ --dc-tx-2: light-dark(#666, #a1a1a1); /* secondary text */
21
+ --dc-bg-1: light-dark(#fff, #0a0a0a); /* primary background */
22
+ --dc-bg-2: light-dark(#fafafa, #000); /* secondary background */
23
+ --dc-bg-3: light-dark(#ebebeb, #2e2e2e); /* border */
24
+ --dc-lk-1: light-dark(#005ff2, #47a8ff); /* link text */
25
+ --dc-lkb-1: light-dark(#006bff, #006efe); /* link button */
26
+ --dc-lkb-2: light-dark(#0059ec, #005be7); /* link button hover */
27
+ --dc-lkb-tx: light-dark(#fff, #fff); /* text over link button */
28
+ --dc-ac-1: light-dark(#a000f8, #9440d5); /* accent color */
29
+ --dc-ac-tx: light-dark(#fff, #fff); /* text over accent color */
30
+ }
package/theme/catppuccin-frappe.user.css CHANGED
@@ -1,26 +1,26 @@
1
- /* ==userstyle==
2
- @name catppuccin frappé and latte for dev.css
3
- @description dev.css theme based on catppuccin's frappé and latte colors - https://github.com/catppuccin
4
- @namespace intergrav
5
- @version 1.0.0
6
- @author intergrav <intergrav@proton.me> (https://devins.page)
7
- @homepageURL https://devcss.devins.page
8
- @supportURL https://github.com/intergrav/dev.css/issues
9
- @license MIT
10
- ==/userstyle== */
11
-
12
- :root {
13
- /* colors - latte and frappé */
14
- --dc-cs: light dark; /* light/dark scrollbars, inputs, etc */
15
- --dc-tx-1: light-dark(#4c4f69, #c6d0f5); /* primary text | Text */
16
- --dc-tx-2: light-dark(#4c4f69, #c6d0f5); /* secondary text | Text */
17
- --dc-bg-1: light-dark(#eff1f5, #303446); /* primary background | Base */
18
- --dc-bg-2: light-dark(#e6e9ef, #292c3c); /* secondary background | Mantle */
19
- --dc-bg-3: light-dark(#ccd0da, #414559); /* border | Surface0 */
20
- --dc-lk-1: light-dark(#1e66f5, #8caaee); /* link text | Blue */
21
- --dc-lkb-1: light-dark(#bcc0cc, #51576d); /* link button | Surface1 */
22
- --dc-lkb-2: light-dark(#ccd0da, #414559); /* link button hover | Surface0 */
23
- --dc-lkb-tx: light-dark(#4c4f69, #c6d0f5); /* text over link button | Text */
24
- --dc-ac-1: light-dark(#8839ef, #ca9ee6); /* accent color | Mauve */
25
- --dc-ac-tx: light-dark(#eff1f5, #303446); /* text over accent color | Base */
26
- }
1
+ /* ==userstyle==
2
+ @name catppuccin frappé and latte for dev.css
3
+ @description dev.css theme based on catppuccin's frappé and latte colors - https://github.com/catppuccin
4
+ @namespace intergrav
5
+ @version 1.0.0
6
+ @author intergrav <intergrav@proton.me> (https://devins.page)
7
+ @homepageURL https://devcss.devins.page
8
+ @supportURL https://github.com/intergrav/dev.css/issues
9
+ @license MIT
10
+ ==/userstyle== */
11
+
12
+ :root {
13
+ /* colors - latte and frappé */
14
+ --dc-cs: light dark; /* light/dark scrollbars, inputs, etc */
15
+ --dc-tx-1: light-dark(#4c4f69, #c6d0f5); /* primary text | Text */
16
+ --dc-tx-2: light-dark(#4c4f69, #c6d0f5); /* secondary text | Text */
17
+ --dc-bg-1: light-dark(#eff1f5, #303446); /* primary background | Base */
18
+ --dc-bg-2: light-dark(#e6e9ef, #292c3c); /* secondary background | Mantle */
19
+ --dc-bg-3: light-dark(#ccd0da, #414559); /* border | Surface0 */
20
+ --dc-lk-1: light-dark(#1e66f5, #8caaee); /* link text | Blue */
21
+ --dc-lkb-1: light-dark(#bcc0cc, #51576d); /* link button | Surface1 */
22
+ --dc-lkb-2: light-dark(#ccd0da, #414559); /* link button hover | Surface0 */
23
+ --dc-lkb-tx: light-dark(#4c4f69, #c6d0f5); /* text over link button | Text */
24
+ --dc-ac-1: light-dark(#8839ef, #ca9ee6); /* accent color | Mauve */
25
+ --dc-ac-tx: light-dark(#eff1f5, #303446); /* text over accent color | Base */
26
+ }
package/theme/catppuccin-macchiato.user.css CHANGED
@@ -1,26 +1,26 @@
1
- /* ==userstyle==
2
- @name catppuccin macchiato and latte for dev.css
3
- @description dev.css theme based on catppuccin's macchiato and latte colors - https://github.com/catppuccin
4
- @namespace intergrav
5
- @version 1.0.0
6
- @author intergrav <intergrav@proton.me> (https://devins.page)
7
- @homepageURL https://devcss.devins.page
8
- @supportURL https://github.com/intergrav/dev.css/issues
9
- @license MIT
10
- ==/userstyle== */
11
-
12
- :root {
13
- /* colors - latte and macchiato */
14
- --dc-cs: light dark; /* light/dark scrollbars, inputs, etc */
15
- --dc-tx-1: light-dark(#4c4f69, #cad3f5); /* primary text | Text */
16
- --dc-tx-2: light-dark(#4c4f69, #cad3f5); /* secondary text | Text */
17
- --dc-bg-1: light-dark(#eff1f5, #24273a); /* primary background | Base */
18
- --dc-bg-2: light-dark(#e6e9ef, #1e2030); /* secondary background | Mantle */
19
- --dc-bg-3: light-dark(#ccd0da, #363a4f); /* border | Surface0 */
20
- --dc-lk-1: light-dark(#1e66f5, #8aadf4); /* link text | Blue */
21
- --dc-lkb-1: light-dark(#bcc0cc, #494d64); /* link button | Surface1 */
22
- --dc-lkb-2: light-dark(#ccd0da, #363a4f); /* link button hover | Surface0 */
23
- --dc-lkb-tx: light-dark(#4c4f69, #cad3f5); /* text over link button | Text */
24
- --dc-ac-1: light-dark(#8839ef, #c6a0f6); /* accent color | Mauve */
25
- --dc-ac-tx: light-dark(#eff1f5, #24273a); /* text over accent color | Base */
26
- }
1
+ /* ==userstyle==
2
+ @name catppuccin macchiato and latte for dev.css
3
+ @description dev.css theme based on catppuccin's macchiato and latte colors - https://github.com/catppuccin
4
+ @namespace intergrav
5
+ @version 1.0.0
6
+ @author intergrav <intergrav@proton.me> (https://devins.page)
7
+ @homepageURL https://devcss.devins.page
8
+ @supportURL https://github.com/intergrav/dev.css/issues
9
+ @license MIT
10
+ ==/userstyle== */
11
+
12
+ :root {
13
+ /* colors - latte and macchiato */
14
+ --dc-cs: light dark; /* light/dark scrollbars, inputs, etc */
15
+ --dc-tx-1: light-dark(#4c4f69, #cad3f5); /* primary text | Text */
16
+ --dc-tx-2: light-dark(#4c4f69, #cad3f5); /* secondary text | Text */
17
+ --dc-bg-1: light-dark(#eff1f5, #24273a); /* primary background | Base */
18
+ --dc-bg-2: light-dark(#e6e9ef, #1e2030); /* secondary background | Mantle */
19
+ --dc-bg-3: light-dark(#ccd0da, #363a4f); /* border | Surface0 */
20
+ --dc-lk-1: light-dark(#1e66f5, #8aadf4); /* link text | Blue */
21
+ --dc-lkb-1: light-dark(#bcc0cc, #494d64); /* link button | Surface1 */
22
+ --dc-lkb-2: light-dark(#ccd0da, #363a4f); /* link button hover | Surface0 */
23
+ --dc-lkb-tx: light-dark(#4c4f69, #cad3f5); /* text over link button | Text */
24
+ --dc-ac-1: light-dark(#8839ef, #c6a0f6); /* accent color | Mauve */
25
+ --dc-ac-tx: light-dark(#eff1f5, #24273a); /* text over accent color | Base */
26
+ }
package/theme/catppuccin-mocha.user.css CHANGED
@@ -1,26 +1,26 @@
1
- /* ==userstyle==
2
- @name catppuccin mocha and latte for dev.css
3
- @description dev.css theme based on catppuccin's mocha and latte colors - https://github.com/catppuccin
4
- @namespace intergrav
5
- @version 1.0.0
6
- @author intergrav <intergrav@proton.me> (https://devins.page)
7
- @homepageURL https://devcss.devins.page
8
- @supportURL https://github.com/intergrav/dev.css/issues
9
- @license MIT
10
- ==/userstyle== */
11
-
12
- :root {
13
- /* colors - latte and mocha */
14
- --dc-cs: light dark; /* light/dark scrollbars, inputs, etc */
15
- --dc-tx-1: light-dark(#4c4f69, #cdd6f4); /* primary text | Text */
16
- --dc-tx-2: light-dark(#4c4f69, #cdd6f4); /* secondary text | Text */
17
- --dc-bg-1: light-dark(#eff1f5, #1e1e2e); /* primary background | Base */
18
- --dc-bg-2: light-dark(#e6e9ef, #181825); /* secondary background | Mantle */
19
- --dc-bg-3: light-dark(#ccd0da, #313244); /* border | Surface0 */
20
- --dc-lk-1: light-dark(#1e66f5, #89b4fa); /* link text | Blue */
21
- --dc-lkb-1: light-dark(#bcc0cc, #45475a); /* link button | Surface1 */
22
- --dc-lkb-2: light-dark(#ccd0da, #313244); /* link button hover | Surface0 */
23
- --dc-lkb-tx: light-dark(#4c4f69, #cdd6f4); /* text over link button | Text */
24
- --dc-ac-1: light-dark(#8839ef, #cba6f7); /* accent color | Mauve */
25
- --dc-ac-tx: light-dark(#eff1f5, #1e1e2e); /* text over accent color | Base */
26
- }
1
+ /* ==userstyle==
2
+ @name catppuccin mocha and latte for dev.css
3
+ @description dev.css theme based on catppuccin's mocha and latte colors - https://github.com/catppuccin
4
+ @namespace intergrav
5
+ @version 1.0.0
6
+ @author intergrav <intergrav@proton.me> (https://devins.page)
7
+ @homepageURL https://devcss.devins.page
8
+ @supportURL https://github.com/intergrav/dev.css/issues
9
+ @license MIT
10
+ ==/userstyle== */
11
+
12
+ :root {
13
+ /* colors - latte and mocha */
14
+ --dc-cs: light dark; /* light/dark scrollbars, inputs, etc */
15
+ --dc-tx-1: light-dark(#4c4f69, #cdd6f4); /* primary text | Text */
16
+ --dc-tx-2: light-dark(#4c4f69, #cdd6f4); /* secondary text | Text */
17
+ --dc-bg-1: light-dark(#eff1f5, #1e1e2e); /* primary background | Base */
18
+ --dc-bg-2: light-dark(#e6e9ef, #181825); /* secondary background | Mantle */
19
+ --dc-bg-3: light-dark(#ccd0da, #313244); /* border | Surface0 */
20
+ --dc-lk-1: light-dark(#1e66f5, #89b4fa); /* link text | Blue */
21
+ --dc-lkb-1: light-dark(#bcc0cc, #45475a); /* link button | Surface1 */
22
+ --dc-lkb-2: light-dark(#ccd0da, #313244); /* link button hover | Surface0 */
23
+ --dc-lkb-tx: light-dark(#4c4f69, #cdd6f4); /* text over link button | Text */
24
+ --dc-ac-1: light-dark(#8839ef, #cba6f7); /* accent color | Mauve */
25
+ --dc-ac-tx: light-dark(#eff1f5, #1e1e2e); /* text over accent color | Base */
26
+ }
package/theme/day.user.css CHANGED
@@ -1,26 +1,26 @@
1
- /* ==userstyle==
2
- @name day for dev.css
3
- @description dev.css theme that makes it always light mode regardless of device setting
4
- @namespace intergrav
5
- @version 1.0.0
6
- @author intergrav <intergrav@proton.me> (https://devins.page)
7
- @homepageURL https://devcss.devins.page
8
- @supportURL https://github.com/intergrav/dev.css/issues
9
- @license MIT
10
- ==/userstyle== */
11
-
12
- :root {
13
- /* colors */
14
- --dc-cs: light;
15
- --dc-tx-1: #171717;
16
- --dc-tx-2: #666;
17
- --dc-bg-1: #fff;
18
- --dc-bg-2: #fafafa;
19
- --dc-bg-3: #ebebeb;
20
- --dc-lk-1: #005ff2;
21
- --dc-lkb-1: #006bff;
22
- --dc-lkb-2: #0059ec;
23
- --dc-lkb-tx: #fff;
24
- --dc-ac-1: #a000f8;
25
- --dc-ac-tx: #fff;
26
- }
1
+ /* ==userstyle==
2
+ @name day for dev.css
3
+ @description dev.css theme that makes it always light mode regardless of device setting
4
+ @namespace intergrav
5
+ @version 1.0.0
6
+ @author intergrav <intergrav@proton.me> (https://devins.page)
7
+ @homepageURL https://devcss.devins.page
8
+ @supportURL https://github.com/intergrav/dev.css/issues
9
+ @license MIT
10
+ ==/userstyle== */
11
+
12
+ :root {
13
+ /* colors */
14
+ --dc-cs: light;
15
+ --dc-tx-1: #171717;
16
+ --dc-tx-2: #666;
17
+ --dc-bg-1: #fff;
18
+ --dc-bg-2: #fafafa;
19
+ --dc-bg-3: #ebebeb;
20
+ --dc-lk-1: #005ff2;
21
+ --dc-lkb-1: #006bff;
22
+ --dc-lkb-2: #0059ec;
23
+ --dc-lkb-tx: #fff;
24
+ --dc-ac-1: #a000f8;
25
+ --dc-ac-tx: #fff;
26
+ }
package/theme/night.user.css CHANGED
@@ -1,26 +1,26 @@
1
- /* ==userstyle==
2
- @name night for dev.css
3
- @description dev.css theme that makes it always dark mode regardless of device setting
4
- @namespace intergrav
5
- @version 1.0.0
6
- @author intergrav <intergrav@proton.me> (https://devins.page)
7
- @homepageURL https://devcss.devins.page
8
- @supportURL https://github.com/intergrav/dev.css/issues
9
- @license MIT
10
- ==/userstyle== */
11
-
12
- :root {
13
- /* colors */
14
- --dc-cs: dark;
15
- --dc-tx-1: #ededed;
16
- --dc-tx-2: #a1a1a1;
17
- --dc-bg-1: #0a0a0a;
18
- --dc-bg-2: #000;
19
- --dc-bg-3: #2e2e2e;
20
- --dc-lk-1: #47a8ff;
21
- --dc-lkb-1: #006efe;
22
- --dc-lkb-2: #005be7;
23
- --dc-lkb-tx: #fff;
24
- --dc-ac-1: #9440d5;
25
- --dc-ac-tx: #fff;
26
- }
1
+ /* ==userstyle==
2
+ @name night for dev.css
3
+ @description dev.css theme that makes it always dark mode regardless of device setting
4
+ @namespace intergrav
5
+ @version 1.0.0
6
+ @author intergrav <intergrav@proton.me> (https://devins.page)
7
+ @homepageURL https://devcss.devins.page
8
+ @supportURL https://github.com/intergrav/dev.css/issues
9
+ @license MIT
10
+ ==/userstyle== */
11
+
12
+ :root {
13
+ /* colors */
14
+ --dc-cs: dark;
15
+ --dc-tx-1: #ededed;
16
+ --dc-tx-2: #a1a1a1;
17
+ --dc-bg-1: #0a0a0a;
18
+ --dc-bg-2: #000;
19
+ --dc-bg-3: #2e2e2e;
20
+ --dc-lk-1: #47a8ff;
21
+ --dc-lkb-1: #006efe;
22
+ --dc-lkb-2: #005be7;
23
+ --dc-lkb-tx: #fff;
24
+ --dc-ac-1: #9440d5;
25
+ --dc-ac-tx: #fff;
26
+ }
package/theme/terminal.user.css CHANGED
@@ -1,29 +1,29 @@
1
- /* ==userstyle==
2
- @name terminal for dev.css
3
- @description dev.css theme that has a similar look to a computer terminal
4
- @namespace intergrav
5
- @version 1.0.0
6
- @author intergrav <intergrav@proton.me> (https://devins.page)
7
- @homepageURL https://devcss.devins.page
8
- @supportURL https://github.com/intergrav/dev.css/issues
9
- @license MIT
10
- ==/userstyle== */
11
-
12
- :root {
13
- /* font families */
14
- --dc-font: var(--dc-font-mono);
15
-
16
- /* colors */
17
- --dc-cs: dark;
18
- --dc-tx-1: #ffffff;
19
- --dc-tx-2: #eeeeee;
20
- --dc-bg-1: #001a00;
21
- --dc-bg-2: #000;
22
- --dc-bg-3: #005800;
23
- --dc-lk-1: #00ff00;
24
- --dc-lkb-1: #00ff00;
25
- --dc-lkb-2: #00d400;
26
- --dc-lkb-tx: #000;
27
- --dc-ac-1: #00ff00;
28
- --dc-ac-tx: #000;
29
- }
1
+ /* ==userstyle==
2
+ @name terminal for dev.css
3
+ @description dev.css theme that has a similar look to a computer terminal
4
+ @namespace intergrav
5
+ @version 1.0.0
6
+ @author intergrav <intergrav@proton.me> (https://devins.page)
7
+ @homepageURL https://devcss.devins.page
8
+ @supportURL https://github.com/intergrav/dev.css/issues
9
+ @license MIT
10
+ ==/userstyle== */
11
+
12
+ :root {
13
+ /* font families */
14
+ --dc-font: var(--dc-font-mono);
15
+
16
+ /* colors */
17
+ --dc-cs: dark;
18
+ --dc-tx-1: #ffffff;
19
+ --dc-tx-2: #eeeeee;
20
+ --dc-bg-1: #001a00;
21
+ --dc-bg-2: #000;
22
+ --dc-bg-3: #005800;
23
+ --dc-lk-1: #00ff00;
24
+ --dc-lkb-1: #00ff00;
25
+ --dc-lkb-2: #00d400;
26
+ --dc-lkb-tx: #000;
27
+ --dc-ac-1: #00ff00;
28
+ --dc-ac-tx: #000;
29
+ }