@cirthcss/cirth 0.3.0 → 0.4.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 (30) hide show
  1. package/README.md +85 -83
  2. package/dist/cirth.classless.css +428 -1486
  3. package/dist/cirth.classless.min.css +1 -1
  4. package/dist/cirth.classless.scoped.css +434 -1092
  5. package/dist/cirth.classless.scoped.min.css +1 -1
  6. package/dist/cirth.css +472 -1687
  7. package/dist/cirth.min.css +1 -1
  8. package/dist/cirth.scoped.css +496 -1317
  9. package/dist/cirth.scoped.min.css +1 -1
  10. package/dist/presets/cobalt.css +50 -0
  11. package/dist/presets/cobalt.min.css +1 -0
  12. package/dist/presets/coral.css +56 -0
  13. package/dist/presets/coral.min.css +1 -0
  14. package/package.json +11 -10
  15. package/dist/cirth.classless.jade.css +0 -3507
  16. package/dist/cirth.classless.jade.min.css +0 -1
  17. package/dist/cirth.classless.scoped.jade.css +0 -3104
  18. package/dist/cirth.classless.scoped.jade.min.css +0 -1
  19. package/dist/cirth.classless.scoped.slate.css +0 -3104
  20. package/dist/cirth.classless.scoped.slate.min.css +0 -1
  21. package/dist/cirth.classless.slate.css +0 -3507
  22. package/dist/cirth.classless.slate.min.css +0 -1
  23. package/dist/cirth.jade.css +0 -4031
  24. package/dist/cirth.jade.min.css +0 -1
  25. package/dist/cirth.scoped.jade.css +0 -3634
  26. package/dist/cirth.scoped.jade.min.css +0 -1
  27. package/dist/cirth.scoped.slate.css +0 -3634
  28. package/dist/cirth.scoped.slate.min.css +0 -1
  29. package/dist/cirth.slate.css +0 -4031
  30. package/dist/cirth.slate.min.css +0 -1
