@intergrav/dev.css 3.6.2 → 4.0.0

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 (23) hide show
  1. package/README.md +140 -30
  2. package/addon/header-oneline.css +14 -42
  3. package/addon/header-sticky.css +15 -7
  4. package/addon/scroll-to-top.js +2 -1
  5. package/dev.css +211 -185
  6. package/package.json +31 -32
  7. package/theme/boilerplate.user.css +30 -0
  8. package/theme/catppuccin-frappe.user.css +26 -0
  9. package/theme/catppuccin-macchiato.user.css +26 -0
  10. package/theme/catppuccin-mocha.user.css +26 -0
  11. package/theme/day.user.css +26 -0
  12. package/theme/night.user.css +26 -0
  13. package/theme/terminal.user.css +29 -0
  14. package/addon/header-sidebar.css +0 -97
  15. package/demo.html +0 -290
  16. package/theme/boilerplate-auto.css +0 -54
  17. package/theme/boilerplate.css +0 -23
  18. package/theme/catppuccin-frappe.css +0 -50
  19. package/theme/catppuccin-macchiato.css +0 -50
  20. package/theme/catppuccin-mocha.css +0 -50
  21. package/theme/day.css +0 -18
  22. package/theme/night.css +0 -18
  23. package/theme/terminal.css +0 -24
