kempo-css 2.0.0 → 2.1.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 (32) hide show
  1. package/.github/workflows/test.yml +25 -25
  2. package/AGENTS.md +43 -43
  3. package/CHANGELOG.md +117 -107
  4. package/CONTRIBUTING.md +17 -0
  5. package/LICENSE.md +21 -21
  6. package/README.md +2 -48
  7. package/dist/kempo.min.css +1 -1
  8. package/docs/demo.inc.html +213 -213
  9. package/docs/index.html +171 -160
  10. package/docs/kempo-hljs.css +124 -124
  11. package/docs/kempo.css +1194 -1210
  12. package/docs/kempo.min.css +1 -1
  13. package/docs/manifest.json +87 -87
  14. package/docs/nav.js +32 -32
  15. package/docs/theme-editor.html +19 -64
  16. package/llms.txt +205 -0
  17. package/package.json +1 -1
  18. package/scripts/build.js +173 -173
  19. package/src/kempo-hljs.css +124 -124
  20. package/src/kempo.css +1194 -1210
  21. package/tests/base_reset.browser-test.js +201 -201
  22. package/tests/buttons.browser-test.js +223 -223
  23. package/tests/colors.browser-test.js +277 -277
  24. package/tests/components.browser-test.js +131 -131
  25. package/tests/css_variables.browser-test.js +170 -170
  26. package/tests/display_flex.browser-test.js +159 -159
  27. package/tests/elevation.browser-test.js +239 -239
  28. package/tests/forms.browser-test.js +224 -224
  29. package/tests/rows_columns.browser-test.js +171 -171
  30. package/tests/spacing.browser-test.js +310 -310
  31. package/tests/tables.browser-test.js +192 -192
  32. package/tests/typography.browser-test.js +255 -255
