@adnap/krysalicss 0.0.1 → 0.1.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 (217) hide show
  1. package/README.md +23 -5
  2. package/dist/element/badge.css +30 -0
  3. package/dist/element/badge.min.css +1 -1
  4. package/dist/element/box.css +193 -0
  5. package/dist/element/box.min.css +1 -0
  6. package/dist/element/button.css +4 -0
  7. package/dist/element/button.min.css +1 -1
  8. package/dist/element/divider.css +155 -0
  9. package/dist/element/divider.min.css +1 -0
  10. package/dist/element/image.css +434 -0
  11. package/dist/element/image.min.css +1 -0
  12. package/dist/element/range.css +2 -2
  13. package/dist/element/spinner.css +190 -0
  14. package/dist/element/spinner.min.css +1 -0
  15. package/dist/helper/border.css +141 -0
  16. package/dist/helper/border.min.css +1 -0
  17. package/dist/helper/color.css +203 -0
  18. package/dist/helper/color.min.css +1 -0
  19. package/dist/helper/flex.css +277 -0
  20. package/dist/helper/flex.min.css +1 -0
  21. package/dist/helper/font-size.css +137 -0
  22. package/dist/helper/font-size.min.css +1 -0
  23. package/dist/helper/interactions.css +142 -0
  24. package/dist/helper/interactions.min.css +1 -0
  25. package/dist/helper/line-height.css +129 -0
  26. package/dist/helper/line-height.min.css +1 -0
  27. package/dist/helper/object-fit.css +133 -0
  28. package/dist/helper/object-fit.min.css +1 -0
  29. package/dist/helper/overflow.css +165 -0
  30. package/dist/helper/overflow.min.css +1 -0
  31. package/dist/helper/position.css +157 -0
  32. package/dist/helper/position.min.css +1 -0
  33. package/dist/helper/ratio.css +142 -0
  34. package/dist/helper/ratio.min.css +1 -0
  35. package/dist/helper/shadow.css +129 -0
  36. package/dist/helper/shadow.min.css +1 -0
  37. package/dist/helper/sizing.css +177 -0
  38. package/dist/helper/sizing.min.css +1 -0
  39. package/dist/helper/spacing.css +563 -0
  40. package/dist/helper/spacing.min.css +1 -0
  41. package/dist/helper/stack.css +127 -0
  42. package/dist/helper/stack.min.css +1 -0
  43. package/dist/helper/text.css +243 -0
  44. package/dist/helper/text.min.css +1 -0
  45. package/dist/helper/tooltip.css +174 -0
  46. package/dist/helper/tooltip.min.css +1 -0
  47. package/dist/helper/visibility.css +334 -0
  48. package/dist/helper/visibility.min.css +1 -0
  49. package/dist/krysalicss.css +3491 -414
  50. package/dist/krysalicss.css.map +1 -1
  51. package/dist/krysalicss.min.css +1 -1
  52. package/dist/layout/footer.css +155 -0
  53. package/dist/layout/footer.min.css +1 -0
  54. package/dist/layout/hero.css +177 -0
  55. package/dist/layout/hero.min.css +1 -0
  56. package/dist/module/alert.css +30 -0
  57. package/dist/module/alert.min.css +1 -1
  58. package/dist/module/breadcrumb.css +163 -0
  59. package/dist/module/breadcrumb.min.css +1 -0
  60. package/dist/module/buttons.css +158 -0
  61. package/dist/module/buttons.min.css +1 -0
  62. package/dist/module/card.css +89 -0
  63. package/dist/module/card.min.css +1 -1
  64. package/dist/module/dropdown.css +253 -0
  65. package/dist/module/dropdown.min.css +1 -0
  66. package/dist/module/navbar.css +1 -1
  67. package/dist/module/navbar.min.css +1 -1
  68. package/dist/module/pagination.css +301 -0
  69. package/dist/module/pagination.min.css +1 -0
  70. package/dist/module/popover.css +272 -0
  71. package/dist/module/popover.min.css +1 -0
  72. package/dist/module/section.css +138 -0
  73. package/dist/module/section.min.css +1 -0
  74. package/dist/module/toast.css +307 -0
  75. package/dist/module/toast.min.css +1 -0
  76. package/dist/scss-api.json +4672 -0
  77. package/dist/typography/blockquote.css +128 -0
  78. package/dist/typography/blockquote.min.css +1 -0
  79. package/dist/typography/figure.css +132 -0
  80. package/dist/typography/figure.min.css +1 -0
  81. package/dist/typography/lead.css +119 -0
  82. package/dist/typography/lead.min.css +1 -0
  83. package/dist/typography/list.css +125 -0
  84. package/dist/typography/list.min.css +1 -0
  85. package/package.json +8 -2
  86. package/src/base/global/_plugin.scss +2 -0
  87. package/src/base/reset/_plugin.scss +2 -0
  88. package/src/base/reset/_variables.scss +2 -0
  89. package/src/element/_index.scss +4 -0
  90. package/src/element/badge/_plugin.scss +6 -8
  91. package/src/element/badge/_variables.scss +4 -6
  92. package/src/element/box/_index.scss +2 -0
  93. package/src/element/box/_plugin.scss +31 -0
  94. package/src/element/box/_variables.scss +18 -0
  95. package/src/element/button/_plugin.scss +20 -1
  96. package/src/element/checkbox/_plugin.scss +3 -4
  97. package/src/element/checkbox/_variables.scss +2 -5
  98. package/src/element/divider/_index.scss +2 -0
  99. package/src/element/divider/_plugin.scss +69 -0
  100. package/src/element/divider/_variables.scss +16 -0
  101. package/src/element/file/_plugin.scss +2 -0
  102. package/src/element/file/_variables.scss +2 -6
  103. package/src/element/image/_index.scss +2 -0
  104. package/src/element/image/_plugin.scss +106 -0
  105. package/src/element/image/_variables.scss +53 -0
  106. package/src/element/progress/_plugin.scss +9 -28
  107. package/src/element/progress/_variables.scss +2 -8
  108. package/src/element/radio/_plugin.scss +4 -4
  109. package/src/element/radio/_variables.scss +2 -2
  110. package/src/element/range/_plugin.scss +9 -20
  111. package/src/element/range/_variables.scss +7 -1
  112. package/src/element/select/_plugin.scss +3 -4
  113. package/src/element/select/_variables.scss +2 -6
  114. package/src/element/spinner/_index.scss +2 -0
  115. package/src/element/spinner/_plugin.scss +78 -0
  116. package/src/element/spinner/_variables.scss +22 -0
  117. package/src/element/switch/_plugin.scss +6 -10
  118. package/src/element/switch/_variables.scss +2 -10
  119. package/src/element/text-input/_plugin.scss +3 -1
  120. package/src/element/text-input/_variables.scss +5 -5
  121. package/src/element/textarea/_plugin.scss +3 -1
  122. package/src/element/textarea/_variables.scss +2 -2
  123. package/src/helper/_border.scss +43 -0
  124. package/src/helper/_color.scss +29 -0
  125. package/src/helper/{_controls.scss → _controls-internal.scss} +21 -0
  126. package/src/helper/_flex.scss +89 -0
  127. package/src/helper/_font-size.scss +22 -0
  128. package/src/helper/_index.scss +18 -1
  129. package/src/helper/_interactions.scss +41 -0
  130. package/src/helper/_line-height.scss +22 -0
  131. package/src/helper/_object-fit.scss +15 -0
  132. package/src/helper/_overflow.scss +28 -0
  133. package/src/helper/_position.scss +47 -0
  134. package/src/helper/_ratio.scss +35 -0
  135. package/src/helper/_shadow.scss +31 -0
  136. package/src/helper/_sizing.scss +65 -0
  137. package/src/helper/_spacing.scss +95 -0
  138. package/src/helper/_stack.scss +24 -0
  139. package/src/helper/_state.scss +2 -17
  140. package/src/helper/_text.scss +92 -0
  141. package/src/helper/_tooltip.scss +100 -0
  142. package/src/helper/_visibility.scss +80 -0
  143. package/src/layout/_index.scss +2 -0
  144. package/src/layout/container/_plugin.scss +2 -0
  145. package/src/layout/container/_variables.scss +2 -0
  146. package/src/layout/flex/_plugin.scss +2 -1
  147. package/src/layout/flex/_variables.scss +2 -2
  148. package/src/layout/footer/_index.scss +2 -0
  149. package/src/layout/footer/_plugin.scss +24 -0
  150. package/src/layout/footer/_variables.scss +11 -0
  151. package/src/layout/grid/_plugin.scss +2 -0
  152. package/src/layout/grid/_variables.scss +20 -16
  153. package/src/layout/hero/_index.scss +2 -0
  154. package/src/layout/hero/_plugin.scss +54 -0
  155. package/src/layout/hero/_variables.scss +23 -0
  156. package/src/module/_index.scss +7 -0
  157. package/src/module/alert/_plugin.scss +6 -1
  158. package/src/module/alert/_variables.scss +7 -0
  159. package/src/module/breadcrumb/_index.scss +2 -0
  160. package/src/module/breadcrumb/_plugin.scss +73 -0
  161. package/src/module/breadcrumb/_variables.scss +27 -0
  162. package/src/module/buttons/_index.scss +2 -0
  163. package/src/module/buttons/_plugin.scss +67 -0
  164. package/src/module/buttons/_variables.scss +10 -0
  165. package/src/module/card/_plugin.scss +96 -2
  166. package/src/module/card/_variables.scss +39 -0
  167. package/src/module/dropdown/_index.scss +2 -0
  168. package/src/module/dropdown/_plugin.scss +155 -0
  169. package/src/module/dropdown/_variables.scss +50 -0
  170. package/src/module/field/_plugin.scss +2 -0
  171. package/src/module/modal/_plugin.scss +2 -0
  172. package/src/module/navbar/_plugin.scss +4 -1
  173. package/src/module/navbar/_variables.scss +6 -2
  174. package/src/module/pagination/_index.scss +2 -0
  175. package/src/module/pagination/_plugin.scss +276 -0
  176. package/src/module/pagination/_variables.scss +64 -0
  177. package/src/module/popover/_index.scss +2 -0
  178. package/src/module/popover/_plugin.scss +183 -0
  179. package/src/module/popover/_variables.scss +44 -0
  180. package/src/module/section/_index.scss +2 -0
  181. package/src/module/section/_plugin.scss +47 -0
  182. package/src/module/section/_variables.scss +24 -0
  183. package/src/module/tabs/_plugin.scss +3 -1
  184. package/src/module/toast/_index.scss +2 -0
  185. package/src/module/toast/_plugin.scss +184 -0
  186. package/src/module/toast/_variables.scss +56 -0
  187. package/src/typography/_index.scss +4 -0
  188. package/src/typography/base/_plugin.scss +2 -0
  189. package/src/typography/base/_variables.scss +4 -3
  190. package/src/typography/blockquote/_index.scss +2 -0
  191. package/src/typography/blockquote/_plugin.scss +22 -0
  192. package/src/typography/blockquote/_variables.scss +13 -0
  193. package/src/typography/content/_plugin.scss +2 -0
  194. package/src/typography/content/_variables.scss +2 -0
  195. package/src/typography/figure/_index.scss +2 -0
  196. package/src/typography/figure/_plugin.scss +29 -0
  197. package/src/typography/figure/_variables.scss +13 -0
  198. package/src/typography/lead/_index.scss +2 -0
  199. package/src/typography/lead/_plugin.scss +12 -0
  200. package/src/typography/lead/_variables.scss +6 -0
  201. package/src/typography/link/_mixins.scss +2 -0
  202. package/src/typography/link/_plugin.scss +2 -0
  203. package/src/typography/link/_variables.scss +2 -0
  204. package/src/typography/list/_index.scss +2 -0
  205. package/src/typography/list/_plugin.scss +18 -0
  206. package/src/typography/list/_variables.scss +6 -0
  207. package/src/typography/table/_plugin.scss +2 -0
  208. package/src/typography/table/_variables.scss +2 -0
  209. package/src/typography/title/_plugin.scss +2 -0
  210. package/src/typography/title/_variables.scss +2 -0
  211. package/src/variables/_color.scss +20 -12
  212. package/src/variables/_feature.scss +36 -0
  213. package/src/variables/_global.scss +8 -0
  214. package/src/variables/_selector.scss +1 -0
  215. package/dist/tokens/dark.json +0 -85
  216. package/dist/tokens/default.json +0 -85
  217. package/dist/tokens/high-contrast.json +0 -85