package/theme/catppuccin-macchiato.css DELETED
@@ -1,50 +0,0 @@
1
- /* theme for dev.css v3, a classless CSS framework - https://github.com/intergrav/dev.css */
2
- /* about: catppuccin's macchiato color scheme - https://github.com/catppuccin */
3
- /* note: this will use catppuccin latte if the user's device prefers light mode for accessibility and consistency */
4
-
5
- :root {
6
- /* light colors - latte */
7
- --dc-cs: light;
8
- --dc-tx-1: #4c4f69; /* primary text | Text */
9
- --dc-tx-2: #4c4f69; /* secondary text | Text */
10
- --dc-bg-1: #e6e9ef; /* main background | Mantle */
11
- --dc-bg-2: #eff1f5; /* secondary background | Base */
12
- --dc-bg-3: #ccd0da; /* outlines | Surface0 */
13
- --dc-lk-1: #1e66f5; /* link text | Blue */
14
- --dc-lkb-1: #bcc0cc; /* link button background | Surface1 */
15
- --dc-lkb-2: #ccd0da; /* link button background (hover) | Surface0 */
16
- --dc-lkb-tx: #4c4f69; /* link button text | Text */
17
- --dc-ac-1: #8839ef; /* accent color | Mauve */
18
- --dc-ac-tx: #eff1f5; /* accent color text | Base */
19
-
20
- /* dark colors */
21
- --dc-d-cs: dark;
22
- --dc-d-tx-1: #cad3f5; /* primary text | Text */
23
- --dc-d-tx-2: #cad3f5; /* secondary text | Text */
24
- --dc-d-bg-1: #1e2030; /* main background | Mantle */
25
- --dc-d-bg-2: #24273a; /* secondary background | Base */
26
- --dc-d-bg-3: #363a4f; /* outlines | Surface0 */
27
- --dc-d-lk-1: #8aadf4; /* link text | Blue */
28
- --dc-d-lkb-1: #494d64; /* link button background | Surface1 */
29
- --dc-d-lkb-2: #363a4f; /* link button background (hover) | Surface0 */
30
- --dc-d-lkb-tx: #cad3f5; /* link button text | Text */
31
- --dc-d-ac-1: #c6a0f6; /* accent color | Mauve */
32
- --dc-d-ac-tx: #24273a; /* accent color text | Base */
33
- }
34
-
35
- @media (prefers-color-scheme: dark) {
36
- :root {
37
- --dc-cs: var(--dc-d-cs);
38
- --dc-tx-1: var(--dc-d-tx-1);
39
- --dc-tx-2: var(--dc-d-tx-2);
40
- --dc-bg-1: var(--dc-d-bg-1);
41
- --dc-bg-2: var(--dc-d-bg-2);
42
- --dc-bg-3: var(--dc-d-bg-3);
43
- --dc-lk-1: var(--dc-d-lk-1);
44
- --dc-lkb-1: var(--dc-d-lkb-1);
45
- --dc-lkb-2: var(--dc-d-lkb-2);
46
- --dc-lkb-tx: var(--dc-d-lkb-tx);
47
- --dc-ac-1: var(--dc-d-ac-1);
48
- --dc-ac-tx: var(--dc-d-ac-tx);
49
- }
50
- }
package/theme/catppuccin-mocha.css DELETED
@@ -1,50 +0,0 @@
1
- /* theme for dev.css v3, a classless CSS framework - https://github.com/intergrav/dev.css */
2
- /* about: catppuccin's mocha color scheme - https://github.com/catppuccin */
3
- /* note: this will use catppuccin latte if the user's device prefers light mode for accessibility and consistency */
4
-
5
- :root {
6
- /* light colors - latte */
7
- --dc-cs: light;
8
- --dc-tx-1: #4c4f69; /* primary text | Text */
9
- --dc-tx-2: #4c4f69; /* secondary text | Text */
10
- --dc-bg-1: #e6e9ef; /* main background | Mantle */
11
- --dc-bg-2: #eff1f5; /* secondary background | Base */
12
- --dc-bg-3: #ccd0da; /* outlines | Surface0 */
13
- --dc-lk-1: #1e66f5; /* link text | Blue */
14
- --dc-lkb-1: #bcc0cc; /* link button background | Surface1 */
15
- --dc-lkb-2: #ccd0da; /* link button background (hover) | Surface0 */
16
- --dc-lkb-tx: #4c4f69; /* link button text | Text */
17
- --dc-ac-1: #8839ef; /* accent color | Mauve */
18
- --dc-ac-tx: #eff1f5; /* accent color text | Base */
19
-
20
- /* dark colors */
21
- --dc-d-cs: dark;
22
- --dc-d-tx-1: #cdd6f4; /* primary text | Text */
23
- --dc-d-tx-2: #cdd6f4; /* secondary text | Text */
24
- --dc-d-bg-1: #181825; /* main background | Mantle */
25
- --dc-d-bg-2: #1e1e2e; /* secondary background | Base */
26
- --dc-d-bg-3: #313244; /* outlines | Surface0 */
27
- --dc-d-lk-1: #89b4fa; /* link text | Blue */
28
- --dc-d-lkb-1: #45475a; /* link button background | Surface1 */
29
- --dc-d-lkb-2: #313244; /* link button background (hover) | Surface0 */
30
- --dc-d-lkb-tx: #cdd6f4; /* link button text | Text */
31
- --dc-d-ac-1: #cba6f7; /* accent color | Mauve */
32
- --dc-d-ac-tx: #1e1e2e; /* accent color text | Base */
33
- }
34
-
35
- @media (prefers-color-scheme: dark) {
36
- :root {
37
- --dc-cs: var(--dc-d-cs);
38
- --dc-tx-1: var(--dc-d-tx-1);
39
- --dc-tx-2: var(--dc-d-tx-2);
40
- --dc-bg-1: var(--dc-d-bg-1);
41
- --dc-bg-2: var(--dc-d-bg-2);
42
- --dc-bg-3: var(--dc-d-bg-3);
43
- --dc-lk-1: var(--dc-d-lk-1);
44
- --dc-lkb-1: var(--dc-d-lkb-1);
45
- --dc-lkb-2: var(--dc-d-lkb-2);
46
- --dc-lkb-tx: var(--dc-d-lkb-tx);
47
- --dc-ac-1: var(--dc-d-ac-1);
48
- --dc-ac-tx: var(--dc-d-ac-tx);
49
- }
50
- }
package/theme/day.css DELETED
@@ -1,18 +0,0 @@
1
- /* theme for dev.css v3, a classless CSS framework - https://github.com/intergrav/dev.css */
2
- /* about: makes it always light, regardless of device setting */
3
-
4
- :root {
5
- /* colors */
6
- --dc-cs: light;
7
- --dc-tx-1: #000000;
8
- --dc-tx-2: #1a1a1a;
9
- --dc-bg-1: #fafafa;
10
- --dc-bg-2: #fff;
11
- --dc-bg-3: #ebebeb;
12
- --dc-lk-1: #0068d6;
13
- --dc-lkb-1: #0072f5;
14
- --dc-lkb-2: #0062d1;
15
- --dc-lkb-tx: #ededed;
16
- --dc-ac-1: #8e4ec6;
17
- --dc-ac-tx: #ededed;
18
- }
package/theme/night.css DELETED
@@ -1,18 +0,0 @@
1
- /* theme for dev.css v3, a classless CSS framework - https://github.com/intergrav/dev.css */
2
- /* about: makes it always dark, regardless of device setting */
3
-
4
- :root {
5
- /* colors */
6
- --dc-cs: dark;
7
- --dc-tx-1: #ededed;
8
- --dc-tx-2: #a1a1a1;
9
- --dc-bg-1: #000;
10
- --dc-bg-2: #ffffff0f;
11
- --dc-bg-3: #ffffff24;
12
- --dc-lk-1: #52a8ff;
13
- --dc-lkb-1: #0072f5;
14
- --dc-lkb-2: #0062d1;
15
- --dc-lkb-tx: #ededed;
16
- --dc-ac-1: #8e4ec6;
17
- --dc-ac-tx: #ededed;
18
- }
package/theme/terminal.css DELETED
@@ -1,24 +0,0 @@
1
- /* theme for dev.css v3, a classless CSS framework - https://github.com/intergrav/dev.css */
2
- /* about: has a similar look to a computer terminal */
3
-
4
- @import url("https://cdn.jsdelivr.net/npm/@intergrav/fonts@1/serve/geist-mono.min.css");
5
-
6
- :root {
7
- /* font families */
8
- --dc-font-sans: "Geist Mono", monospace;
9
- --dc-font-mono: "Geist Mono", monospace;
10
-
11
- /* colors */
12
- --dc-cs: dark;
13
- --dc-tx-1: #ffffff;
14
- --dc-tx-2: #eeeeee;
15
- --dc-bg-1: #000000;
16
- --dc-bg-2: #002700;
17
- --dc-bg-3: #005800;
18
- --dc-lk-1: #00ff00;
19
- --dc-lkb-1: #00ff00;
20
- --dc-lkb-2: #00d400;
21
- --dc-lkb-tx: #000000;
22
- --dc-ac-1: #00ff00;
23
- --dc-ac-tx: #000000;
24
- }