package/src/kempo-hljs.css CHANGED
@@ -1,125 +1,125 @@
1
- :root {
2
- --c_text: light-dark(#000000, #DCDCDC);
3
- --c_keyword: light-dark(#0000ff, #569CD6);
4
- --c_builtin: light-dark(#00b0e8, #4EC9B0);
5
- --c_number: light-dark(#709756, #B8D7A3);
6
- --c_string: light-dark(#a31515, #D69D85);
7
- --c_regex: light-dark(#914525, #9A5334);
8
- --c_function: inherit;
9
- --c_comment: light-dark(#008000, #57A64A);
10
- --c_doc: light-dark(#808080, #608B4E);
11
- --c_tag: light-dark(#7d7d7d, #9B9B9B);
12
- --c_var: light-dark(#b436bf, #BD63C5);
13
- --c_attr: light-dark(#ff0000, #9CDCFE);
14
- --c_section: light-dark(#a31515, #ffd700);
15
- --c_selector: light-dark(#0000ff, #569CD6);
16
- --c_addition: light-dark(#a31515, #144212);
17
- --c_deletion: light-dark(#2b91af, #600);
18
- --c_caret: light-dark(black, white);
19
- }
20
-
21
- .hljs {
22
- display: block;
23
- overflow-x: auto;
24
- color: var(--c_text);
25
- }
26
-
27
- .hljs-keyword,
28
- .hljs-literal,
29
- .hljs-symbol,
30
- .hljs-name,
31
- .hljs-link {
32
- color: var(--c_keyword);
33
- }
34
-
35
- .hljs-link {
36
- text-decoration: underline;
37
- }
38
-
39
- .hljs-built_in,
40
- .hljs-type {
41
- color: var(--c_builtin);
42
- }
43
-
44
- .hljs-number,
45
- .hljs-class {
46
- color: var(--c_number);
47
- }
48
-
49
- .hljs-string,
50
- .hljs-meta-string {
51
- color: var(--c_string);
52
- }
53
-
54
- .hljs-regexp,
55
- .hljs-template-tag {
56
- color: var(--c_regex);
57
- }
58
-
59
- .hljs-subst,
60
- .hljs-function,
61
- .hljs-title,
62
- .hljs-params,
63
- .hljs-formula {
64
- color: var(--c_function);
65
- }
66
-
67
- .hljs-comment,
68
- .hljs-quote {
69
- color: var(--c_comment);
70
- font-style: italic
71
- }
72
-
73
- .hljs-doctag {
74
- color: var(--c_doc);
75
- }
76
-
77
- .hljs-meta,
78
- .hljs-meta-keyword,
79
- .hljs-tag {
80
- color: var(--c_tag);
81
- }
82
-
83
- .hljs-variable,
84
- .hljs-template-variable {
85
- color: var(--c_var);
86
- }
87
-
88
- .hljs-attr,
89
- .hljs-attribute,
90
- .hljs-builtin-name {
91
- color: var(--c_attr);
92
- }
93
-
94
- .hljs-section {
95
- color: var(--c_section);
96
- }
97
-
98
- .hljs-emphasis {
99
- font-style: italic
100
- }
101
-
102
- .hljs-strong {
103
- font-weight: bold
104
- }
105
-
106
- .hljs-bullet,
107
- .hljs-selector-tag,
108
- .hljs-selector-id,
109
- .hljs-selector-class,
110
- .hljs-selector-attr,
111
- .hljs-selector-pseudo {
112
- color: var(--c_selector);
113
- }
114
-
115
- .hljs-addition {
116
- background-color: var(--c_addition);
117
- display: inline-block;
118
- width: 100%
119
- }
120
-
121
- .hljs-deletion {
122
- background-color: var(--c_deletion);
123
- display: inline-block;
124
- width: 100%
1
+ :root {
2
+ --c_text: light-dark(#000000, #DCDCDC);
3
+ --c_keyword: light-dark(#0000ff, #569CD6);
4
+ --c_builtin: light-dark(#00b0e8, #4EC9B0);
5
+ --c_number: light-dark(#709756, #B8D7A3);
6
+ --c_string: light-dark(#a31515, #D69D85);
7
+ --c_regex: light-dark(#914525, #9A5334);
8
+ --c_function: inherit;
9
+ --c_comment: light-dark(#008000, #57A64A);
10
+ --c_doc: light-dark(#808080, #608B4E);
11
+ --c_tag: light-dark(#7d7d7d, #9B9B9B);
12
+ --c_var: light-dark(#b436bf, #BD63C5);
13
+ --c_attr: light-dark(#ff0000, #9CDCFE);
14
+ --c_section: light-dark(#a31515, #ffd700);
15
+ --c_selector: light-dark(#0000ff, #569CD6);
16
+ --c_addition: light-dark(#a31515, #144212);
17
+ --c_deletion: light-dark(#2b91af, #600);
18
+ --c_caret: light-dark(black, white);
19
+ }
20
+
21
+ .hljs {
22
+ display: block;
23
+ overflow-x: auto;
24
+ color: var(--c_text);
25
+ }
26
+
27
+ .hljs-keyword,
28
+ .hljs-literal,
29
+ .hljs-symbol,
30
+ .hljs-name,
31
+ .hljs-link {
32
+ color: var(--c_keyword);
33
+ }
34
+
35
+ .hljs-link {
36
+ text-decoration: underline;
37
+ }
38
+
39
+ .hljs-built_in,
40
+ .hljs-type {
41
+ color: var(--c_builtin);
42
+ }
43
+
44
+ .hljs-number,
45
+ .hljs-class {
46
+ color: var(--c_number);
47
+ }
48
+
49
+ .hljs-string,
50
+ .hljs-meta-string {
51
+ color: var(--c_string);
52
+ }
53
+
54
+ .hljs-regexp,
55
+ .hljs-template-tag {
56
+ color: var(--c_regex);
57
+ }
58
+
59
+ .hljs-subst,
60
+ .hljs-function,
61
+ .hljs-title,
62
+ .hljs-params,
63
+ .hljs-formula {
64
+ color: var(--c_function);
65
+ }
66
+
67
+ .hljs-comment,
68
+ .hljs-quote {
69
+ color: var(--c_comment);
70
+ font-style: italic
71
+ }
72
+
73
+ .hljs-doctag {
74
+ color: var(--c_doc);
75
+ }
76
+
77
+ .hljs-meta,
78
+ .hljs-meta-keyword,
79
+ .hljs-tag {
80
+ color: var(--c_tag);
81
+ }
82
+
83
+ .hljs-variable,
84
+ .hljs-template-variable {
85
+ color: var(--c_var);
86
+ }
87
+
88
+ .hljs-attr,
89
+ .hljs-attribute,
90
+ .hljs-builtin-name {
91
+ color: var(--c_attr);
92
+ }
93
+
94
+ .hljs-section {
95
+ color: var(--c_section);
96
+ }
97
+
98
+ .hljs-emphasis {
99
+ font-style: italic
100
+ }
101
+
102
+ .hljs-strong {
103
+ font-weight: bold
104
+ }
105
+
106
+ .hljs-bullet,
107
+ .hljs-selector-tag,
108
+ .hljs-selector-id,
109
+ .hljs-selector-class,
110
+ .hljs-selector-attr,
111
+ .hljs-selector-pseudo {
112
+ color: var(--c_selector);
113
+ }
114
+
115
+ .hljs-addition {
116
+ background-color: var(--c_addition);
117
+ display: inline-block;
118
+ width: 100%
119
+ }
120
+
121
+ .hljs-deletion {
122
+ background-color: var(--c_deletion);
123
+ display: inline-block;
124
+ width: 100%
125
125
  }