package/dist/presets/coral.css ADDED
@@ -0,0 +1,56 @@
1
+ [data-theme="light"], :root:not([data-theme="dark"]), :host(:not([data-theme="dark"])) {
2
+ --cirth-muted-color: oklch(52% .02 35);
3
+ --cirth-muted-border-color: oklch(88% .02 35);
4
+ --cirth-text-selection-color: oklch(65% .17 35 / .25);
5
+ --cirth-primary: oklch(55% .17 35);
6
+ --cirth-primary-background: oklch(55% .17 35);
7
+ --cirth-primary-underline: oklch(55% .17 35 / .5);
8
+ --cirth-primary-hover: oklch(45% .15 35);
9
+ --cirth-primary-hover-background: oklch(50% .16 35);
10
+ --cirth-primary-focus: oklch(55% .17 35 / .7);
11
+ --cirth-box-shadow: .0145rem .029rem .174rem oklch(65% .17 35 / .01698), .0335rem .067rem .402rem oklch(65% .17 35 / .024), .0625rem .125rem .75rem oklch(65% .17 35 / .03), .1125rem .225rem 1.35rem oklch(65% .17 35 / .036), .2085rem .417rem 2.502rem oklch(65% .17 35 / .04302), .5rem 1rem 6rem oklch(65% .17 35 / .06), 0 0 0 .0625rem oklch(65% .17 35 / .015);
12
+ --cirth-button-hover-box-shadow: 0 .5rem 1rem
13
+ oklch(65% .17 35 / .35);
14
+ }
15
+
16
+ @media only screen and (prefers-color-scheme: dark) {
17
+ :root:not([data-theme]), :host(:not([data-theme])) {
18
+ --cirth-muted-color: oklch(66% .02 35);
19
+ --cirth-muted-border-color: oklch(30% .025 35);
20
+ --cirth-text-selection-color: oklch(68% .16 35 / .1875);
21
+ --cirth-primary: oklch(68% .16 35);
22
+ --cirth-primary-background: oklch(55% .17 35);
23
+ --cirth-primary-underline: oklch(68% .16 35 / .5);
24
+ --cirth-primary-hover: oklch(80% .1 35);
25
+ --cirth-primary-hover-background: oklch(60% .18 35);
26
+ --cirth-primary-focus: oklch(68% .16 35 / .7);
27
+ --cirth-box-shadow: .0145rem .029rem .174rem oklch(68% .16 35 / .01698), .0335rem .067rem .402rem oklch(68% .16 35 / .024), .0625rem .125rem .75rem oklch(68% .16 35 / .03), .1125rem .225rem 1.35rem oklch(68% .16 35 / .036), .2085rem .417rem 2.502rem oklch(68% .16 35 / .04302), .5rem 1rem 6rem oklch(68% .16 35 / .06), 0 0 0 .0625rem oklch(68% .16 35 / .015);
28
+ --cirth-button-hover-box-shadow: 0 .5rem 1rem
29
+ oklch(80% .1 35 / .4);
30
+ }
31
+ }
32
+
33
+ [data-theme="dark"] {
34
+ --cirth-muted-color: oklch(66% .02 35);
35
+ --cirth-muted-border-color: oklch(30% .025 35);
36
+ --cirth-text-selection-color: oklch(68% .16 35 / .1875);
37
+ --cirth-primary: oklch(68% .16 35);
38
+ --cirth-primary-background: oklch(55% .17 35);
39
+ --cirth-primary-underline: oklch(68% .16 35 / .5);
40
+ --cirth-primary-hover: oklch(80% .1 35);
41
+ --cirth-primary-hover-background: oklch(60% .18 35);
42
+ --cirth-primary-focus: oklch(68% .16 35 / .7);
43
+ --cirth-box-shadow: .0145rem .029rem .174rem oklch(68% .16 35 / .01698), .0335rem .067rem .402rem oklch(68% .16 35 / .024), .0625rem .125rem .75rem oklch(68% .16 35 / .03), .1125rem .225rem 1.35rem oklch(68% .16 35 / .036), .2085rem .417rem 2.502rem oklch(68% .16 35 / .04302), .5rem 1rem 6rem oklch(68% .16 35 / .06), 0 0 0 .0625rem oklch(68% .16 35 / .015);
44
+ --cirth-button-hover-box-shadow: 0 .5rem 1rem
45
+ oklch(80% .1 35 / .4);
46
+ }
47
+
48
+ :root, :host {
49
+ --cirth-border-radius: var(--cirth-radius-2xl);
50
+ --cirth-font-family: "Trebuchet MS", "Segoe UI", Verdana, sans-serif,
51
+ var(--cirth-font-family-emoji);
52
+ --cirth-font-family-display: var(--cirth-font-family);
53
+ --cirth-spacing: var(--cirth-space-5);
54
+ --cirth-transition: var(--cirth-duration-slow)
55
+ cubic-bezier(.34, 1.56, .64, 1);
56
+ }
package/dist/presets/coral.min.css ADDED
@@ -0,0 +1 @@
1
+ [data-theme=light],:root:not([data-theme=dark]),:host(:not([data-theme=dark])){--cirth-muted-color:oklch(52% .02 35);--cirth-muted-border-color:oklch(88% .02 35);--cirth-text-selection-color:oklch(65% .17 35/.25);--cirth-primary:oklch(55% .17 35);--cirth-primary-background:oklch(55% .17 35);--cirth-primary-underline:oklch(55% .17 35/.5);--cirth-primary-hover:oklch(45% .15 35);--cirth-primary-hover-background:oklch(50% .16 35);--cirth-primary-focus:oklch(55% .17 35/.7);--cirth-box-shadow:.0145rem .029rem .174rem oklch(65% .17 35/.01698), .0335rem .067rem .402rem oklch(65% .17 35/.024), .0625rem .125rem .75rem oklch(65% .17 35/.03), .1125rem .225rem 1.35rem oklch(65% .17 35/.036), .2085rem .417rem 2.502rem oklch(65% .17 35/.04302), .5rem 1rem 6rem oklch(65% .17 35/.06), 0 0 0 .0625rem oklch(65% .17 35/.015);--cirth-button-hover-box-shadow:0 .5rem 1rem oklch(65% .17 35/.35)}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme]),:host(:not([data-theme])){--cirth-muted-color:oklch(66% .02 35);--cirth-muted-border-color:oklch(30% .025 35);--cirth-text-selection-color:oklch(68% .16 35/.1875);--cirth-primary:oklch(68% .16 35);--cirth-primary-background:oklch(55% .17 35);--cirth-primary-underline:oklch(68% .16 35/.5);--cirth-primary-hover:oklch(80% .1 35);--cirth-primary-hover-background:oklch(60% .18 35);--cirth-primary-focus:oklch(68% .16 35/.7);--cirth-box-shadow:.0145rem .029rem .174rem oklch(68% .16 35/.01698), .0335rem .067rem .402rem oklch(68% .16 35/.024), .0625rem .125rem .75rem oklch(68% .16 35/.03), .1125rem .225rem 1.35rem oklch(68% .16 35/.036), .2085rem .417rem 2.502rem oklch(68% .16 35/.04302), .5rem 1rem 6rem oklch(68% .16 35/.06), 0 0 0 .0625rem oklch(68% .16 35/.015);--cirth-button-hover-box-shadow:0 .5rem 1rem oklch(80% .1 35/.4)}}[data-theme=dark]{--cirth-muted-color:oklch(66% .02 35);--cirth-muted-border-color:oklch(30% .025 35);--cirth-text-selection-color:oklch(68% .16 35/.1875);--cirth-primary:oklch(68% .16 35);--cirth-primary-background:oklch(55% .17 35);--cirth-primary-underline:oklch(68% .16 35/.5);--cirth-primary-hover:oklch(80% .1 35);--cirth-primary-hover-background:oklch(60% .18 35);--cirth-primary-focus:oklch(68% .16 35/.7);--cirth-box-shadow:.0145rem .029rem .174rem oklch(68% .16 35/.01698), .0335rem .067rem .402rem oklch(68% .16 35/.024), .0625rem .125rem .75rem oklch(68% .16 35/.03), .1125rem .225rem 1.35rem oklch(68% .16 35/.036), .2085rem .417rem 2.502rem oklch(68% .16 35/.04302), .5rem 1rem 6rem oklch(68% .16 35/.06), 0 0 0 .0625rem oklch(68% .16 35/.015);--cirth-button-hover-box-shadow:0 .5rem 1rem oklch(80% .1 35/.4)}:root,:host{--cirth-border-radius:var(--cirth-radius-2xl);--cirth-font-family:"Trebuchet MS", "Segoe UI", Verdana, sans-serif, var(--cirth-font-family-emoji);--cirth-font-family-display:var(--cirth-font-family);--cirth-spacing:var(--cirth-space-5);--cirth-transition:var(--cirth-duration-slow) cubic-bezier(.34, 1.56, .64, 1)}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cirthcss/cirth",
3
- "version": "0.3.0",
3
+ "version": "0.4.0",
4
4
  "description": "Semantic-first CSS framework for production-ready interfaces",