package/dist/helper/font-size.css ADDED
@@ -0,0 +1,137 @@
1
+ :root {
2
+ --kc-bg: #ffffff;
3
+ --kc-fg: #27282b;
4
+ --kc-link: #1a6347;
5
+ --kc-link-hover: #525a22;
6
+ --kc-link-visited: #8c351a;
7
+ --kc-border-radius: 5px;
8
+ --kc-card-bg: #ffffff;
9
+ --kc-card-fg: #27282b;
10
+ --kc-focus-ring: #1a6347;
11
+ --kc-default-bg: #ffffff;
12
+ --kc-default-fg: #27282b;
13
+ --kc-primary-bg: #247d59;
14
+ --kc-primary-fg: #ffffff;
15
+ --kc-warning-bg: #7a4f10;
16
+ --kc-warning-fg: #ffffff;
17
+ --kc-danger-bg: #8c351a;
18
+ --kc-danger-fg: #ffffff;
19
+ --kc-success-bg: #525a22;
20
+ --kc-success-fg: #ffffff;
21
+ }
22
+
23
+ @media (prefers-color-scheme: light) {
24
+ :root {
25
+ --kc-bg: #ffffff;
26
+ --kc-fg: #27282b;
27
+ --kc-link: #1a6347;
28
+ --kc-link-hover: #525a22;
29
+ --kc-link-visited: #8c351a;
30
+ --kc-border-radius: 5px;
31
+ --kc-card-bg: #ffffff;
32
+ --kc-card-fg: #27282b;
33
+ --kc-focus-ring: #1a6347;
34
+ --kc-default-bg: #ffffff;
35
+ --kc-default-fg: #27282b;
36
+ --kc-primary-bg: #247d59;
37
+ --kc-primary-fg: #ffffff;
38
+ --kc-warning-bg: #7a4f10;
39
+ --kc-warning-fg: #ffffff;
40
+ --kc-danger-bg: #8c351a;
41
+ --kc-danger-fg: #ffffff;
42
+ --kc-success-bg: #525a22;
43
+ --kc-success-fg: #ffffff;
44
+ }
45
+ }
46
+ :root.theme-light {
47
+ --kc-bg: #ffffff;
48
+ --kc-fg: #27282b;
49
+ --kc-link: #1a6347;
50
+ --kc-link-hover: #525a22;
51
+ --kc-link-visited: #8c351a;
52
+ --kc-border-radius: 5px;
53
+ --kc-card-bg: #ffffff;
54
+ --kc-card-fg: #27282b;
55
+ --kc-focus-ring: #1a6347;
56
+ --kc-default-bg: #ffffff;
57
+ --kc-default-fg: #27282b;
58
+ --kc-primary-bg: #247d59;
59
+ --kc-primary-fg: #ffffff;
60
+ --kc-warning-bg: #7a4f10;
61
+ --kc-warning-fg: #ffffff;
62
+ --kc-danger-bg: #8c351a;
63
+ --kc-danger-fg: #ffffff;
64
+ --kc-success-bg: #525a22;
65
+ --kc-success-fg: #ffffff;
66
+ }
67
+
68
+ @media (prefers-color-scheme: dark) {
69
+ :root {
70
+ --kc-bg: #121417;
71
+ --kc-fg: #e6e8eb;
72
+ --kc-link: #6bd1a7;
73
+ --kc-link-hover: #9ce3c2;
74
+ --kc-link-visited: #c8a8e0;
75
+ --kc-border-radius: 5px;
76
+ --kc-card-bg: #1b1e22;
77
+ --kc-card-fg: #e6e8eb;
78
+ --kc-focus-ring: #6bd1a7;
79
+ --kc-modal-backdrop: color-mix(in srgb, #e6e8eb 22%, transparent);
80
+ --kc-default-bg: #1b1e22;
81
+ --kc-default-fg: #e6e8eb;
82
+ --kc-primary-bg: #1f6e51;
83
+ --kc-primary-fg: #f4f7fb;
84
+ --kc-warning-bg: #b8991e;
85
+ --kc-warning-fg: #1b1b13;
86
+ --kc-danger-bg: #a2481a;
87
+ --kc-danger-fg: #fff6f0;
88
+ --kc-success-bg: #5c6529;
89
+ --kc-success-fg: #f3f6e5;
90
+ }
91
+ }
92
+ .theme-dark {
93
+ --kc-bg: #121417;
94
+ --kc-fg: #e6e8eb;
95
+ --kc-link: #6bd1a7;
96
+ --kc-link-hover: #9ce3c2;
97
+ --kc-link-visited: #c8a8e0;
98
+ --kc-border-radius: 5px;
99
+ --kc-card-bg: #1b1e22;
100
+ --kc-card-fg: #e6e8eb;
101
+ --kc-focus-ring: #6bd1a7;
102
+ --kc-modal-backdrop: color-mix(in srgb, #e6e8eb 22%, transparent);
103
+ --kc-default-bg: #1b1e22;
104
+ --kc-default-fg: #e6e8eb;
105
+ --kc-primary-bg: #1f6e51;
106
+ --kc-primary-fg: #f4f7fb;
107
+ --kc-warning-bg: #b8991e;
108
+ --kc-warning-fg: #1b1b13;
109
+ --kc-danger-bg: #a2481a;
110
+ --kc-danger-fg: #fff6f0;
111
+ --kc-success-bg: #5c6529;
112
+ --kc-success-fg: #f3f6e5;
113
+ }
114
+
115
+ .is-size-1 {
116
+ font-size: 2.5rem !important;
117
+ }
118
+
119
+ .is-size-2 {
120
+ font-size: 2rem !important;
121
+ }
122
+
123
+ .is-size-3 {
124
+ font-size: 1.75rem !important;
125
+ }
126
+
127
+ .is-size-4 {
128
+ font-size: 1.5rem !important;
129
+ }
130
+
131
+ .is-size-5 {
132
+ font-size: 1.25rem !important;
133
+ }
134
+
135
+ .is-size-6 {
136
+ font-size: 1rem !important;
137
+ }
package/dist/helper/font-size.min.css ADDED
@@ -0,0 +1 @@
1
+ :root{--kc-bg:#fff;--kc-fg:#27282b;--kc-link:#1a6347;--kc-link-hover:#525a22;--kc-link-visited:#8c351a;--kc-border-radius:5px;--kc-card-bg:#fff;--kc-card-fg:#27282b;--kc-focus-ring:#1a6347;--kc-default-bg:#fff;--kc-default-fg:#27282b;--kc-primary-bg:#247d59;--kc-primary-fg:#fff;--kc-warning-bg:#7a4f10;--kc-warning-fg:#fff;--kc-danger-bg:#8c351a;--kc-danger-fg:#fff;--kc-success-bg:#525a22;--kc-success-fg:#fff}@media(prefers-color-scheme:light){:root{--kc-bg:#fff;--kc-fg:#27282b;--kc-link:#1a6347;--kc-link-hover:#525a22;--kc-link-visited:#8c351a;--kc-border-radius:5px;--kc-card-bg:#fff;--kc-card-fg:#27282b;--kc-focus-ring:#1a6347;--kc-default-bg:#fff;--kc-default-fg:#27282b;--kc-primary-bg:#247d59;--kc-primary-fg:#fff;--kc-warning-bg:#7a4f10;--kc-warning-fg:#fff;--kc-danger-bg:#8c351a;--kc-danger-fg:#fff;--kc-success-bg:#525a22;--kc-success-fg:#fff}}:root.theme-light{--kc-bg:#fff;--kc-fg:#27282b;--kc-link:#1a6347;--kc-link-hover:#525a22;--kc-link-visited:#8c351a;--kc-border-radius:5px;--kc-card-bg:#fff;--kc-card-fg:#27282b;--kc-focus-ring:#1a6347;--kc-default-bg:#fff;--kc-default-fg:#27282b;--kc-primary-bg:#247d59;--kc-primary-fg:#fff;--kc-warning-bg:#7a4f10;--kc-warning-fg:#fff;--kc-danger-bg:#8c351a;--kc-danger-fg:#fff;--kc-success-bg:#525a22;--kc-success-fg:#fff}@media(prefers-color-scheme:dark){:root{--kc-bg:#121417;--kc-fg:#e6e8eb;--kc-link:#6bd1a7;--kc-link-hover:#9ce3c2;--kc-link-visited:#c8a8e0;--kc-border-radius:5px;--kc-card-bg:#1b1e22;--kc-card-fg:#e6e8eb;--kc-focus-ring:#6bd1a7;--kc-modal-backdrop:color-mix(in srgb,#e6e8eb 22%,#0000);--kc-default-bg:#1b1e22;--kc-default-fg:#e6e8eb;--kc-primary-bg:#1f6e51;--kc-primary-fg:#f4f7fb;--kc-warning-bg:#b8991e;--kc-warning-fg:#1b1b13;--kc-danger-bg:#a2481a;--kc-danger-fg:#fff6f0;--kc-success-bg:#5c6529;--kc-success-fg:#f3f6e5}}.theme-dark{--kc-bg:#121417;--kc-fg:#e6e8eb;--kc-link:#6bd1a7;--kc-link-hover:#9ce3c2;--kc-link-visited:#c8a8e0;--kc-border-radius:5px;--kc-card-bg:#1b1e22;--kc-card-fg:#e6e8eb;--kc-focus-ring:#6bd1a7;--kc-modal-backdrop:color-mix(in srgb,#e6e8eb 22%,#0000);--kc-default-bg:#1b1e22;--kc-default-fg:#e6e8eb;--kc-primary-bg:#1f6e51;--kc-primary-fg:#f4f7fb;--kc-warning-bg:#b8991e;--kc-warning-fg:#1b1b13;--kc-danger-bg:#a2481a;--kc-danger-fg:#fff6f0;--kc-success-bg:#5c6529;--kc-success-fg:#f3f6e5}.is-size-1{font-size:2.5rem!important}.is-size-2{font-size:2rem!important}.is-size-3{font-size:1.75rem!important}.is-size-4{font-size:1.5rem!important}.is-size-5{font-size:1.25rem!important}.is-size-6{font-size:1rem!important}
package/dist/helper/interactions.css ADDED
@@ -0,0 +1,142 @@
1
+ :root {
2
+ --kc-bg: #ffffff;
3
+ --kc-fg: #27282b;
4
+ --kc-link: #1a6347;
5
+ --kc-link-hover: #525a22;
6
+ --kc-link-visited: #8c351a;
7
+ --kc-border-radius: 5px;
8
+ --kc-card-bg: #ffffff;
9
+ --kc-card-fg: #27282b;
10
+ --kc-focus-ring: #1a6347;
11
+ --kc-default-bg: #ffffff;
12
+ --kc-default-fg: #27282b;
13
+ --kc-primary-bg: #247d59;
14
+ --kc-primary-fg: #ffffff;
15
+ --kc-warning-bg: #7a4f10;
16
+ --kc-warning-fg: #ffffff;
17
+ --kc-danger-bg: #8c351a;
18
+ --kc-danger-fg: #ffffff;
19
+ --kc-success-bg: #525a22;
20
+ --kc-success-fg: #ffffff;
21
+ }
22
+
23
+ @media (prefers-color-scheme: light) {
24
+ :root {
25
+ --kc-bg: #ffffff;
26
+ --kc-fg: #27282b;
27
+ --kc-link: #1a6347;
28
+ --kc-link-hover: #525a22;
29
+ --kc-link-visited: #8c351a;
30
+ --kc-border-radius: 5px;
31
+ --kc-card-bg: #ffffff;
32
+ --kc-card-fg: #27282b;
33
+ --kc-focus-ring: #1a6347;
34
+ --kc-default-bg: #ffffff;
35
+ --kc-default-fg: #27282b;
36
+ --kc-primary-bg: #247d59;
37
+ --kc-primary-fg: #ffffff;
38
+ --kc-warning-bg: #7a4f10;
39
+ --kc-warning-fg: #ffffff;
40
+ --kc-danger-bg: #8c351a;
41
+ --kc-danger-fg: #ffffff;
42
+ --kc-success-bg: #525a22;
43
+ --kc-success-fg: #ffffff;
44
+ }
45
+ }
46
+ :root.theme-light {
47
+ --kc-bg: #ffffff;
48
+ --kc-fg: #27282b;
49
+ --kc-link: #1a6347;
50
+ --kc-link-hover: #525a22;
51
+ --kc-link-visited: #8c351a;
52
+ --kc-border-radius: 5px;
53
+ --kc-card-bg: #ffffff;
54
+ --kc-card-fg: #27282b;
55
+ --kc-focus-ring: #1a6347;
56
+ --kc-default-bg: #ffffff;
57
+ --kc-default-fg: #27282b;
58
+ --kc-primary-bg: #247d59;
59
+ --kc-primary-fg: #ffffff;
60
+ --kc-warning-bg: #7a4f10;
61
+ --kc-warning-fg: #ffffff;
62
+ --kc-danger-bg: #8c351a;
63
+ --kc-danger-fg: #ffffff;
64
+ --kc-success-bg: #525a22;
65
+ --kc-success-fg: #ffffff;
66
+ }
67
+
68
+ @media (prefers-color-scheme: dark) {
69
+ :root {
70
+ --kc-bg: #121417;
71
+ --kc-fg: #e6e8eb;
72
+ --kc-link: #6bd1a7;
73
+ --kc-link-hover: #9ce3c2;
74
+ --kc-link-visited: #c8a8e0;
75
+ --kc-border-radius: 5px;
76
+ --kc-card-bg: #1b1e22;
77
+ --kc-card-fg: #e6e8eb;
78
+ --kc-focus-ring: #6bd1a7;
79
+ --kc-modal-backdrop: color-mix(in srgb, #e6e8eb 22%, transparent);
80
+ --kc-default-bg: #1b1e22;
81
+ --kc-default-fg: #e6e8eb;
82
+ --kc-primary-bg: #1f6e51;
83
+ --kc-primary-fg: #f4f7fb;
84
+ --kc-warning-bg: #b8991e;
85
+ --kc-warning-fg: #1b1b13;
86
+ --kc-danger-bg: #a2481a;
87
+ --kc-danger-fg: #fff6f0;
88
+ --kc-success-bg: #5c6529;
89
+ --kc-success-fg: #f3f6e5;
90
+ }
91
+ }
92
+ .theme-dark {
93
+ --kc-bg: #121417;
94
+ --kc-fg: #e6e8eb;
95
+ --kc-link: #6bd1a7;
96
+ --kc-link-hover: #9ce3c2;
97
+ --kc-link-visited: #c8a8e0;
98
+ --kc-border-radius: 5px;
99
+ --kc-card-bg: #1b1e22;
100
+ --kc-card-fg: #e6e8eb;
101
+ --kc-focus-ring: #6bd1a7;
102
+ --kc-modal-backdrop: color-mix(in srgb, #e6e8eb 22%, transparent);
103
+ --kc-default-bg: #1b1e22;
104
+ --kc-default-fg: #e6e8eb;
105
+ --kc-primary-bg: #1f6e51;
106
+ --kc-primary-fg: #f4f7fb;
107
+ --kc-warning-bg: #b8991e;
108
+ --kc-warning-fg: #1b1b13;
109
+ --kc-danger-bg: #a2481a;
110
+ --kc-danger-fg: #fff6f0;
111
+ --kc-success-bg: #5c6529;
112
+ --kc-success-fg: #f3f6e5;
113
+ }
114
+
115
+ .is-clickable {
116
+ cursor: pointer !important;
117
+ }
118
+
119
+ .is-unselectable {
120
+ -webkit-user-select: none !important;
121
+ user-select: none !important;
122
+ }
123
+
124
+ .is-clearfix::after {
125
+ display: table;
126
+ clear: both;
127
+ content: "";
128
+ }
129
+
130
+ .is-pulled-left {
131
+ float: left !important;
132
+ }
133
+
134
+ .is-pulled-right {
135
+ float: right !important;
136
+ }
137
+
138
+ .is-stretched-link::after {
139
+ position: absolute;
140
+ inset: 0;
141
+ content: "";
142
+ }
package/dist/helper/interactions.min.css ADDED
@@ -0,0 +1 @@
1
+ :root{--kc-bg:#fff;--kc-fg:#27282b;--kc-link:#1a6347;--kc-link-hover:#525a22;--kc-link-visited:#8c351a;--kc-border-radius:5px;--kc-card-bg:#fff;--kc-card-fg:#27282b;--kc-focus-ring:#1a6347;--kc-default-bg:#fff;--kc-default-fg:#27282b;--kc-primary-bg:#247d59;--kc-primary-fg:#fff;--kc-warning-bg:#7a4f10;--kc-warning-fg:#fff;--kc-danger-bg:#8c351a;--kc-danger-fg:#fff;--kc-success-bg:#525a22;--kc-success-fg:#fff}@media(prefers-color-scheme:light){:root{--kc-bg:#fff;--kc-fg:#27282b;--kc-link:#1a6347;--kc-link-hover:#525a22;--kc-link-visited:#8c351a;--kc-border-radius:5px;--kc-card-bg:#fff;--kc-card-fg:#27282b;--kc-focus-ring:#1a6347;--kc-default-bg:#fff;--kc-default-fg:#27282b;--kc-primary-bg:#247d59;--kc-primary-fg:#fff;--kc-warning-bg:#7a4f10;--kc-warning-fg:#fff;--kc-danger-bg:#8c351a;--kc-danger-fg:#fff;--kc-success-bg:#525a22;--kc-success-fg:#fff}}:root.theme-light{--kc-bg:#fff;--kc-fg:#27282b;--kc-link:#1a6347;--kc-link-hover:#525a22;--kc-link-visited:#8c351a;--kc-border-radius:5px;--kc-card-bg:#fff;--kc-card-fg:#27282b;--kc-focus-ring:#1a6347;--kc-default-bg:#fff;--kc-default-fg:#27282b;--kc-primary-bg:#247d59;--kc-primary-fg:#fff;--kc-warning-bg:#7a4f10;--kc-warning-fg:#fff;--kc-danger-bg:#8c351a;--kc-danger-fg:#fff;--kc-success-bg:#525a22;--kc-success-fg:#fff}@media(prefers-color-scheme:dark){:root{--kc-bg:#121417;--kc-fg:#e6e8eb;--kc-link:#6bd1a7;--kc-link-hover:#9ce3c2;--kc-link-visited:#c8a8e0;--kc-border-radius:5px;--kc-card-bg:#1b1e22;--kc-card-fg:#e6e8eb;--kc-focus-ring:#6bd1a7;--kc-modal-backdrop:color-mix(in srgb,#e6e8eb 22%,#0000);--kc-default-bg:#1b1e22;--kc-default-fg:#e6e8eb;--kc-primary-bg:#1f6e51;--kc-primary-fg:#f4f7fb;--kc-warning-bg:#b8991e;--kc-warning-fg:#1b1b13;--kc-danger-bg:#a2481a;--kc-danger-fg:#fff6f0;--kc-success-bg:#5c6529;--kc-success-fg:#f3f6e5}}.theme-dark{--kc-bg:#121417;--kc-fg:#e6e8eb;--kc-link:#6bd1a7;--kc-link-hover:#9ce3c2;--kc-link-visited:#c8a8e0;--kc-border-radius:5px;--kc-card-bg:#1b1e22;--kc-card-fg:#e6e8eb;--kc-focus-ring:#6bd1a7;--kc-modal-backdrop:color-mix(in srgb,#e6e8eb 22%,#0000);--kc-default-bg:#1b1e22;--kc-default-fg:#e6e8eb;--kc-primary-bg:#1f6e51;--kc-primary-fg:#f4f7fb;--kc-warning-bg:#b8991e;--kc-warning-fg:#1b1b13;--kc-danger-bg:#a2481a;--kc-danger-fg:#fff6f0;--kc-success-bg:#5c6529;--kc-success-fg:#f3f6e5}.is-clickable{cursor:pointer!important}.is-unselectable{-webkit-user-select:none!important;user-select:none!important}.is-clearfix:after{display:table;clear:both;content:""}.is-pulled-left{float:left!important}.is-pulled-right{float:right!important}.is-stretched-link:after{position:absolute;inset:0;content:""}
package/dist/helper/line-height.css ADDED
@@ -0,0 +1,129 @@
1
+ :root {
2
+ --kc-bg: #ffffff;
3
+ --kc-fg: #27282b;
4
+ --kc-link: #1a6347;
5
+ --kc-link-hover: #525a22;
6
+ --kc-link-visited: #8c351a;
7
+ --kc-border-radius: 5px;
8
+ --kc-card-bg: #ffffff;
9
+ --kc-card-fg: #27282b;
10
+ --kc-focus-ring: #1a6347;
11
+ --kc-default-bg: #ffffff;
12
+ --kc-default-fg: #27282b;
13
+ --kc-primary-bg: #247d59;
14
+ --kc-primary-fg: #ffffff;
15
+ --kc-warning-bg: #7a4f10;
16
+ --kc-warning-fg: #ffffff;
17
+ --kc-danger-bg: #8c351a;
18
+ --kc-danger-fg: #ffffff;
19
+ --kc-success-bg: #525a22;
20
+ --kc-success-fg: #ffffff;
21
+ }
22
+
23
+ @media (prefers-color-scheme: light) {
24
+ :root {
25
+ --kc-bg: #ffffff;
26
+ --kc-fg: #27282b;
27
+ --kc-link: #1a6347;
28
+ --kc-link-hover: #525a22;
29
+ --kc-link-visited: #8c351a;
30
+ --kc-border-radius: 5px;
31
+ --kc-card-bg: #ffffff;
32
+ --kc-card-fg: #27282b;
33
+ --kc-focus-ring: #1a6347;
34
+ --kc-default-bg: #ffffff;
35
+ --kc-default-fg: #27282b;
36
+ --kc-primary-bg: #247d59;
37
+ --kc-primary-fg: #ffffff;
38
+ --kc-warning-bg: #7a4f10;
39
+ --kc-warning-fg: #ffffff;
40
+ --kc-danger-bg: #8c351a;
41
+ --kc-danger-fg: #ffffff;
42
+ --kc-success-bg: #525a22;
43
+ --kc-success-fg: #ffffff;
44
+ }
45
+ }
46
+ :root.theme-light {
47
+ --kc-bg: #ffffff;
48
+ --kc-fg: #27282b;
49
+ --kc-link: #1a6347;
50
+ --kc-link-hover: #525a22;
51
+ --kc-link-visited: #8c351a;
52
+ --kc-border-radius: 5px;
53
+ --kc-card-bg: #ffffff;
54
+ --kc-card-fg: #27282b;
55
+ --kc-focus-ring: #1a6347;
56
+ --kc-default-bg: #ffffff;
57
+ --kc-default-fg: #27282b;
58
+ --kc-primary-bg: #247d59;
59
+ --kc-primary-fg: #ffffff;
60
+ --kc-warning-bg: #7a4f10;
61
+ --kc-warning-fg: #ffffff;
62
+ --kc-danger-bg: #8c351a;
63
+ --kc-danger-fg: #ffffff;
64
+ --kc-success-bg: #525a22;
65
+ --kc-success-fg: #ffffff;
66
+ }
67
+
68
+ @media (prefers-color-scheme: dark) {
69
+ :root {
70
+ --kc-bg: #121417;
71
+ --kc-fg: #e6e8eb;
72
+ --kc-link: #6bd1a7;
73
+ --kc-link-hover: #9ce3c2;
74
+ --kc-link-visited: #c8a8e0;
75
+ --kc-border-radius: 5px;
76
+ --kc-card-bg: #1b1e22;
77
+ --kc-card-fg: #e6e8eb;
78
+ --kc-focus-ring: #6bd1a7;
79
+ --kc-modal-backdrop: color-mix(in srgb, #e6e8eb 22%, transparent);
80
+ --kc-default-bg: #1b1e22;
81
+ --kc-default-fg: #e6e8eb;
82
+ --kc-primary-bg: #1f6e51;
83
+ --kc-primary-fg: #f4f7fb;
84
+ --kc-warning-bg: #b8991e;
85
+ --kc-warning-fg: #1b1b13;
86
+ --kc-danger-bg: #a2481a;
87
+ --kc-danger-fg: #fff6f0;
88
+ --kc-success-bg: #5c6529;
89
+ --kc-success-fg: #f3f6e5;
90
+ }
91
+ }
92
+ .theme-dark {
93
+ --kc-bg: #121417;
94
+ --kc-fg: #e6e8eb;
95
+ --kc-link: #6bd1a7;
96
+ --kc-link-hover: #9ce3c2;
97
+ --kc-link-visited: #c8a8e0;
98
+ --kc-border-radius: 5px;
99
+ --kc-card-bg: #1b1e22;
100
+ --kc-card-fg: #e6e8eb;
101
+ --kc-focus-ring: #6bd1a7;
102
+ --kc-modal-backdrop: color-mix(in srgb, #e6e8eb 22%, transparent);
103
+ --kc-default-bg: #1b1e22;
104
+ --kc-default-fg: #e6e8eb;
105
+ --kc-primary-bg: #1f6e51;
106
+ --kc-primary-fg: #f4f7fb;
107
+ --kc-warning-bg: #b8991e;
108
+ --kc-warning-fg: #1b1b13;
109
+ --kc-danger-bg: #a2481a;
110
+ --kc-danger-fg: #fff6f0;
111
+ --kc-success-bg: #5c6529;
112
+ --kc-success-fg: #f3f6e5;
113
+ }
114
+
115
+ .lh-1 {
116
+ line-height: 1 !important;
117
+ }
118
+
119
+ .lh-sm {
120
+ line-height: 1.25 !important;
121
+ }
122
+
123
+ .lh-base {
124
+ line-height: 1.5 !important;
125
+ }
126
+
127
+ .lh-lg {
128
+ line-height: 2 !important;
129
+ }
package/dist/helper/line-height.min.css ADDED
@@ -0,0 +1 @@
1
+ :root{--kc-bg:#fff;--kc-fg:#27282b;--kc-link:#1a6347;--kc-link-hover:#525a22;--kc-link-visited:#8c351a;--kc-border-radius:5px;--kc-card-bg:#fff;--kc-card-fg:#27282b;--kc-focus-ring:#1a6347;--kc-default-bg:#fff;--kc-default-fg:#27282b;--kc-primary-bg:#247d59;--kc-primary-fg:#fff;--kc-warning-bg:#7a4f10;--kc-warning-fg:#fff;--kc-danger-bg:#8c351a;--kc-danger-fg:#fff;--kc-success-bg:#525a22;--kc-success-fg:#fff}@media(prefers-color-scheme:light){:root{--kc-bg:#fff;--kc-fg:#27282b;--kc-link:#1a6347;--kc-link-hover:#525a22;--kc-link-visited:#8c351a;--kc-border-radius:5px;--kc-card-bg:#fff;--kc-card-fg:#27282b;--kc-focus-ring:#1a6347;--kc-default-bg:#fff;--kc-default-fg:#27282b;--kc-primary-bg:#247d59;--kc-primary-fg:#fff;--kc-warning-bg:#7a4f10;--kc-warning-fg:#fff;--kc-danger-bg:#8c351a;--kc-danger-fg:#fff;--kc-success-bg:#525a22;--kc-success-fg:#fff}}:root.theme-light{--kc-bg:#fff;--kc-fg:#27282b;--kc-link:#1a6347;--kc-link-hover:#525a22;--kc-link-visited:#8c351a;--kc-border-radius:5px;--kc-card-bg:#fff;--kc-card-fg:#27282b;--kc-focus-ring:#1a6347;--kc-default-bg:#fff;--kc-default-fg:#27282b;--kc-primary-bg:#247d59;--kc-primary-fg:#fff;--kc-warning-bg:#7a4f10;--kc-warning-fg:#fff;--kc-danger-bg:#8c351a;--kc-danger-fg:#fff;--kc-success-bg:#525a22;--kc-success-fg:#fff}@media(prefers-color-scheme:dark){:root{--kc-bg:#121417;--kc-fg:#e6e8eb;--kc-link:#6bd1a7;--kc-link-hover:#9ce3c2;--kc-link-visited:#c8a8e0;--kc-border-radius:5px;--kc-card-bg:#1b1e22;--kc-card-fg:#e6e8eb;--kc-focus-ring:#6bd1a7;--kc-modal-backdrop:color-mix(in srgb,#e6e8eb 22%,#0000);--kc-default-bg:#1b1e22;--kc-default-fg:#e6e8eb;--kc-primary-bg:#1f6e51;--kc-primary-fg:#f4f7fb;--kc-warning-bg:#b8991e;--kc-warning-fg:#1b1b13;--kc-danger-bg:#a2481a;--kc-danger-fg:#fff6f0;--kc-success-bg:#5c6529;--kc-success-fg:#f3f6e5}}.theme-dark{--kc-bg:#121417;--kc-fg:#e6e8eb;--kc-link:#6bd1a7;--kc-link-hover:#9ce3c2;--kc-link-visited:#c8a8e0;--kc-border-radius:5px;--kc-card-bg:#1b1e22;--kc-card-fg:#e6e8eb;--kc-focus-ring:#6bd1a7;--kc-modal-backdrop:color-mix(in srgb,#e6e8eb 22%,#0000);--kc-default-bg:#1b1e22;--kc-default-fg:#e6e8eb;--kc-primary-bg:#1f6e51;--kc-primary-fg:#f4f7fb;--kc-warning-bg:#b8991e;--kc-warning-fg:#1b1b13;--kc-danger-bg:#a2481a;--kc-danger-fg:#fff6f0;--kc-success-bg:#5c6529;--kc-success-fg:#f3f6e5}.lh-1{line-height:1!important}.lh-sm{line-height:1.25!important}.lh-base{line-height:1.5!important}.lh-lg{line-height:2!important}
package/dist/helper/object-fit.css ADDED
@@ -0,0 +1,133 @@
1
+ :root {
2
+ --kc-bg: #ffffff;
3
+ --kc-fg: #27282b;
4
+ --kc-link: #1a6347;
5
+ --kc-link-hover: #525a22;
6
+ --kc-link-visited: #8c351a;
7
+ --kc-border-radius: 5px;
8
+ --kc-card-bg: #ffffff;
9
+ --kc-card-fg: #27282b;
10
+ --kc-focus-ring: #1a6347;
11
+ --kc-default-bg: #ffffff;
12
+ --kc-default-fg: #27282b;
13
+ --kc-primary-bg: #247d59;
14
+ --kc-primary-fg: #ffffff;
15
+ --kc-warning-bg: #7a4f10;
16
+ --kc-warning-fg: #ffffff;
17
+ --kc-danger-bg: #8c351a;
18
+ --kc-danger-fg: #ffffff;
19
+ --kc-success-bg: #525a22;
20
+ --kc-success-fg: #ffffff;
21
+ }
22
+
23
+ @media (prefers-color-scheme: light) {
24
+ :root {
25
+ --kc-bg: #ffffff;
26
+ --kc-fg: #27282b;
27
+ --kc-link: #1a6347;
28
+ --kc-link-hover: #525a22;
29
+ --kc-link-visited: #8c351a;
30
+ --kc-border-radius: 5px;
31
+ --kc-card-bg: #ffffff;
32
+ --kc-card-fg: #27282b;
33
+ --kc-focus-ring: #1a6347;
34
+ --kc-default-bg: #ffffff;
35
+ --kc-default-fg: #27282b;
36
+ --kc-primary-bg: #247d59;
37
+ --kc-primary-fg: #ffffff;
38
+ --kc-warning-bg: #7a4f10;
39
+ --kc-warning-fg: #ffffff;
40
+ --kc-danger-bg: #8c351a;
41
+ --kc-danger-fg: #ffffff;
42
+ --kc-success-bg: #525a22;
43
+ --kc-success-fg: #ffffff;
44
+ }
45
+ }
46
+ :root.theme-light {
47
+ --kc-bg: #ffffff;
48
+ --kc-fg: #27282b;
49
+ --kc-link: #1a6347;
50
+ --kc-link-hover: #525a22;
51
+ --kc-link-visited: #8c351a;
52
+ --kc-border-radius: 5px;
53
+ --kc-card-bg: #ffffff;
54
+ --kc-card-fg: #27282b;
55
+ --kc-focus-ring: #1a6347;
56
+ --kc-default-bg: #ffffff;
57
+ --kc-default-fg: #27282b;
58
+ --kc-primary-bg: #247d59;
59
+ --kc-primary-fg: #ffffff;
60
+ --kc-warning-bg: #7a4f10;
61
+ --kc-warning-fg: #ffffff;
62
+ --kc-danger-bg: #8c351a;
63
+ --kc-danger-fg: #ffffff;
64
+ --kc-success-bg: #525a22;
65
+ --kc-success-fg: #ffffff;
66
+ }
67
+
68
+ @media (prefers-color-scheme: dark) {
69
+ :root {
70
+ --kc-bg: #121417;
71
+ --kc-fg: #e6e8eb;
72
+ --kc-link: #6bd1a7;
73
+ --kc-link-hover: #9ce3c2;
74
+ --kc-link-visited: #c8a8e0;
75
+ --kc-border-radius: 5px;
76
+ --kc-card-bg: #1b1e22;
77
+ --kc-card-fg: #e6e8eb;
78
+ --kc-focus-ring: #6bd1a7;
79
+ --kc-modal-backdrop: color-mix(in srgb, #e6e8eb 22%, transparent);
80
+ --kc-default-bg: #1b1e22;
81
+ --kc-default-fg: #e6e8eb;
82
+ --kc-primary-bg: #1f6e51;
83
+ --kc-primary-fg: #f4f7fb;
84
+ --kc-warning-bg: #b8991e;
85
+ --kc-warning-fg: #1b1b13;
86
+ --kc-danger-bg: #a2481a;
87
+ --kc-danger-fg: #fff6f0;
88
+ --kc-success-bg: #5c6529;
89
+ --kc-success-fg: #f3f6e5;
90
+ }
91
+ }
92
+ .theme-dark {
93
+ --kc-bg: #121417;
94
+ --kc-fg: #e6e8eb;
95
+ --kc-link: #6bd1a7;
96
+ --kc-link-hover: #9ce3c2;
97
+ --kc-link-visited: #c8a8e0;
98
+ --kc-border-radius: 5px;
99
+ --kc-card-bg: #1b1e22;
100
+ --kc-card-fg: #e6e8eb;
101
+ --kc-focus-ring: #6bd1a7;
102
+ --kc-modal-backdrop: color-mix(in srgb, #e6e8eb 22%, transparent);
103
+ --kc-default-bg: #1b1e22;
104
+ --kc-default-fg: #e6e8eb;
105
+ --kc-primary-bg: #1f6e51;
106
+ --kc-primary-fg: #f4f7fb;
107
+ --kc-warning-bg: #b8991e;
108
+ --kc-warning-fg: #1b1b13;
109
+ --kc-danger-bg: #a2481a;
110
+ --kc-danger-fg: #fff6f0;
111
+ --kc-success-bg: #5c6529;
112
+ --kc-success-fg: #f3f6e5;
113
+ }
114
+
115
+ .has-object-fit-contain {
116
+ object-fit: contain !important;
117
+ }
118
+
119
+ .has-object-fit-cover {
120
+ object-fit: cover !important;
121
+ }
122
+
123
+ .has-object-fit-fill {
124
+ object-fit: fill !important;
125
+ }
126
+
127
+ .has-object-fit-scale-down {
128
+ object-fit: scale-down !important;
129
+ }
130
+
131
+ .has-object-fit-none {
132
+ object-fit: none !important;
133
+ }
package/dist/helper/object-fit.min.css ADDED
@@ -0,0 +1 @@
1
+ :root{--kc-bg:#fff;--kc-fg:#27282b;--kc-link:#1a6347;--kc-link-hover:#525a22;--kc-link-visited:#8c351a;--kc-border-radius:5px;--kc-card-bg:#fff;--kc-card-fg:#27282b;--kc-focus-ring:#1a6347;--kc-default-bg:#fff;--kc-default-fg:#27282b;--kc-primary-bg:#247d59;--kc-primary-fg:#fff;--kc-warning-bg:#7a4f10;--kc-warning-fg:#fff;--kc-danger-bg:#8c351a;--kc-danger-fg:#fff;--kc-success-bg:#525a22;--kc-success-fg:#fff}@media(prefers-color-scheme:light){:root{--kc-bg:#fff;--kc-fg:#27282b;--kc-link:#1a6347;--kc-link-hover:#525a22;--kc-link-visited:#8c351a;--kc-border-radius:5px;--kc-card-bg:#fff;--kc-card-fg:#27282b;--kc-focus-ring:#1a6347;--kc-default-bg:#fff;--kc-default-fg:#27282b;--kc-primary-bg:#247d59;--kc-primary-fg:#fff;--kc-warning-bg:#7a4f10;--kc-warning-fg:#fff;--kc-danger-bg:#8c351a;--kc-danger-fg:#fff;--kc-success-bg:#525a22;--kc-success-fg:#fff}}:root.theme-light{--kc-bg:#fff;--kc-fg:#27282b;--kc-link:#1a6347;--kc-link-hover:#525a22;--kc-link-visited:#8c351a;--kc-border-radius:5px;--kc-card-bg:#fff;--kc-card-fg:#27282b;--kc-focus-ring:#1a6347;--kc-default-bg:#fff;--kc-default-fg:#27282b;--kc-primary-bg:#247d59;--kc-primary-fg:#fff;--kc-warning-bg:#7a4f10;--kc-warning-fg:#fff;--kc-danger-bg:#8c351a;--kc-danger-fg:#fff;--kc-success-bg:#525a22;--kc-success-fg:#fff}@media(prefers-color-scheme:dark){:root{--kc-bg:#121417;--kc-fg:#e6e8eb;--kc-link:#6bd1a7;--kc-link-hover:#9ce3c2;--kc-link-visited:#c8a8e0;--kc-border-radius:5px;--kc-card-bg:#1b1e22;--kc-card-fg:#e6e8eb;--kc-focus-ring:#6bd1a7;--kc-modal-backdrop:color-mix(in srgb,#e6e8eb 22%,#0000);--kc-default-bg:#1b1e22;--kc-default-fg:#e6e8eb;--kc-primary-bg:#1f6e51;--kc-primary-fg:#f4f7fb;--kc-warning-bg:#b8991e;--kc-warning-fg:#1b1b13;--kc-danger-bg:#a2481a;--kc-danger-fg:#fff6f0;--kc-success-bg:#5c6529;--kc-success-fg:#f3f6e5}}.theme-dark{--kc-bg:#121417;--kc-fg:#e6e8eb;--kc-link:#6bd1a7;--kc-link-hover:#9ce3c2;--kc-link-visited:#c8a8e0;--kc-border-radius:5px;--kc-card-bg:#1b1e22;--kc-card-fg:#e6e8eb;--kc-focus-ring:#6bd1a7;--kc-modal-backdrop:color-mix(in srgb,#e6e8eb 22%,#0000);--kc-default-bg:#1b1e22;--kc-default-fg:#e6e8eb;--kc-primary-bg:#1f6e51;--kc-primary-fg:#f4f7fb;--kc-warning-bg:#b8991e;--kc-warning-fg:#1b1b13;--kc-danger-bg:#a2481a;--kc-danger-fg:#fff6f0;--kc-success-bg:#5c6529;--kc-success-fg:#f3f6e5}.has-object-fit-contain{object-fit:contain!important}.has-object-fit-cover{object-fit:cover!important}.has-object-fit-fill{object-fit:fill!important}.has-object-fit-scale-down{object-fit:scale-down!important}.has-object-fit-none{object-fit:none!important}