5
5
  "author": "Riccardo Pastori",
6
6
  "main": "dist/cirth.min.css",
@@ -10,14 +10,9 @@
10
10
  "./classless": "./dist/cirth.classless.min.css",
11
11
  "./scoped": "./dist/cirth.scoped.min.css",
12
12
  "./classless/scoped": "./dist/cirth.classless.scoped.min.css",
13
- "./jade": "./dist/cirth.jade.min.css",
14
- "./jade/classless": "./dist/cirth.classless.jade.min.css",
15
- "./jade/scoped": "./dist/cirth.scoped.jade.min.css",
16
- "./jade/classless/scoped": "./dist/cirth.classless.scoped.jade.min.css",
17
- "./slate": "./dist/cirth.slate.min.css",
18
- "./slate/classless": "./dist/cirth.classless.slate.min.css",
19
- "./slate/scoped": "./dist/cirth.scoped.slate.min.css",
20
- "./slate/classless/scoped": "./dist/cirth.classless.scoped.slate.min.css",
13
+ "./presets/coral": "./dist/presets/coral.min.css",
14
+ "./presets/cobalt": "./dist/presets/cobalt.min.css",
15
+ "./presets/*": "./dist/presets/*",
21
16
  "./dist/*": "./dist/*",
22
17
  "./package.json": "./package.json"
23
18
  },
@@ -64,6 +59,8 @@
64
59
  "docs:preview": "vitepress preview docs"
65
60
  },
66
61
  "devDependencies": {
62
+ "@phosphor-icons/vue": "^2.2.1",
63
+ "highlight.js": "^11.11.1",
67
64
  "lightningcss-cli": "^1.32.0",
68
65
  "prettier": "^3.5.3",
69
66
  "sass-embedded": "^1.100.0",
@@ -72,6 +69,10 @@
72
69
  "vitepress": "^1.6.4"
73
70
  },
74
71
  "browserslist": [
75
- "defaults"
72
+ "Chrome >= 111",
73
+ "Edge >= 111",
74
+ "Firefox >= 113",
75
+ "Safari >= 15.4",
76
+ "iOS >= 15.4"
76
77
  ]
77
78
  }