@kickstartds/ds-agency-premium 1.6.68--canary.1557.6fbeeea.0 → 1.6.68--canary.1561.e2b3b8b.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.
- package/dist/components/button/button.css +2 -2
- package/dist/components/headline/headline.css +1 -1
- package/dist/components/hero/hero.css +1 -1
- package/dist/components/page-wrapper/tokens.css +402 -706
- package/dist/components/video-curtain/index.js +1 -0
- package/dist/components/video-curtain/video-curtain.css +5 -1
- package/dist/global.css +40 -4
- package/dist/static/fonts/systemics/WorkSans-Bold.woff2 +0 -0
- package/dist/static/fonts/systemics/WorkSans-Medium.woff2 +0 -0
- package/dist/static/fonts/systemics/WorkSans-Regular.woff2 +0 -0
- package/dist/static/fonts/systemics/WorkSans-SemiBold.woff2 +0 -0
- package/dist/static/fonts/systemics/inter-v18-latin-500.woff2 +0 -0
- package/dist/static/fonts/systemics/inter-v18-latin-600.woff2 +0 -0
- package/dist/static/fonts/systemics/inter-v18-latin-700.woff2 +0 -0
- package/dist/static/fonts/systemics/inter-v18-latin-regular.woff2 +0 -0
- package/dist/static/img/kickstartDS/CMS-Starter producthunt-slide-01.svg +72 -0
- package/dist/static/img/kickstartDS/CMS-Starter producthunt-slide-02.svg +112 -0
- package/dist/static/img/kickstartDS/CMS-Starter producthunt-slide-03.svg +197 -0
- package/dist/static/img/kickstartDS/CMS-Starter producthunt-slide-04.svg +76 -0
- package/dist/static/img/kickstartDS/CMS-Starter producthunt-slide-05.svg +82 -0
- package/dist/static/img/kickstartDS/CMS-Starter producthunt-slide-06.svg +219 -0
- package/dist/static/img/kickstartDS/CMS-Starter producthunt-slide-07.svg +85 -0
- package/dist/static/logo-dark.svg +13 -0
- package/dist/static/logo-dsa.svg +26 -0
- package/dist/static/logo.svg +12 -25
- package/dist/tokens/themes.css +4 -4
- package/dist/tokens/tokens.css +402 -706
- package/dist/tokens/tokens.js +613 -720
- package/package.json +1 -1
package/dist/tokens/tokens.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Fri, 09 May 2025 08:01:40 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root, [ks-theme] {
|
|
@@ -32,14 +32,14 @@
|
|
|
32
32
|
--ks-background-color-interface-inverted-interactive-hover-base: var(--ks-color-fg-inverted-alpha-6-base);
|
|
33
33
|
--ks-background-color-interface-inverted-interactive-active-base: var(--ks-color-fg-inverted-alpha-6-base);
|
|
34
34
|
--ks-background-color-interface-inverted-interactive-selected-base: var(--ks-color-primary-inverted-base);
|
|
35
|
-
--ks-background-color-card-base: var(--ks-color-fg-
|
|
36
|
-
--ks-background-color-card-interactive-base: var(--ks-color-fg-alpha-
|
|
35
|
+
--ks-background-color-card-base: var(--ks-color-fg-alpha-9-base);
|
|
36
|
+
--ks-background-color-card-interactive-base: var(--ks-color-fg-alpha-8-base);
|
|
37
37
|
--ks-background-color-card-interactive-disabled-base: var(--ks-color-fg-alpha-7-base);
|
|
38
38
|
--ks-background-color-card-interactive-hover-base: var(--ks-color-fg-alpha-9-base);
|
|
39
39
|
--ks-background-color-card-interactive-active-base: var(--ks-color-fg-alpha-9-base);
|
|
40
40
|
--ks-background-color-card-interactive-selected-base: var(--ks-color-primary-base);
|
|
41
|
-
--ks-background-color-card-inverted-base: var(--ks-color-fg-inverted-
|
|
42
|
-
--ks-background-color-card-inverted-interactive-base: var(--ks-color-fg-inverted-alpha-
|
|
41
|
+
--ks-background-color-card-inverted-base: var(--ks-color-fg-inverted-alpha-9-base);
|
|
42
|
+
--ks-background-color-card-inverted-interactive-base: var(--ks-color-fg-inverted-alpha-8-base);
|
|
43
43
|
--ks-background-color-card-inverted-interactive-disabled-base: var(--ks-color-fg-inverted-alpha-7-base);
|
|
44
44
|
--ks-background-color-card-inverted-interactive-hover-base: var(--ks-color-fg-inverted-alpha-9-base);
|
|
45
45
|
--ks-background-color-card-inverted-interactive-active-base: var(--ks-color-fg-inverted-alpha-9-base);
|
|
@@ -104,20 +104,8 @@
|
|
|
104
104
|
--ks-background-color-negative-inverted-interactive-active-base: var(--ks-color-negative-inverted-to-bg-2-base);
|
|
105
105
|
--ks-background-color-negative-inverted-interactive-selected-base: var(--ks-color-negative-inverted-to-bg-4-base);
|
|
106
106
|
--ks-background-color-negative-inverted-translucent-base: var(--ks-color-negative-inverted-alpha-5-base);
|
|
107
|
-
--ks-
|
|
108
|
-
--ks-
|
|
109
|
-
--ks-background-color-secondary-interactive-hover-base: var(--ks-color-secondary-to-bg-2-base);
|
|
110
|
-
--ks-background-color-secondary-interactive-active-base: var(--ks-color-secondary-to-bg-2-base);
|
|
111
|
-
--ks-background-color-secondary-interactive-selected-base: var(--ks-color-secondary-to-bg-4-base);
|
|
112
|
-
--ks-background-color-secondary-translucent-base: var(--ks-color-secondary-alpha-5-base);
|
|
113
|
-
--ks-background-color-secondary-inverted-base: var(--ks-color-secondary-inverted-base);
|
|
114
|
-
--ks-background-color-secondary-inverted-interactive-base: var(--ks-color-secondary-inverted-base);
|
|
115
|
-
--ks-background-color-secondary-inverted-interactive-hover-base: var(--ks-color-secondary-inverted-to-bg-2-base);
|
|
116
|
-
--ks-background-color-secondary-inverted-interactive-active-base: var(--ks-color-secondary-inverted-to-bg-2-base);
|
|
117
|
-
--ks-background-color-secondary-inverted-interactive-selected-base: var(--ks-color-secondary-inverted-to-bg-4-base);
|
|
118
|
-
--ks-background-color-secondary-inverted-translucent-base: var(--ks-color-secondary-inverted-alpha-5-base);
|
|
119
|
-
--ks-border-color-accent-base: var(--ks-color-primary-alpha-7-base);
|
|
120
|
-
--ks-border-color-accent-inverted-base: var(--ks-color-primary-inverted-alpha-7-base);
|
|
107
|
+
--ks-border-color-accent-base: var(--ks-color-primary-to-bg-8-base);
|
|
108
|
+
--ks-border-color-accent-inverted-base: var(--ks-color-primary-inverted-to-bg-8-base);
|
|
121
109
|
--ks-border-color-clear-base: var(--ks-color-transparent-base);
|
|
122
110
|
--ks-border-color-clear-interactive-base: var(--ks-color-transparent-base);
|
|
123
111
|
--ks-border-color-clear-interactive-hover-base: var(--ks-color-primary-alpha-8-base);
|
|
@@ -128,8 +116,8 @@
|
|
|
128
116
|
--ks-border-color-clear-inverted-interactive-hover-base: var(--ks-color-primary-inverted-alpha-7-base);
|
|
129
117
|
--ks-border-color-clear-inverted-interactive-active-base: var(--ks-color-primary-inverted-alpha-6-base);
|
|
130
118
|
--ks-border-color-clear-inverted-interactive-selected-base: var(--ks-color-primary-inverted-alpha-5-base);
|
|
131
|
-
--ks-border-color-default-base: var(--ks-color-fg-
|
|
132
|
-
--ks-border-color-default-inverted-base: var(--ks-color-fg-
|
|
119
|
+
--ks-border-color-default-base: var(--ks-color-fg-inverted-base);
|
|
120
|
+
--ks-border-color-default-inverted-base: var(--ks-color-fg-alpha-3-base);
|
|
133
121
|
--ks-border-color-interface-base: var(--ks-color-fg-alpha-8-base);
|
|
134
122
|
--ks-border-color-interface-interactive-base: var(--ks-color-fg-alpha-7-base);
|
|
135
123
|
--ks-border-color-interface-interactive-disabled-base: var(--ks-color-fg-alpha-8-base);
|
|
@@ -143,16 +131,16 @@
|
|
|
143
131
|
--ks-border-color-interface-inverted-interactive-active-base: var(--ks-color-fg-inverted-alpha-5-base);
|
|
144
132
|
--ks-border-color-interface-inverted-interactive-selected-base: var(--ks-color-primary-inverted-base);
|
|
145
133
|
--ks-border-color-card-base: var(--ks-color-fg-alpha-9-base);
|
|
146
|
-
--ks-border-color-card-interactive-base: var(--ks-color-fg-alpha-
|
|
134
|
+
--ks-border-color-card-interactive-base: var(--ks-color-fg-alpha-7-base);
|
|
147
135
|
--ks-border-color-card-interactive-disabled-base: var(--ks-color-fg-alpha-8-base);
|
|
148
|
-
--ks-border-color-card-interactive-hover-base: var(--ks-color-fg-alpha-
|
|
149
|
-
--ks-border-color-card-interactive-active-base: var(--ks-color-fg-alpha-
|
|
136
|
+
--ks-border-color-card-interactive-hover-base: var(--ks-color-fg-alpha-5-base);
|
|
137
|
+
--ks-border-color-card-interactive-active-base: var(--ks-color-fg-alpha-3-base);
|
|
150
138
|
--ks-border-color-card-interactive-selected-base: var(--ks-color-primary-base);
|
|
151
139
|
--ks-border-color-card-inverted-base: var(--ks-color-fg-inverted-alpha-9-base);
|
|
152
|
-
--ks-border-color-card-inverted-interactive-base: var(--ks-color-fg-inverted-alpha-
|
|
140
|
+
--ks-border-color-card-inverted-interactive-base: var(--ks-color-fg-inverted-alpha-5-base);
|
|
153
141
|
--ks-border-color-card-inverted-interactive-disabled-base: var(--ks-color-fg-inverted-alpha-2-base);
|
|
154
|
-
--ks-border-color-card-inverted-interactive-hover-base: var(--ks-color-fg-inverted-alpha-
|
|
155
|
-
--ks-border-color-card-inverted-interactive-active-base: var(--ks-color-fg-inverted-alpha-
|
|
142
|
+
--ks-border-color-card-inverted-interactive-hover-base: var(--ks-color-fg-inverted-alpha-3-base);
|
|
143
|
+
--ks-border-color-card-inverted-interactive-active-base: var(--ks-color-fg-inverted-alpha-1-base);
|
|
156
144
|
--ks-border-color-card-inverted-interactive-selected-base: var(--ks-color-primary-inverted-base);
|
|
157
145
|
--ks-border-color-primary-base: var(--ks-color-primary-base);
|
|
158
146
|
--ks-border-color-primary-interactive-base: var(--ks-color-primary-base);
|
|
@@ -214,24 +202,11 @@
|
|
|
214
202
|
--ks-border-color-negative-inverted-interactive-active-base: var(--ks-color-negative-inverted-to-bg-3-base);
|
|
215
203
|
--ks-border-color-negative-inverted-interactive-selected-base: var(--ks-color-negative-inverted-base);
|
|
216
204
|
--ks-border-color-negative-inverted-translucent-base: var(--ks-color-negative-inverted-alpha-2-base);
|
|
217
|
-
--ks-border-color-secondary-base: var(--ks-color-secondary-base);
|
|
218
|
-
--ks-border-color-secondary-interactive-base: var(--ks-color-secondary-base);
|
|
219
|
-
--ks-border-color-secondary-interactive-hover-base: var(--ks-color-secondary-to-bg-2-base);
|
|
220
|
-
--ks-border-color-secondary-interactive-active-base: var(--ks-color-secondary-to-bg-3-base);
|
|
221
|
-
--ks-border-color-secondary-interactive-selected-base: var(--ks-color-secondary-base);
|
|
222
|
-
--ks-border-color-secondary-translucent-base: var(--ks-color-secondary-alpha-2-base);
|
|
223
|
-
--ks-border-color-secondary-inverted-base: var(--ks-color-secondary-inverted-base);
|
|
224
|
-
--ks-border-color-secondary-inverted-interactive-base: var(--ks-color-secondary-inverted-base);
|
|
225
|
-
--ks-border-color-secondary-inverted-interactive-hover-base: var(--ks-color-secondary-inverted-to-bg-2-base);
|
|
226
|
-
--ks-border-color-secondary-inverted-interactive-active-base: var(--ks-color-secondary-inverted-to-bg-3-base);
|
|
227
|
-
--ks-border-color-secondary-inverted-interactive-selected-base: var(--ks-color-secondary-inverted-base);
|
|
228
|
-
--ks-border-color-secondary-inverted-translucent-base: var(--ks-color-secondary-inverted-alpha-2-base);
|
|
229
205
|
--ks-border-width-default: 1px;
|
|
230
206
|
--ks-border-width-emphasized: 2px;
|
|
231
|
-
--ks-border-radius-control:
|
|
232
|
-
--ks-border-radius-card:
|
|
233
|
-
--ks-border-radius-surface:
|
|
234
|
-
--ks-border-radius-image: 0px;
|
|
207
|
+
--ks-border-radius-control: 8px;
|
|
208
|
+
--ks-border-radius-card: 8px;
|
|
209
|
+
--ks-border-radius-surface: 16px;
|
|
235
210
|
--ks-border-radius-pill: 999px;
|
|
236
211
|
--ks-border-radius-circle: 50%;
|
|
237
212
|
--ks-box-shadow-opacity-control: 0.2;
|
|
@@ -246,18 +221,18 @@
|
|
|
246
221
|
--ks-box-shadow-opacity-surface-hover: 0.2;
|
|
247
222
|
--ks-box-shadow-opacity-surface-inverted: 0.1;
|
|
248
223
|
--ks-box-shadow-opacity-surface-inverted-hover: 0.2;
|
|
249
|
-
--ks-box-shadow-color-control: rgba(
|
|
250
|
-
--ks-box-shadow-color-control-hover: rgba(
|
|
251
|
-
--ks-box-shadow-color-control-inverted: rgba(
|
|
252
|
-
--ks-box-shadow-color-control-inverted-hover: rgba(
|
|
253
|
-
--ks-box-shadow-color-card: rgba(
|
|
254
|
-
--ks-box-shadow-color-card-hover: rgba(
|
|
255
|
-
--ks-box-shadow-color-card-inverted: rgba(
|
|
256
|
-
--ks-box-shadow-color-card-inverted-hover: rgba(
|
|
257
|
-
--ks-box-shadow-color-surface: rgba(
|
|
258
|
-
--ks-box-shadow-color-surface-hover: rgba(
|
|
259
|
-
--ks-box-shadow-color-surface-inverted: rgba(
|
|
260
|
-
--ks-box-shadow-color-surface-inverted-hover: rgba(
|
|
224
|
+
--ks-box-shadow-color-control: rgba(6,8,31,var(--ks-box-shadow-opacity-control));
|
|
225
|
+
--ks-box-shadow-color-control-hover: rgba(6,8,31,var(--ks-box-shadow-opacity-control-hover));
|
|
226
|
+
--ks-box-shadow-color-control-inverted: rgba(6,8,31,var(--ks-box-shadow-opacity-control-inverted));
|
|
227
|
+
--ks-box-shadow-color-control-inverted-hover: rgba(6,8,31,var(--ks-box-shadow-opacity-control-inverted-hover));
|
|
228
|
+
--ks-box-shadow-color-card: rgba(6,8,31,var(--ks-box-shadow-opacity-card));
|
|
229
|
+
--ks-box-shadow-color-card-hover: rgba(6,8,31,var(--ks-box-shadow-opacity-card-hover));
|
|
230
|
+
--ks-box-shadow-color-card-inverted: rgba(6,8,31,var(--ks-box-shadow-opacity-card-inverted));
|
|
231
|
+
--ks-box-shadow-color-card-inverted-hover: rgba(6,8,31,var(--ks-box-shadow-opacity-card-inverted-hover));
|
|
232
|
+
--ks-box-shadow-color-surface: rgba(6,8,31,var(--ks-box-shadow-opacity-surface));
|
|
233
|
+
--ks-box-shadow-color-surface-hover: rgba(6,8,31,var(--ks-box-shadow-opacity-surface-hover));
|
|
234
|
+
--ks-box-shadow-color-surface-inverted: rgba(6,8,31,var(--ks-box-shadow-opacity-surface-inverted));
|
|
235
|
+
--ks-box-shadow-color-surface-inverted-hover: rgba(6,8,31,var(--ks-box-shadow-opacity-surface-inverted-hover));
|
|
261
236
|
--ks-box-shadow-control: 0 1px 2.75px var(--ks-box-shadow-color-control);
|
|
262
237
|
--ks-box-shadow-control-hover: 0 1px 5.5px var(--ks-box-shadow-color-control-hover);
|
|
263
238
|
--ks-box-shadow-control-inverted: 0 1px 2.75px var(--ks-box-shadow-color-control-inverted);
|
|
@@ -270,195 +245,195 @@
|
|
|
270
245
|
--ks-box-shadow-surface-hover: 0 1px 22px var(--ks-box-shadow-color-surface-hover);
|
|
271
246
|
--ks-box-shadow-surface-inverted: 0 1px 11px var(--ks-box-shadow-color-surface-inverted);
|
|
272
247
|
--ks-box-shadow-surface-inverted-hover: 0 1px 22px var(--ks-box-shadow-color-surface-inverted-hover);
|
|
273
|
-
--ks-color-fg-base: #
|
|
274
|
-
--ks-color-fg-alpha-1-base:
|
|
275
|
-
--ks-color-fg-alpha-2-base:
|
|
276
|
-
--ks-color-fg-alpha-3-base:
|
|
277
|
-
--ks-color-fg-alpha-4-base:
|
|
278
|
-
--ks-color-fg-alpha-5-base:
|
|
279
|
-
--ks-color-fg-alpha-6-base:
|
|
280
|
-
--ks-color-fg-alpha-7-base:
|
|
281
|
-
--ks-color-fg-alpha-8-base:
|
|
282
|
-
--ks-color-fg-alpha-9-base:
|
|
283
|
-
--ks-color-fg-to-bg-1-base: #
|
|
284
|
-
--ks-color-fg-to-bg-2-base: #
|
|
285
|
-
--ks-color-fg-to-bg-3-base: #
|
|
286
|
-
--ks-color-fg-to-bg-4-base: #
|
|
248
|
+
--ks-color-fg-base: #06081f;
|
|
249
|
+
--ks-color-fg-alpha-1-base: rgba(6,8,31,.95);
|
|
250
|
+
--ks-color-fg-alpha-2-base: rgba(6,8,31,.87);
|
|
251
|
+
--ks-color-fg-alpha-3-base: rgba(6,8,31,.76);
|
|
252
|
+
--ks-color-fg-alpha-4-base: rgba(6,8,31,.63);
|
|
253
|
+
--ks-color-fg-alpha-5-base: rgba(6,8,31,.5);
|
|
254
|
+
--ks-color-fg-alpha-6-base: rgba(6,8,31,.37);
|
|
255
|
+
--ks-color-fg-alpha-7-base: rgba(6,8,31,.24);
|
|
256
|
+
--ks-color-fg-alpha-8-base: rgba(6,8,31,.13);
|
|
257
|
+
--ks-color-fg-alpha-9-base: rgba(6,8,31,.05);
|
|
258
|
+
--ks-color-fg-to-bg-1-base: #12142a;
|
|
259
|
+
--ks-color-fg-to-bg-2-base: #26283c;
|
|
260
|
+
--ks-color-fg-to-bg-3-base: #424355;
|
|
261
|
+
--ks-color-fg-to-bg-4-base: #626372;
|
|
287
262
|
--ks-color-fg-to-bg-5-base: #83848f;
|
|
288
|
-
--ks-color-fg-to-bg-6-base: #
|
|
289
|
-
--ks-color-fg-to-bg-7-base: #
|
|
290
|
-
--ks-color-fg-to-bg-8-base: #
|
|
291
|
-
--ks-color-fg-to-bg-9-base: #
|
|
292
|
-
--ks-color-fg-inverted-base: #
|
|
293
|
-
--ks-color-fg-inverted-alpha-1-base:
|
|
294
|
-
--ks-color-fg-inverted-alpha-2-base:
|
|
295
|
-
--ks-color-fg-inverted-alpha-3-base:
|
|
296
|
-
--ks-color-fg-inverted-alpha-4-base:
|
|
297
|
-
--ks-color-fg-inverted-alpha-5-base:
|
|
298
|
-
--ks-color-fg-inverted-alpha-6-base:
|
|
299
|
-
--ks-color-fg-inverted-alpha-7-base:
|
|
300
|
-
--ks-color-fg-inverted-alpha-8-base:
|
|
301
|
-
--ks-color-fg-inverted-alpha-9-base:
|
|
302
|
-
--ks-color-fg-inverted-to-bg-1-base: #
|
|
303
|
-
--ks-color-fg-inverted-to-bg-2-base: #
|
|
304
|
-
--ks-color-fg-inverted-to-bg-3-base: #
|
|
305
|
-
--ks-color-fg-inverted-to-bg-4-base: #
|
|
306
|
-
--ks-color-fg-inverted-to-bg-5-base: #
|
|
307
|
-
--ks-color-fg-inverted-to-bg-6-base: #
|
|
308
|
-
--ks-color-fg-inverted-to-bg-7-base: #
|
|
309
|
-
--ks-color-fg-inverted-to-bg-8-base: #
|
|
310
|
-
--ks-color-fg-inverted-to-bg-9-base: #
|
|
311
|
-
--ks-color-bg-base: #
|
|
312
|
-
--ks-color-bg-alpha-1-base:
|
|
313
|
-
--ks-color-bg-alpha-2-base:
|
|
314
|
-
--ks-color-bg-alpha-3-base:
|
|
315
|
-
--ks-color-bg-alpha-4-base:
|
|
316
|
-
--ks-color-bg-alpha-5-base:
|
|
317
|
-
--ks-color-bg-alpha-6-base:
|
|
318
|
-
--ks-color-bg-alpha-7-base:
|
|
319
|
-
--ks-color-bg-alpha-8-base:
|
|
320
|
-
--ks-color-bg-alpha-9-base:
|
|
321
|
-
--ks-color-bg-to-fg-1-base: #
|
|
322
|
-
--ks-color-bg-to-fg-2-base: #
|
|
323
|
-
--ks-color-bg-to-fg-3-base: #
|
|
324
|
-
--ks-color-bg-to-fg-4-base: #
|
|
263
|
+
--ks-color-fg-to-bg-6-base: #a3a4ac;
|
|
264
|
+
--ks-color-fg-to-bg-7-base: #c3c4c9;
|
|
265
|
+
--ks-color-fg-to-bg-8-base: #dfdfe2;
|
|
266
|
+
--ks-color-fg-to-bg-9-base: #f3f3f4;
|
|
267
|
+
--ks-color-fg-inverted-base: #fff;
|
|
268
|
+
--ks-color-fg-inverted-alpha-1-base: hsla(0,0%,100%,.95);
|
|
269
|
+
--ks-color-fg-inverted-alpha-2-base: hsla(0,0%,100%,.87);
|
|
270
|
+
--ks-color-fg-inverted-alpha-3-base: hsla(0,0%,100%,.76);
|
|
271
|
+
--ks-color-fg-inverted-alpha-4-base: hsla(0,0%,100%,.63);
|
|
272
|
+
--ks-color-fg-inverted-alpha-5-base: hsla(0,0%,100%,.5);
|
|
273
|
+
--ks-color-fg-inverted-alpha-6-base: hsla(0,0%,100%,.37);
|
|
274
|
+
--ks-color-fg-inverted-alpha-7-base: hsla(0,0%,100%,.24);
|
|
275
|
+
--ks-color-fg-inverted-alpha-8-base: hsla(0,0%,100%,.13);
|
|
276
|
+
--ks-color-fg-inverted-alpha-9-base: hsla(0,0%,100%,.05);
|
|
277
|
+
--ks-color-fg-inverted-to-bg-1-base: #f3f3f4;
|
|
278
|
+
--ks-color-fg-inverted-to-bg-2-base: #dfdfe2;
|
|
279
|
+
--ks-color-fg-inverted-to-bg-3-base: #c3c4c9;
|
|
280
|
+
--ks-color-fg-inverted-to-bg-4-base: #a3a4ac;
|
|
281
|
+
--ks-color-fg-inverted-to-bg-5-base: #83848f;
|
|
282
|
+
--ks-color-fg-inverted-to-bg-6-base: #626372;
|
|
283
|
+
--ks-color-fg-inverted-to-bg-7-base: #424355;
|
|
284
|
+
--ks-color-fg-inverted-to-bg-8-base: #26283c;
|
|
285
|
+
--ks-color-fg-inverted-to-bg-9-base: #12142a;
|
|
286
|
+
--ks-color-bg-base: #fff;
|
|
287
|
+
--ks-color-bg-alpha-1-base: hsla(0,0%,100%,.95);
|
|
288
|
+
--ks-color-bg-alpha-2-base: hsla(0,0%,100%,.87);
|
|
289
|
+
--ks-color-bg-alpha-3-base: hsla(0,0%,100%,.76);
|
|
290
|
+
--ks-color-bg-alpha-4-base: hsla(0,0%,100%,.63);
|
|
291
|
+
--ks-color-bg-alpha-5-base: hsla(0,0%,100%,.5);
|
|
292
|
+
--ks-color-bg-alpha-6-base: hsla(0,0%,100%,.37);
|
|
293
|
+
--ks-color-bg-alpha-7-base: hsla(0,0%,100%,.24);
|
|
294
|
+
--ks-color-bg-alpha-8-base: hsla(0,0%,100%,.13);
|
|
295
|
+
--ks-color-bg-alpha-9-base: hsla(0,0%,100%,.05);
|
|
296
|
+
--ks-color-bg-to-fg-1-base: #f3f3f4;
|
|
297
|
+
--ks-color-bg-to-fg-2-base: #dfdfe2;
|
|
298
|
+
--ks-color-bg-to-fg-3-base: #c3c4c9;
|
|
299
|
+
--ks-color-bg-to-fg-4-base: #a3a4ac;
|
|
325
300
|
--ks-color-bg-to-fg-5-base: #83848f;
|
|
326
|
-
--ks-color-bg-to-fg-6-base: #
|
|
327
|
-
--ks-color-bg-to-fg-7-base: #
|
|
328
|
-
--ks-color-bg-to-fg-8-base: #
|
|
329
|
-
--ks-color-bg-to-fg-9-base: #
|
|
330
|
-
--ks-color-bg-inverted-base: #
|
|
331
|
-
--ks-color-bg-inverted-alpha-1-base:
|
|
332
|
-
--ks-color-bg-inverted-alpha-2-base:
|
|
333
|
-
--ks-color-bg-inverted-alpha-3-base:
|
|
334
|
-
--ks-color-bg-inverted-alpha-4-base:
|
|
335
|
-
--ks-color-bg-inverted-alpha-5-base:
|
|
336
|
-
--ks-color-bg-inverted-alpha-6-base:
|
|
337
|
-
--ks-color-bg-inverted-alpha-7-base:
|
|
338
|
-
--ks-color-bg-inverted-alpha-8-base:
|
|
339
|
-
--ks-color-bg-inverted-alpha-9-base:
|
|
340
|
-
--ks-color-bg-inverted-to-fg-1-base: #
|
|
341
|
-
--ks-color-bg-inverted-to-fg-2-base: #
|
|
342
|
-
--ks-color-bg-inverted-to-fg-3-base: #
|
|
343
|
-
--ks-color-bg-inverted-to-fg-4-base: #
|
|
344
|
-
--ks-color-bg-inverted-to-fg-5-base: #
|
|
345
|
-
--ks-color-bg-inverted-to-fg-6-base: #
|
|
346
|
-
--ks-color-bg-inverted-to-fg-7-base: #
|
|
347
|
-
--ks-color-bg-inverted-to-fg-8-base: #
|
|
348
|
-
--ks-color-bg-inverted-to-fg-9-base: #
|
|
301
|
+
--ks-color-bg-to-fg-6-base: #626372;
|
|
302
|
+
--ks-color-bg-to-fg-7-base: #424355;
|
|
303
|
+
--ks-color-bg-to-fg-8-base: #26283c;
|
|
304
|
+
--ks-color-bg-to-fg-9-base: #12142a;
|
|
305
|
+
--ks-color-bg-inverted-base: #06081f;
|
|
306
|
+
--ks-color-bg-inverted-alpha-1-base: rgba(6,8,31,.95);
|
|
307
|
+
--ks-color-bg-inverted-alpha-2-base: rgba(6,8,31,.87);
|
|
308
|
+
--ks-color-bg-inverted-alpha-3-base: rgba(6,8,31,.76);
|
|
309
|
+
--ks-color-bg-inverted-alpha-4-base: rgba(6,8,31,.63);
|
|
310
|
+
--ks-color-bg-inverted-alpha-5-base: rgba(6,8,31,.5);
|
|
311
|
+
--ks-color-bg-inverted-alpha-6-base: rgba(6,8,31,.37);
|
|
312
|
+
--ks-color-bg-inverted-alpha-7-base: rgba(6,8,31,.24);
|
|
313
|
+
--ks-color-bg-inverted-alpha-8-base: rgba(6,8,31,.13);
|
|
314
|
+
--ks-color-bg-inverted-alpha-9-base: rgba(6,8,31,.05);
|
|
315
|
+
--ks-color-bg-inverted-to-fg-1-base: #12142a;
|
|
316
|
+
--ks-color-bg-inverted-to-fg-2-base: #26283c;
|
|
317
|
+
--ks-color-bg-inverted-to-fg-3-base: #424355;
|
|
318
|
+
--ks-color-bg-inverted-to-fg-4-base: #626372;
|
|
319
|
+
--ks-color-bg-inverted-to-fg-5-base: #83848f;
|
|
320
|
+
--ks-color-bg-inverted-to-fg-6-base: #a3a4ac;
|
|
321
|
+
--ks-color-bg-inverted-to-fg-7-base: #c3c4c9;
|
|
322
|
+
--ks-color-bg-inverted-to-fg-8-base: #dfdfe2;
|
|
323
|
+
--ks-color-bg-inverted-to-fg-9-base: #f3f3f4;
|
|
349
324
|
--ks-color-transparent-base: rgba(0,0,0,0);
|
|
350
|
-
--ks-color-primary-base: #
|
|
351
|
-
--ks-color-primary-alpha-1-base: rgba(
|
|
352
|
-
--ks-color-primary-alpha-2-base: rgba(
|
|
353
|
-
--ks-color-primary-alpha-3-base: rgba(
|
|
354
|
-
--ks-color-primary-alpha-4-base: rgba(
|
|
355
|
-
--ks-color-primary-alpha-5-base: rgba(
|
|
356
|
-
--ks-color-primary-alpha-6-base: rgba(
|
|
357
|
-
--ks-color-primary-alpha-7-base: rgba(
|
|
358
|
-
--ks-color-primary-alpha-8-base: rgba(
|
|
359
|
-
--ks-color-primary-alpha-9-base: rgba(
|
|
360
|
-
--ks-color-primary-to-bg-1-base: #
|
|
361
|
-
--ks-color-primary-to-bg-2-base: #
|
|
362
|
-
--ks-color-primary-to-bg-3-base: #
|
|
363
|
-
--ks-color-primary-to-bg-4-base: #
|
|
364
|
-
--ks-color-primary-to-bg-5-base: #
|
|
365
|
-
--ks-color-primary-to-bg-6-base: #
|
|
366
|
-
--ks-color-primary-to-bg-7-base: #
|
|
367
|
-
--ks-color-primary-to-bg-8-base: #
|
|
368
|
-
--ks-color-primary-to-bg-9-base: #
|
|
369
|
-
--ks-color-primary-to-fg-1-base: #
|
|
370
|
-
--ks-color-primary-to-fg-2-base: #
|
|
371
|
-
--ks-color-primary-to-fg-3-base: #
|
|
372
|
-
--ks-color-primary-to-fg-4-base: #
|
|
373
|
-
--ks-color-primary-to-fg-5-base: #
|
|
374
|
-
--ks-color-primary-to-fg-6-base: #
|
|
375
|
-
--ks-color-primary-to-fg-7-base: #
|
|
376
|
-
--ks-color-primary-to-fg-8-base: #
|
|
377
|
-
--ks-color-primary-to-fg-9-base: #
|
|
378
|
-
--ks-color-primary-inverted-base: #
|
|
379
|
-
--ks-color-primary-inverted-alpha-1-base: rgba(
|
|
380
|
-
--ks-color-primary-inverted-alpha-2-base: rgba(
|
|
381
|
-
--ks-color-primary-inverted-alpha-3-base: rgba(
|
|
382
|
-
--ks-color-primary-inverted-alpha-4-base: rgba(
|
|
383
|
-
--ks-color-primary-inverted-alpha-5-base: rgba(
|
|
384
|
-
--ks-color-primary-inverted-alpha-6-base: rgba(
|
|
385
|
-
--ks-color-primary-inverted-alpha-7-base: rgba(
|
|
386
|
-
--ks-color-primary-inverted-alpha-8-base: rgba(
|
|
387
|
-
--ks-color-primary-inverted-alpha-9-base: rgba(
|
|
388
|
-
--ks-color-primary-inverted-to-bg-1-base: #
|
|
389
|
-
--ks-color-primary-inverted-to-bg-2-base: #
|
|
390
|
-
--ks-color-primary-inverted-to-bg-3-base: #
|
|
391
|
-
--ks-color-primary-inverted-to-bg-4-base: #
|
|
392
|
-
--ks-color-primary-inverted-to-bg-5-base: #
|
|
393
|
-
--ks-color-primary-inverted-to-bg-6-base: #
|
|
394
|
-
--ks-color-primary-inverted-to-bg-7-base: #
|
|
395
|
-
--ks-color-primary-inverted-to-bg-8-base: #
|
|
396
|
-
--ks-color-primary-inverted-to-bg-9-base: #
|
|
397
|
-
--ks-color-primary-inverted-to-fg-1-base: #
|
|
398
|
-
--ks-color-primary-inverted-to-fg-2-base: #
|
|
399
|
-
--ks-color-primary-inverted-to-fg-3-base: #
|
|
400
|
-
--ks-color-primary-inverted-to-fg-4-base: #
|
|
401
|
-
--ks-color-primary-inverted-to-fg-5-base: #
|
|
402
|
-
--ks-color-primary-inverted-to-fg-6-base: #
|
|
403
|
-
--ks-color-primary-inverted-to-fg-7-base: #
|
|
404
|
-
--ks-color-primary-inverted-to-fg-8-base: #
|
|
405
|
-
--ks-color-primary-inverted-to-fg-9-base: #
|
|
406
|
-
--ks-color-link-base: #
|
|
407
|
-
--ks-color-link-alpha-1-base: rgba(
|
|
408
|
-
--ks-color-link-alpha-2-base: rgba(
|
|
409
|
-
--ks-color-link-alpha-3-base: rgba(
|
|
410
|
-
--ks-color-link-alpha-4-base: rgba(
|
|
411
|
-
--ks-color-link-alpha-5-base: rgba(
|
|
412
|
-
--ks-color-link-alpha-6-base: rgba(
|
|
413
|
-
--ks-color-link-alpha-7-base: rgba(
|
|
414
|
-
--ks-color-link-alpha-8-base: rgba(
|
|
415
|
-
--ks-color-link-alpha-9-base: rgba(
|
|
416
|
-
--ks-color-link-to-bg-1-base: #
|
|
417
|
-
--ks-color-link-to-bg-2-base: #
|
|
418
|
-
--ks-color-link-to-bg-3-base: #
|
|
419
|
-
--ks-color-link-to-bg-4-base: #
|
|
420
|
-
--ks-color-link-to-bg-5-base: #
|
|
421
|
-
--ks-color-link-to-bg-6-base: #
|
|
422
|
-
--ks-color-link-to-bg-7-base: #
|
|
423
|
-
--ks-color-link-to-bg-8-base: #
|
|
424
|
-
--ks-color-link-to-bg-9-base: #
|
|
425
|
-
--ks-color-link-to-fg-1-base: #
|
|
426
|
-
--ks-color-link-to-fg-2-base: #
|
|
427
|
-
--ks-color-link-to-fg-3-base: #
|
|
428
|
-
--ks-color-link-to-fg-4-base: #
|
|
429
|
-
--ks-color-link-to-fg-5-base: #
|
|
430
|
-
--ks-color-link-to-fg-6-base: #
|
|
431
|
-
--ks-color-link-to-fg-7-base: #
|
|
432
|
-
--ks-color-link-to-fg-8-base: #
|
|
433
|
-
--ks-color-link-to-fg-9-base: #
|
|
434
|
-
--ks-color-link-inverted-base: #
|
|
435
|
-
--ks-color-link-inverted-alpha-1-base: rgba(
|
|
436
|
-
--ks-color-link-inverted-alpha-2-base: rgba(
|
|
437
|
-
--ks-color-link-inverted-alpha-3-base: rgba(
|
|
438
|
-
--ks-color-link-inverted-alpha-4-base: rgba(
|
|
439
|
-
--ks-color-link-inverted-alpha-5-base: rgba(
|
|
440
|
-
--ks-color-link-inverted-alpha-6-base: rgba(
|
|
441
|
-
--ks-color-link-inverted-alpha-7-base: rgba(
|
|
442
|
-
--ks-color-link-inverted-alpha-8-base: rgba(
|
|
443
|
-
--ks-color-link-inverted-alpha-9-base: rgba(
|
|
444
|
-
--ks-color-link-inverted-to-bg-1-base: #
|
|
445
|
-
--ks-color-link-inverted-to-bg-2-base: #
|
|
446
|
-
--ks-color-link-inverted-to-bg-3-base: #
|
|
447
|
-
--ks-color-link-inverted-to-bg-4-base: #
|
|
448
|
-
--ks-color-link-inverted-to-bg-5-base: #
|
|
449
|
-
--ks-color-link-inverted-to-bg-6-base: #
|
|
450
|
-
--ks-color-link-inverted-to-bg-7-base: #
|
|
451
|
-
--ks-color-link-inverted-to-bg-8-base: #
|
|
452
|
-
--ks-color-link-inverted-to-bg-9-base: #
|
|
453
|
-
--ks-color-link-inverted-to-fg-1-base: #
|
|
454
|
-
--ks-color-link-inverted-to-fg-2-base: #
|
|
455
|
-
--ks-color-link-inverted-to-fg-3-base: #
|
|
456
|
-
--ks-color-link-inverted-to-fg-4-base: #
|
|
457
|
-
--ks-color-link-inverted-to-fg-5-base: #
|
|
458
|
-
--ks-color-link-inverted-to-fg-6-base: #
|
|
459
|
-
--ks-color-link-inverted-to-fg-7-base: #
|
|
460
|
-
--ks-color-link-inverted-to-fg-8-base: #
|
|
461
|
-
--ks-color-link-inverted-to-fg-9-base: #
|
|
325
|
+
--ks-color-primary-base: #3065c0;
|
|
326
|
+
--ks-color-primary-alpha-1-base: rgba(48,101,192,.95);
|
|
327
|
+
--ks-color-primary-alpha-2-base: rgba(48,101,192,.87);
|
|
328
|
+
--ks-color-primary-alpha-3-base: rgba(48,101,192,.76);
|
|
329
|
+
--ks-color-primary-alpha-4-base: rgba(48,101,192,.63);
|
|
330
|
+
--ks-color-primary-alpha-5-base: rgba(48,101,192,.5);
|
|
331
|
+
--ks-color-primary-alpha-6-base: rgba(48,101,192,.37);
|
|
332
|
+
--ks-color-primary-alpha-7-base: rgba(48,101,192,.24);
|
|
333
|
+
--ks-color-primary-alpha-8-base: rgba(48,101,192,.13);
|
|
334
|
+
--ks-color-primary-alpha-9-base: rgba(48,101,192,.05);
|
|
335
|
+
--ks-color-primary-to-bg-1-base: #3a6dc3;
|
|
336
|
+
--ks-color-primary-to-bg-2-base: #4b79c8;
|
|
337
|
+
--ks-color-primary-to-bg-3-base: #628acf;
|
|
338
|
+
--ks-color-primary-to-bg-4-base: #7d9ed7;
|
|
339
|
+
--ks-color-primary-to-bg-5-base: #98b2e0;
|
|
340
|
+
--ks-color-primary-to-bg-6-base: #b2c6e8;
|
|
341
|
+
--ks-color-primary-to-bg-7-base: #cddaf0;
|
|
342
|
+
--ks-color-primary-to-bg-8-base: #e4ebf7;
|
|
343
|
+
--ks-color-primary-to-bg-9-base: #f5f7fc;
|
|
344
|
+
--ks-color-primary-to-fg-1-base: #2e60b8;
|
|
345
|
+
--ks-color-primary-to-fg-2-base: #2b59ab;
|
|
346
|
+
--ks-color-primary-to-fg-3-base: #264f99;
|
|
347
|
+
--ks-color-primary-to-fg-4-base: #204384;
|
|
348
|
+
--ks-color-primary-to-fg-5-base: #1b3770;
|
|
349
|
+
--ks-color-primary-to-fg-6-base: #162a5b;
|
|
350
|
+
--ks-color-primary-to-fg-7-base: #101e46;
|
|
351
|
+
--ks-color-primary-to-fg-8-base: #0b1434;
|
|
352
|
+
--ks-color-primary-to-fg-9-base: #080d27;
|
|
353
|
+
--ks-color-primary-inverted-base: #3065c0;
|
|
354
|
+
--ks-color-primary-inverted-alpha-1-base: rgba(48,101,192,.95);
|
|
355
|
+
--ks-color-primary-inverted-alpha-2-base: rgba(48,101,192,.87);
|
|
356
|
+
--ks-color-primary-inverted-alpha-3-base: rgba(48,101,192,.76);
|
|
357
|
+
--ks-color-primary-inverted-alpha-4-base: rgba(48,101,192,.63);
|
|
358
|
+
--ks-color-primary-inverted-alpha-5-base: rgba(48,101,192,.5);
|
|
359
|
+
--ks-color-primary-inverted-alpha-6-base: rgba(48,101,192,.37);
|
|
360
|
+
--ks-color-primary-inverted-alpha-7-base: rgba(48,101,192,.24);
|
|
361
|
+
--ks-color-primary-inverted-alpha-8-base: rgba(48,101,192,.13);
|
|
362
|
+
--ks-color-primary-inverted-alpha-9-base: rgba(48,101,192,.05);
|
|
363
|
+
--ks-color-primary-inverted-to-bg-1-base: #2e60b8;
|
|
364
|
+
--ks-color-primary-inverted-to-bg-2-base: #2b59ab;
|
|
365
|
+
--ks-color-primary-inverted-to-bg-3-base: #264f99;
|
|
366
|
+
--ks-color-primary-inverted-to-bg-4-base: #204384;
|
|
367
|
+
--ks-color-primary-inverted-to-bg-5-base: #1b3770;
|
|
368
|
+
--ks-color-primary-inverted-to-bg-6-base: #162a5b;
|
|
369
|
+
--ks-color-primary-inverted-to-bg-7-base: #101e46;
|
|
370
|
+
--ks-color-primary-inverted-to-bg-8-base: #0b1434;
|
|
371
|
+
--ks-color-primary-inverted-to-bg-9-base: #080d27;
|
|
372
|
+
--ks-color-primary-inverted-to-fg-1-base: #3a6dc3;
|
|
373
|
+
--ks-color-primary-inverted-to-fg-2-base: #4b79c8;
|
|
374
|
+
--ks-color-primary-inverted-to-fg-3-base: #628acf;
|
|
375
|
+
--ks-color-primary-inverted-to-fg-4-base: #7d9ed7;
|
|
376
|
+
--ks-color-primary-inverted-to-fg-5-base: #98b2e0;
|
|
377
|
+
--ks-color-primary-inverted-to-fg-6-base: #b2c6e8;
|
|
378
|
+
--ks-color-primary-inverted-to-fg-7-base: #cddaf0;
|
|
379
|
+
--ks-color-primary-inverted-to-fg-8-base: #e4ebf7;
|
|
380
|
+
--ks-color-primary-inverted-to-fg-9-base: #f5f7fc;
|
|
381
|
+
--ks-color-link-base: #3065c0;
|
|
382
|
+
--ks-color-link-alpha-1-base: rgba(48,101,192,.95);
|
|
383
|
+
--ks-color-link-alpha-2-base: rgba(48,101,192,.87);
|
|
384
|
+
--ks-color-link-alpha-3-base: rgba(48,101,192,.76);
|
|
385
|
+
--ks-color-link-alpha-4-base: rgba(48,101,192,.63);
|
|
386
|
+
--ks-color-link-alpha-5-base: rgba(48,101,192,.5);
|
|
387
|
+
--ks-color-link-alpha-6-base: rgba(48,101,192,.37);
|
|
388
|
+
--ks-color-link-alpha-7-base: rgba(48,101,192,.24);
|
|
389
|
+
--ks-color-link-alpha-8-base: rgba(48,101,192,.13);
|
|
390
|
+
--ks-color-link-alpha-9-base: rgba(48,101,192,.05);
|
|
391
|
+
--ks-color-link-to-bg-1-base: #3a6dc3;
|
|
392
|
+
--ks-color-link-to-bg-2-base: #4b79c8;
|
|
393
|
+
--ks-color-link-to-bg-3-base: #628acf;
|
|
394
|
+
--ks-color-link-to-bg-4-base: #7d9ed7;
|
|
395
|
+
--ks-color-link-to-bg-5-base: #98b2e0;
|
|
396
|
+
--ks-color-link-to-bg-6-base: #b2c6e8;
|
|
397
|
+
--ks-color-link-to-bg-7-base: #cddaf0;
|
|
398
|
+
--ks-color-link-to-bg-8-base: #e4ebf7;
|
|
399
|
+
--ks-color-link-to-bg-9-base: #f5f7fc;
|
|
400
|
+
--ks-color-link-to-fg-1-base: #2e60b8;
|
|
401
|
+
--ks-color-link-to-fg-2-base: #2b59ab;
|
|
402
|
+
--ks-color-link-to-fg-3-base: #264f99;
|
|
403
|
+
--ks-color-link-to-fg-4-base: #204384;
|
|
404
|
+
--ks-color-link-to-fg-5-base: #1b3770;
|
|
405
|
+
--ks-color-link-to-fg-6-base: #162a5b;
|
|
406
|
+
--ks-color-link-to-fg-7-base: #101e46;
|
|
407
|
+
--ks-color-link-to-fg-8-base: #0b1434;
|
|
408
|
+
--ks-color-link-to-fg-9-base: #080d27;
|
|
409
|
+
--ks-color-link-inverted-base: #3065c0;
|
|
410
|
+
--ks-color-link-inverted-alpha-1-base: rgba(48,101,192,.95);
|
|
411
|
+
--ks-color-link-inverted-alpha-2-base: rgba(48,101,192,.87);
|
|
412
|
+
--ks-color-link-inverted-alpha-3-base: rgba(48,101,192,.76);
|
|
413
|
+
--ks-color-link-inverted-alpha-4-base: rgba(48,101,192,.63);
|
|
414
|
+
--ks-color-link-inverted-alpha-5-base: rgba(48,101,192,.5);
|
|
415
|
+
--ks-color-link-inverted-alpha-6-base: rgba(48,101,192,.37);
|
|
416
|
+
--ks-color-link-inverted-alpha-7-base: rgba(48,101,192,.24);
|
|
417
|
+
--ks-color-link-inverted-alpha-8-base: rgba(48,101,192,.13);
|
|
418
|
+
--ks-color-link-inverted-alpha-9-base: rgba(48,101,192,.05);
|
|
419
|
+
--ks-color-link-inverted-to-bg-1-base: #2e60b8;
|
|
420
|
+
--ks-color-link-inverted-to-bg-2-base: #2b59ab;
|
|
421
|
+
--ks-color-link-inverted-to-bg-3-base: #264f99;
|
|
422
|
+
--ks-color-link-inverted-to-bg-4-base: #204384;
|
|
423
|
+
--ks-color-link-inverted-to-bg-5-base: #1b3770;
|
|
424
|
+
--ks-color-link-inverted-to-bg-6-base: #162a5b;
|
|
425
|
+
--ks-color-link-inverted-to-bg-7-base: #101e46;
|
|
426
|
+
--ks-color-link-inverted-to-bg-8-base: #0b1434;
|
|
427
|
+
--ks-color-link-inverted-to-bg-9-base: #080d27;
|
|
428
|
+
--ks-color-link-inverted-to-fg-1-base: #3a6dc3;
|
|
429
|
+
--ks-color-link-inverted-to-fg-2-base: #4b79c8;
|
|
430
|
+
--ks-color-link-inverted-to-fg-3-base: #628acf;
|
|
431
|
+
--ks-color-link-inverted-to-fg-4-base: #7d9ed7;
|
|
432
|
+
--ks-color-link-inverted-to-fg-5-base: #98b2e0;
|
|
433
|
+
--ks-color-link-inverted-to-fg-6-base: #b2c6e8;
|
|
434
|
+
--ks-color-link-inverted-to-fg-7-base: #cddaf0;
|
|
435
|
+
--ks-color-link-inverted-to-fg-8-base: #e4ebf7;
|
|
436
|
+
--ks-color-link-inverted-to-fg-9-base: #f5f7fc;
|
|
462
437
|
--ks-color-positive-base: #6edb64;
|
|
463
438
|
--ks-color-positive-alpha-1-base: rgba(110,219,100,.95);
|
|
464
439
|
--ks-color-positive-alpha-2-base: rgba(110,219,100,.87);
|
|
@@ -469,24 +444,24 @@
|
|
|
469
444
|
--ks-color-positive-alpha-7-base: rgba(110,219,100,.24);
|
|
470
445
|
--ks-color-positive-alpha-8-base: rgba(110,219,100,.13);
|
|
471
446
|
--ks-color-positive-alpha-9-base: rgba(110,219,100,.05);
|
|
472
|
-
--ks-color-positive-to-bg-1-base: #
|
|
473
|
-
--ks-color-positive-to-bg-2-base: #
|
|
474
|
-
--ks-color-positive-to-bg-3-base: #
|
|
475
|
-
--ks-color-positive-to-bg-4-base: #
|
|
476
|
-
--ks-color-positive-to-bg-5-base: #
|
|
477
|
-
--ks-color-positive-to-bg-6-base: #
|
|
478
|
-
--ks-color-positive-to-bg-7-base: #
|
|
479
|
-
--ks-color-positive-to-bg-8-base: #
|
|
480
|
-
--ks-color-positive-to-bg-9-base: #
|
|
481
|
-
--ks-color-positive-to-fg-1-base: #
|
|
482
|
-
--ks-color-positive-to-fg-2-base: #
|
|
483
|
-
--ks-color-positive-to-fg-3-base: #
|
|
484
|
-
--ks-color-positive-to-fg-4-base: #
|
|
485
|
-
--ks-color-positive-to-fg-5-base: #
|
|
486
|
-
--ks-color-positive-to-fg-6-base: #
|
|
487
|
-
--ks-color-positive-to-fg-7-base: #
|
|
488
|
-
--ks-color-positive-to-fg-8-base: #
|
|
489
|
-
--ks-color-positive-to-fg-9-base: #
|
|
447
|
+
--ks-color-positive-to-bg-1-base: #75dd6c;
|
|
448
|
+
--ks-color-positive-to-bg-2-base: #81e078;
|
|
449
|
+
--ks-color-positive-to-bg-3-base: #91e489;
|
|
450
|
+
--ks-color-positive-to-bg-4-base: #a4e89d;
|
|
451
|
+
--ks-color-positive-to-bg-5-base: #b7edb2;
|
|
452
|
+
--ks-color-positive-to-bg-6-base: #c9f2c6;
|
|
453
|
+
--ks-color-positive-to-bg-7-base: #dcf6da;
|
|
454
|
+
--ks-color-positive-to-bg-8-base: #ecfaeb;
|
|
455
|
+
--ks-color-positive-to-bg-9-base: #f8fdf7;
|
|
456
|
+
--ks-color-positive-to-fg-1-base: #69d061;
|
|
457
|
+
--ks-color-positive-to-fg-2-base: #60c05b;
|
|
458
|
+
--ks-color-positive-to-fg-3-base: #55a853;
|
|
459
|
+
--ks-color-positive-to-fg-4-base: #488d4a;
|
|
460
|
+
--ks-color-positive-to-fg-5-base: #3a7242;
|
|
461
|
+
--ks-color-positive-to-fg-6-base: #2c5639;
|
|
462
|
+
--ks-color-positive-to-fg-7-base: #1f3b30;
|
|
463
|
+
--ks-color-positive-to-fg-8-base: #142328;
|
|
464
|
+
--ks-color-positive-to-fg-9-base: #0b1322;
|
|
490
465
|
--ks-color-positive-inverted-base: #23831b;
|
|
491
466
|
--ks-color-positive-inverted-alpha-1-base: rgba(35,131,27,.95);
|
|
492
467
|
--ks-color-positive-inverted-alpha-2-base: rgba(35,131,27,.87);
|
|
@@ -497,24 +472,24 @@
|
|
|
497
472
|
--ks-color-positive-inverted-alpha-7-base: rgba(35,131,27,.24);
|
|
498
473
|
--ks-color-positive-inverted-alpha-8-base: rgba(35,131,27,.13);
|
|
499
474
|
--ks-color-positive-inverted-alpha-9-base: rgba(35,131,27,.05);
|
|
500
|
-
--ks-color-positive-inverted-to-bg-1-base: #
|
|
501
|
-
--ks-color-positive-inverted-to-bg-2-base: #
|
|
502
|
-
--ks-color-positive-inverted-to-bg-3-base: #
|
|
503
|
-
--ks-color-positive-inverted-to-bg-4-base: #
|
|
504
|
-
--ks-color-positive-inverted-to-bg-5-base: #
|
|
505
|
-
--ks-color-positive-inverted-to-bg-6-base: #
|
|
506
|
-
--ks-color-positive-inverted-to-bg-7-base: #
|
|
507
|
-
--ks-color-positive-inverted-to-bg-8-base: #
|
|
508
|
-
--ks-color-positive-inverted-to-bg-9-base: #
|
|
509
|
-
--ks-color-positive-inverted-to-fg-1-base: #
|
|
510
|
-
--ks-color-positive-inverted-to-fg-2-base: #
|
|
511
|
-
--ks-color-positive-inverted-to-fg-3-base: #
|
|
512
|
-
--ks-color-positive-inverted-to-fg-4-base: #
|
|
513
|
-
--ks-color-positive-inverted-to-fg-5-base: #
|
|
514
|
-
--ks-color-positive-inverted-to-fg-6-base: #
|
|
515
|
-
--ks-color-positive-inverted-to-fg-7-base: #
|
|
516
|
-
--ks-color-positive-inverted-to-fg-8-base: #
|
|
517
|
-
--ks-color-positive-inverted-to-fg-9-base: #
|
|
475
|
+
--ks-color-positive-inverted-to-bg-1-base: #227d1b;
|
|
476
|
+
--ks-color-positive-inverted-to-bg-2-base: #1f731c;
|
|
477
|
+
--ks-color-positive-inverted-to-bg-3-base: #1c651c;
|
|
478
|
+
--ks-color-positive-inverted-to-bg-4-base: #18551c;
|
|
479
|
+
--ks-color-positive-inverted-to-bg-5-base: #15461d;
|
|
480
|
+
--ks-color-positive-inverted-to-bg-6-base: #11361e;
|
|
481
|
+
--ks-color-positive-inverted-to-bg-7-base: #0d261e;
|
|
482
|
+
--ks-color-positive-inverted-to-bg-8-base: #0a181e;
|
|
483
|
+
--ks-color-positive-inverted-to-bg-9-base: #070e1f;
|
|
484
|
+
--ks-color-positive-inverted-to-fg-1-base: #2e8926;
|
|
485
|
+
--ks-color-positive-inverted-to-fg-2-base: #409339;
|
|
486
|
+
--ks-color-positive-inverted-to-fg-3-base: #58a152;
|
|
487
|
+
--ks-color-positive-inverted-to-fg-4-base: #74b16f;
|
|
488
|
+
--ks-color-positive-inverted-to-fg-5-base: #91c18d;
|
|
489
|
+
--ks-color-positive-inverted-to-fg-6-base: #aed1ab;
|
|
490
|
+
--ks-color-positive-inverted-to-fg-7-base: #cae1c8;
|
|
491
|
+
--ks-color-positive-inverted-to-fg-8-base: #e2efe1;
|
|
492
|
+
--ks-color-positive-inverted-to-fg-9-base: #f4f9f4;
|
|
518
493
|
--ks-color-informative-base: #64c2db;
|
|
519
494
|
--ks-color-informative-alpha-1-base: rgba(100,194,219,.95);
|
|
520
495
|
--ks-color-informative-alpha-2-base: rgba(100,194,219,.87);
|
|
@@ -525,24 +500,24 @@
|
|
|
525
500
|
--ks-color-informative-alpha-7-base: rgba(100,194,219,.24);
|
|
526
501
|
--ks-color-informative-alpha-8-base: rgba(100,194,219,.13);
|
|
527
502
|
--ks-color-informative-alpha-9-base: rgba(100,194,219,.05);
|
|
528
|
-
--ks-color-informative-to-bg-1-base: #
|
|
529
|
-
--ks-color-informative-to-bg-2-base: #
|
|
530
|
-
--ks-color-informative-to-bg-3-base: #
|
|
531
|
-
--ks-color-informative-to-bg-4-base: #
|
|
532
|
-
--ks-color-informative-to-bg-5-base: #
|
|
533
|
-
--ks-color-informative-to-bg-6-base: #
|
|
534
|
-
--ks-color-informative-to-bg-7-base: #
|
|
535
|
-
--ks-color-informative-to-bg-8-base: #
|
|
536
|
-
--ks-color-informative-to-bg-9-base: #
|
|
537
|
-
--ks-color-informative-to-fg-1-base: #
|
|
538
|
-
--ks-color-informative-to-fg-2-base: #
|
|
539
|
-
--ks-color-informative-to-fg-3-base: #
|
|
540
|
-
--ks-color-informative-to-fg-4-base: #
|
|
541
|
-
--ks-color-informative-to-fg-5-base: #
|
|
542
|
-
--ks-color-informative-to-fg-6-base: #
|
|
543
|
-
--ks-color-informative-to-fg-7-base: #
|
|
544
|
-
--ks-color-informative-to-fg-8-base: #
|
|
545
|
-
--ks-color-informative-to-fg-9-base: #
|
|
503
|
+
--ks-color-informative-to-bg-1-base: #6cc5dd;
|
|
504
|
+
--ks-color-informative-to-bg-2-base: #78cae0;
|
|
505
|
+
--ks-color-informative-to-bg-3-base: #89d1e4;
|
|
506
|
+
--ks-color-informative-to-bg-4-base: #9dd9e8;
|
|
507
|
+
--ks-color-informative-to-bg-5-base: #b2e1ed;
|
|
508
|
+
--ks-color-informative-to-bg-6-base: #c6e8f2;
|
|
509
|
+
--ks-color-informative-to-bg-7-base: #daf0f6;
|
|
510
|
+
--ks-color-informative-to-bg-8-base: #ebf7fa;
|
|
511
|
+
--ks-color-informative-to-bg-9-base: #f7fcfd;
|
|
512
|
+
--ks-color-informative-to-fg-1-base: #5fb9d2;
|
|
513
|
+
--ks-color-informative-to-fg-2-base: #58aac3;
|
|
514
|
+
--ks-color-informative-to-fg-3-base: #4d95ae;
|
|
515
|
+
--ks-color-informative-to-fg-4-base: #417d95;
|
|
516
|
+
--ks-color-informative-to-fg-5-base: #35657d;
|
|
517
|
+
--ks-color-informative-to-fg-6-base: #294d65;
|
|
518
|
+
--ks-color-informative-to-fg-7-base: #1d354c;
|
|
519
|
+
--ks-color-informative-to-fg-8-base: #122037;
|
|
520
|
+
--ks-color-informative-to-fg-9-base: #0b1128;
|
|
546
521
|
--ks-color-informative-inverted-base: #00718f;
|
|
547
522
|
--ks-color-informative-inverted-alpha-1-base: rgba(0,113,143,.95);
|
|
548
523
|
--ks-color-informative-inverted-alpha-2-base: rgba(0,113,143,.87);
|
|
@@ -553,24 +528,24 @@
|
|
|
553
528
|
--ks-color-informative-inverted-alpha-7-base: rgba(0,113,143,.24);
|
|
554
529
|
--ks-color-informative-inverted-alpha-8-base: rgba(0,113,143,.13);
|
|
555
530
|
--ks-color-informative-inverted-alpha-9-base: rgba(0,113,143,.05);
|
|
556
|
-
--ks-color-informative-inverted-to-bg-1-base: #
|
|
557
|
-
--ks-color-informative-inverted-to-bg-2-base: #
|
|
558
|
-
--ks-color-informative-inverted-to-bg-3-base: #
|
|
559
|
-
--ks-color-informative-inverted-to-bg-4-base: #
|
|
560
|
-
--ks-color-informative-inverted-to-bg-5-base: #
|
|
561
|
-
--ks-color-informative-inverted-to-bg-6-base: #
|
|
562
|
-
--ks-color-informative-inverted-to-bg-7-base: #
|
|
563
|
-
--ks-color-informative-inverted-to-bg-8-base: #
|
|
564
|
-
--ks-color-informative-inverted-to-bg-9-base: #
|
|
565
|
-
--ks-color-informative-inverted-to-fg-1-base: #
|
|
566
|
-
--ks-color-informative-inverted-to-fg-2-base: #
|
|
567
|
-
--ks-color-informative-inverted-to-fg-3-base: #
|
|
568
|
-
--ks-color-informative-inverted-to-fg-4-base: #
|
|
569
|
-
--ks-color-informative-inverted-to-fg-5-base: #
|
|
570
|
-
--ks-color-informative-inverted-to-fg-6-base: #
|
|
571
|
-
--ks-color-informative-inverted-to-fg-7-base: #
|
|
572
|
-
--ks-color-informative-inverted-to-fg-8-base: #
|
|
573
|
-
--ks-color-informative-inverted-to-fg-9-base: #
|
|
531
|
+
--ks-color-informative-inverted-to-bg-1-base: #006c89;
|
|
532
|
+
--ks-color-informative-inverted-to-bg-2-base: #016380;
|
|
533
|
+
--ks-color-informative-inverted-to-bg-3-base: #015874;
|
|
534
|
+
--ks-color-informative-inverted-to-bg-4-base: #024a66;
|
|
535
|
+
--ks-color-informative-inverted-to-bg-5-base: #033d57;
|
|
536
|
+
--ks-color-informative-inverted-to-bg-6-base: #042f48;
|
|
537
|
+
--ks-color-informative-inverted-to-bg-7-base: #05213a;
|
|
538
|
+
--ks-color-informative-inverted-to-bg-8-base: #05162e;
|
|
539
|
+
--ks-color-informative-inverted-to-bg-9-base: #060d25;
|
|
540
|
+
--ks-color-informative-inverted-to-fg-1-base: #0d7895;
|
|
541
|
+
--ks-color-informative-inverted-to-fg-2-base: #21839e;
|
|
542
|
+
--ks-color-informative-inverted-to-fg-3-base: #3d93aa;
|
|
543
|
+
--ks-color-informative-inverted-to-fg-4-base: #5ea6b8;
|
|
544
|
+
--ks-color-informative-inverted-to-fg-5-base: #80b8c7;
|
|
545
|
+
--ks-color-informative-inverted-to-fg-6-base: #a1cad6;
|
|
546
|
+
--ks-color-informative-inverted-to-fg-7-base: #c2dde4;
|
|
547
|
+
--ks-color-informative-inverted-to-fg-8-base: #deedf0;
|
|
548
|
+
--ks-color-informative-inverted-to-fg-9-base: #f2f8f9;
|
|
574
549
|
--ks-color-notice-base: #f9de55;
|
|
575
550
|
--ks-color-notice-alpha-1-base: rgba(249,222,85,.95);
|
|
576
551
|
--ks-color-notice-alpha-2-base: rgba(249,222,85,.87);
|
|
@@ -581,24 +556,24 @@
|
|
|
581
556
|
--ks-color-notice-alpha-7-base: rgba(249,222,85,.24);
|
|
582
557
|
--ks-color-notice-alpha-8-base: rgba(249,222,85,.13);
|
|
583
558
|
--ks-color-notice-alpha-9-base: rgba(249,222,85,.05);
|
|
584
|
-
--ks-color-notice-to-bg-1-base: #
|
|
585
|
-
--ks-color-notice-to-bg-2-base: #
|
|
586
|
-
--ks-color-notice-to-bg-3-base: #
|
|
587
|
-
--ks-color-notice-to-bg-4-base: #
|
|
588
|
-
--ks-color-notice-to-bg-5-base: #
|
|
589
|
-
--ks-color-notice-to-bg-6-base: #
|
|
590
|
-
--ks-color-notice-to-bg-7-base: #
|
|
591
|
-
--ks-color-notice-to-bg-8-base: #
|
|
592
|
-
--ks-color-notice-to-bg-9-base: #
|
|
593
|
-
--ks-color-notice-to-fg-1-base: #
|
|
594
|
-
--ks-color-notice-to-fg-2-base: #
|
|
595
|
-
--ks-color-notice-to-fg-3-base: #
|
|
596
|
-
--ks-color-notice-to-fg-4-base: #
|
|
597
|
-
--ks-color-notice-to-fg-5-base: #
|
|
598
|
-
--ks-color-notice-to-fg-6-base: #
|
|
599
|
-
--ks-color-notice-to-fg-7-base: #
|
|
600
|
-
--ks-color-notice-to-fg-8-base: #
|
|
601
|
-
--ks-color-notice-to-fg-9-base: #
|
|
559
|
+
--ks-color-notice-to-bg-1-base: #f9e05e;
|
|
560
|
+
--ks-color-notice-to-bg-2-base: #fae26b;
|
|
561
|
+
--ks-color-notice-to-bg-3-base: #fae67e;
|
|
562
|
+
--ks-color-notice-to-bg-4-base: #fbea94;
|
|
563
|
+
--ks-color-notice-to-bg-5-base: #fcefaa;
|
|
564
|
+
--ks-color-notice-to-bg-6-base: #fdf3c0;
|
|
565
|
+
--ks-color-notice-to-bg-7-base: #fef7d6;
|
|
566
|
+
--ks-color-notice-to-bg-8-base: #fefbe9;
|
|
567
|
+
--ks-color-notice-to-bg-9-base: #fffdf7;
|
|
568
|
+
--ks-color-notice-to-fg-1-base: #edd352;
|
|
569
|
+
--ks-color-notice-to-fg-2-base: #d9c24e;
|
|
570
|
+
--ks-color-notice-to-fg-3-base: #bfab48;
|
|
571
|
+
--ks-color-notice-to-fg-4-base: #9f8f41;
|
|
572
|
+
--ks-color-notice-to-fg-5-base: #80733a;
|
|
573
|
+
--ks-color-notice-to-fg-6-base: #605733;
|
|
574
|
+
--ks-color-notice-to-fg-7-base: #403b2c;
|
|
575
|
+
--ks-color-notice-to-fg-8-base: #262426;
|
|
576
|
+
--ks-color-notice-to-fg-9-base: #121322;
|
|
602
577
|
--ks-color-notice-inverted-base: #ff5d53;
|
|
603
578
|
--ks-color-notice-inverted-alpha-1-base: rgba(255,93,83,.95);
|
|
604
579
|
--ks-color-notice-inverted-alpha-2-base: rgba(255,93,83,.87);
|
|
@@ -609,24 +584,24 @@
|
|
|
609
584
|
--ks-color-notice-inverted-alpha-7-base: rgba(255,93,83,.24);
|
|
610
585
|
--ks-color-notice-inverted-alpha-8-base: rgba(255,93,83,.13);
|
|
611
586
|
--ks-color-notice-inverted-alpha-9-base: rgba(255,93,83,.05);
|
|
612
|
-
--ks-color-notice-inverted-to-bg-1-base: #
|
|
613
|
-
--ks-color-notice-inverted-to-bg-2-base: #
|
|
614
|
-
--ks-color-notice-inverted-to-bg-3-base: #
|
|
615
|
-
--ks-color-notice-inverted-to-bg-4-base: #
|
|
616
|
-
--ks-color-notice-inverted-to-bg-5-base: #
|
|
617
|
-
--ks-color-notice-inverted-to-bg-6-base: #
|
|
618
|
-
--ks-color-notice-inverted-to-bg-7-base: #
|
|
619
|
-
--ks-color-notice-inverted-to-bg-8-base: #
|
|
620
|
-
--ks-color-notice-inverted-to-bg-9-base: #
|
|
621
|
-
--ks-color-notice-inverted-to-fg-1-base: #
|
|
622
|
-
--ks-color-notice-inverted-to-fg-2-base: #
|
|
623
|
-
--ks-color-notice-inverted-to-fg-3-base: #
|
|
624
|
-
--ks-color-notice-inverted-to-fg-4-base: #
|
|
625
|
-
--ks-color-notice-inverted-to-fg-5-base: #
|
|
626
|
-
--ks-color-notice-inverted-to-fg-6-base: #
|
|
627
|
-
--ks-color-notice-inverted-to-fg-7-base: #
|
|
628
|
-
--ks-color-notice-inverted-to-fg-8-base: #
|
|
629
|
-
--ks-color-notice-inverted-to-fg-9-base: #
|
|
587
|
+
--ks-color-notice-inverted-to-bg-1-base: #f35950;
|
|
588
|
+
--ks-color-notice-inverted-to-bg-2-base: #df524c;
|
|
589
|
+
--ks-color-notice-inverted-to-bg-3-base: #c34947;
|
|
590
|
+
--ks-color-notice-inverted-to-bg-4-base: #a33e40;
|
|
591
|
+
--ks-color-notice-inverted-to-bg-5-base: #833339;
|
|
592
|
+
--ks-color-notice-inverted-to-bg-6-base: #622732;
|
|
593
|
+
--ks-color-notice-inverted-to-bg-7-base: #421c2b;
|
|
594
|
+
--ks-color-notice-inverted-to-bg-8-base: #261326;
|
|
595
|
+
--ks-color-notice-inverted-to-bg-9-base: #120c22;
|
|
596
|
+
--ks-color-notice-inverted-to-fg-1-base: #ff655c;
|
|
597
|
+
--ks-color-notice-inverted-to-fg-2-base: #ff7269;
|
|
598
|
+
--ks-color-notice-inverted-to-fg-3-base: #ff847c;
|
|
599
|
+
--ks-color-notice-inverted-to-fg-4-base: #ff9993;
|
|
600
|
+
--ks-color-notice-inverted-to-fg-5-base: #ffaea9;
|
|
601
|
+
--ks-color-notice-inverted-to-fg-6-base: #ffc3bf;
|
|
602
|
+
--ks-color-notice-inverted-to-fg-7-base: #ffd8d6;
|
|
603
|
+
--ks-color-notice-inverted-to-fg-8-base: #ffeae9;
|
|
604
|
+
--ks-color-notice-inverted-to-fg-9-base: #fff7f6;
|
|
630
605
|
--ks-color-negative-base: #ff1a57;
|
|
631
606
|
--ks-color-negative-alpha-1-base: rgba(255,26,87,.95);
|
|
632
607
|
--ks-color-negative-alpha-2-base: rgba(255,26,87,.87);
|
|
@@ -637,24 +612,24 @@
|
|
|
637
612
|
--ks-color-negative-alpha-7-base: rgba(255,26,87,.24);
|
|
638
613
|
--ks-color-negative-alpha-8-base: rgba(255,26,87,.13);
|
|
639
614
|
--ks-color-negative-alpha-9-base: rgba(255,26,87,.05);
|
|
640
|
-
--ks-color-negative-to-bg-1-base: #
|
|
641
|
-
--ks-color-negative-to-bg-2-base: #
|
|
642
|
-
--ks-color-negative-to-bg-3-base: #
|
|
643
|
-
--ks-color-negative-to-bg-4-base: #
|
|
644
|
-
--ks-color-negative-to-bg-5-base: #
|
|
645
|
-
--ks-color-negative-to-bg-6-base: #
|
|
646
|
-
--ks-color-negative-to-bg-7-base: #
|
|
647
|
-
--ks-color-negative-to-bg-8-base: #
|
|
648
|
-
--ks-color-negative-to-bg-9-base: #
|
|
649
|
-
--ks-color-negative-to-fg-1-base: #
|
|
650
|
-
--ks-color-negative-to-fg-2-base: #
|
|
651
|
-
--ks-color-negative-to-fg-3-base: #
|
|
652
|
-
--ks-color-negative-to-fg-4-base: #
|
|
653
|
-
--ks-color-negative-to-fg-5-base: #
|
|
654
|
-
--ks-color-negative-to-fg-6-base: #
|
|
655
|
-
--ks-color-negative-to-fg-7-base: #
|
|
656
|
-
--ks-color-negative-to-fg-8-base: #
|
|
657
|
-
--ks-color-negative-to-fg-9-base: #
|
|
615
|
+
--ks-color-negative-to-bg-1-base: #ff255f;
|
|
616
|
+
--ks-color-negative-to-bg-2-base: #ff386d;
|
|
617
|
+
--ks-color-negative-to-bg-3-base: #ff517f;
|
|
618
|
+
--ks-color-negative-to-bg-4-base: #ff6f95;
|
|
619
|
+
--ks-color-negative-to-bg-5-base: #ff8dab;
|
|
620
|
+
--ks-color-negative-to-bg-6-base: #ffaac1;
|
|
621
|
+
--ks-color-negative-to-bg-7-base: #ffc8d7;
|
|
622
|
+
--ks-color-negative-to-bg-8-base: #ffe1e9;
|
|
623
|
+
--ks-color-negative-to-bg-9-base: #fff4f7;
|
|
624
|
+
--ks-color-negative-to-fg-1-base: #f31954;
|
|
625
|
+
--ks-color-negative-to-fg-2-base: #df1850;
|
|
626
|
+
--ks-color-negative-to-fg-3-base: #c3164a;
|
|
627
|
+
--ks-color-negative-to-fg-4-base: #a31342;
|
|
628
|
+
--ks-color-negative-to-fg-5-base: #83113b;
|
|
629
|
+
--ks-color-negative-to-fg-6-base: #620f34;
|
|
630
|
+
--ks-color-negative-to-fg-7-base: #420c2c;
|
|
631
|
+
--ks-color-negative-to-fg-8-base: #260a26;
|
|
632
|
+
--ks-color-negative-to-fg-9-base: #120922;
|
|
658
633
|
--ks-color-negative-inverted-base: #d21d48;
|
|
659
634
|
--ks-color-negative-inverted-alpha-1-base: rgba(210,29,72,.95);
|
|
660
635
|
--ks-color-negative-inverted-alpha-2-base: rgba(210,29,72,.87);
|
|
@@ -665,136 +640,74 @@
|
|
|
665
640
|
--ks-color-negative-inverted-alpha-7-base: rgba(210,29,72,.24);
|
|
666
641
|
--ks-color-negative-inverted-alpha-8-base: rgba(210,29,72,.13);
|
|
667
642
|
--ks-color-negative-inverted-alpha-9-base: rgba(210,29,72,.05);
|
|
668
|
-
--ks-color-negative-inverted-to-bg-1-base: #
|
|
669
|
-
--ks-color-negative-inverted-to-bg-2-base: #
|
|
670
|
-
--ks-color-negative-inverted-to-bg-3-base: #
|
|
671
|
-
--ks-color-negative-inverted-to-bg-4-base: #
|
|
672
|
-
--ks-color-negative-inverted-to-bg-5-base: #
|
|
673
|
-
--ks-color-negative-inverted-to-bg-6-base: #
|
|
674
|
-
--ks-color-negative-inverted-to-bg-7-base: #
|
|
675
|
-
--ks-color-negative-inverted-to-bg-8-base: #
|
|
676
|
-
--ks-color-negative-inverted-to-bg-9-base: #
|
|
677
|
-
--ks-color-negative-inverted-to-fg-1-base: #
|
|
678
|
-
--ks-color-negative-inverted-to-fg-2-base: #
|
|
679
|
-
--ks-color-negative-inverted-to-fg-3-base: #
|
|
680
|
-
--ks-color-negative-inverted-to-fg-4-base: #
|
|
681
|
-
--ks-color-negative-inverted-to-fg-5-base: #
|
|
682
|
-
--ks-color-negative-inverted-to-fg-6-base: #
|
|
683
|
-
--ks-color-negative-inverted-to-fg-7-base: #
|
|
684
|
-
--ks-color-negative-inverted-to-fg-8-base: #
|
|
685
|
-
--ks-color-negative-inverted-to-fg-9-base: #
|
|
686
|
-
--ks-color-secondary-base: #4d25ef;
|
|
687
|
-
--ks-color-secondary-alpha-1-base: rgba(77,37,239,.95);
|
|
688
|
-
--ks-color-secondary-alpha-2-base: rgba(77,37,239,.87);
|
|
689
|
-
--ks-color-secondary-alpha-3-base: rgba(77,37,239,.76);
|
|
690
|
-
--ks-color-secondary-alpha-4-base: rgba(77,37,239,.63);
|
|
691
|
-
--ks-color-secondary-alpha-5-base: rgba(77,37,239,.5);
|
|
692
|
-
--ks-color-secondary-alpha-6-base: rgba(77,37,239,.37);
|
|
693
|
-
--ks-color-secondary-alpha-7-base: rgba(77,37,239,.24);
|
|
694
|
-
--ks-color-secondary-alpha-8-base: rgba(77,37,239,.13);
|
|
695
|
-
--ks-color-secondary-alpha-9-base: rgba(77,37,239,.05);
|
|
696
|
-
--ks-color-secondary-to-bg-1-base: #4924e5;
|
|
697
|
-
--ks-color-secondary-to-bg-2-base: #4421d4;
|
|
698
|
-
--ks-color-secondary-to-bg-3-base: #3c1ebd;
|
|
699
|
-
--ks-color-secondary-to-bg-4-base: #331aa2;
|
|
700
|
-
--ks-color-secondary-to-bg-5-base: #2a1787;
|
|
701
|
-
--ks-color-secondary-to-bg-6-base: #20136c;
|
|
702
|
-
--ks-color-secondary-to-bg-7-base: #170f51;
|
|
703
|
-
--ks-color-secondary-to-bg-8-base: #0f0c3a;
|
|
704
|
-
--ks-color-secondary-to-bg-9-base: #0a0929;
|
|
705
|
-
--ks-color-secondary-to-fg-1-base: #5630f0;
|
|
706
|
-
--ks-color-secondary-to-fg-2-base: #6441f1;
|
|
707
|
-
--ks-color-secondary-to-fg-3-base: #7859f3;
|
|
708
|
-
--ks-color-secondary-to-fg-4-base: #8f76f5;
|
|
709
|
-
--ks-color-secondary-to-fg-5-base: #a692f7;
|
|
710
|
-
--ks-color-secondary-to-fg-6-base: #bdaef9;
|
|
711
|
-
--ks-color-secondary-to-fg-7-base: #d4cbfb;
|
|
712
|
-
--ks-color-secondary-to-fg-8-base: #e8e3fd;
|
|
713
|
-
--ks-color-secondary-to-fg-9-base: #f6f4fe;
|
|
714
|
-
--ks-color-secondary-inverted-base: #e21879;
|
|
715
|
-
--ks-color-secondary-inverted-alpha-1-base: rgba(226,24,121,.95);
|
|
716
|
-
--ks-color-secondary-inverted-alpha-2-base: rgba(226,24,121,.87);
|
|
717
|
-
--ks-color-secondary-inverted-alpha-3-base: rgba(226,24,121,.76);
|
|
718
|
-
--ks-color-secondary-inverted-alpha-4-base: rgba(226,24,121,.63);
|
|
719
|
-
--ks-color-secondary-inverted-alpha-5-base: rgba(226,24,121,.5);
|
|
720
|
-
--ks-color-secondary-inverted-alpha-6-base: rgba(226,24,121,.37);
|
|
721
|
-
--ks-color-secondary-inverted-alpha-7-base: rgba(226,24,121,.24);
|
|
722
|
-
--ks-color-secondary-inverted-alpha-8-base: rgba(226,24,121,.13);
|
|
723
|
-
--ks-color-secondary-inverted-alpha-9-base: rgba(226,24,121,.05);
|
|
724
|
-
--ks-color-secondary-inverted-to-bg-1-base: #e3237f;
|
|
725
|
-
--ks-color-secondary-inverted-to-bg-2-base: #e43489;
|
|
726
|
-
--ks-color-secondary-inverted-to-bg-3-base: #e64c96;
|
|
727
|
-
--ks-color-secondary-inverted-to-bg-4-base: #e868a6;
|
|
728
|
-
--ks-color-secondary-inverted-to-bg-5-base: #ea85b6;
|
|
729
|
-
--ks-color-secondary-inverted-to-bg-6-base: #eba1c6;
|
|
730
|
-
--ks-color-secondary-inverted-to-bg-7-base: #edbdd6;
|
|
731
|
-
--ks-color-secondary-inverted-to-bg-8-base: #efd5e3;
|
|
732
|
-
--ks-color-secondary-inverted-to-bg-9-base: #f0e6ed;
|
|
733
|
-
--ks-color-secondary-inverted-to-fg-1-base: #d71775;
|
|
734
|
-
--ks-color-secondary-inverted-to-fg-2-base: #c5166d;
|
|
735
|
-
--ks-color-secondary-inverted-to-fg-3-base: #ad1463;
|
|
736
|
-
--ks-color-secondary-inverted-to-fg-4-base: #911258;
|
|
737
|
-
--ks-color-secondary-inverted-to-fg-5-base: #74104c;
|
|
738
|
-
--ks-color-secondary-inverted-to-fg-6-base: #570e40;
|
|
739
|
-
--ks-color-secondary-inverted-to-fg-7-base: #3b0c35;
|
|
740
|
-
--ks-color-secondary-inverted-to-fg-8-base: #230a2b;
|
|
741
|
-
--ks-color-secondary-inverted-to-fg-9-base: #110924;
|
|
643
|
+
--ks-color-negative-inverted-to-bg-1-base: #c81c46;
|
|
644
|
+
--ks-color-negative-inverted-to-bg-2-base: #b71a43;
|
|
645
|
+
--ks-color-negative-inverted-to-bg-3-base: #a1183e;
|
|
646
|
+
--ks-color-negative-inverted-to-bg-4-base: #871539;
|
|
647
|
+
--ks-color-negative-inverted-to-bg-5-base: #6c1334;
|
|
648
|
+
--ks-color-negative-inverted-to-bg-6-base: #51102e;
|
|
649
|
+
--ks-color-negative-inverted-to-bg-7-base: #370d29;
|
|
650
|
+
--ks-color-negative-inverted-to-bg-8-base: #210b24;
|
|
651
|
+
--ks-color-negative-inverted-to-bg-9-base: #100921;
|
|
652
|
+
--ks-color-negative-inverted-to-fg-1-base: #d42851;
|
|
653
|
+
--ks-color-negative-inverted-to-fg-2-base: #d83a60;
|
|
654
|
+
--ks-color-negative-inverted-to-fg-3-base: #dd5374;
|
|
655
|
+
--ks-color-negative-inverted-to-fg-4-base: #e3718c;
|
|
656
|
+
--ks-color-negative-inverted-to-fg-5-base: #e98ea4;
|
|
657
|
+
--ks-color-negative-inverted-to-fg-6-base: #eeabbb;
|
|
658
|
+
--ks-color-negative-inverted-to-fg-7-base: #f4c9d3;
|
|
659
|
+
--ks-color-negative-inverted-to-fg-8-base: #f9e2e7;
|
|
660
|
+
--ks-color-negative-inverted-to-fg-9-base: #fdf4f6;
|
|
742
661
|
--ks-depth-modal: 1000;
|
|
743
662
|
--ks-spacing-xxs: var(--ks-spacing-xxs-base);
|
|
744
|
-
--ks-spacing-xxs-base: 0.
|
|
663
|
+
--ks-spacing-xxs-base: 0.3366rem;
|
|
745
664
|
--ks-spacing-xxs-bp-factor-phone: 1.225;
|
|
746
665
|
--ks-spacing-xxs-bp-factor-tablet: 1.5006;
|
|
747
666
|
--ks-spacing-xxs-bp-factor-laptop: 1.8383;
|
|
748
667
|
--ks-spacing-xxs-bp-factor-desktop: 2.2519;
|
|
749
|
-
--ks-spacing-xxs-bp-factor-
|
|
750
|
-
--ks-spacing-xxs-bp-factor-tv: 3;
|
|
668
|
+
--ks-spacing-xxs-bp-factor-tv: 2.7585;
|
|
751
669
|
--ks-spacing-xs: var(--ks-spacing-xs-base);
|
|
752
|
-
--ks-spacing-xs-base: 0.
|
|
670
|
+
--ks-spacing-xs-base: 0.4628rem;
|
|
753
671
|
--ks-spacing-xs-bp-factor-phone: 1.225;
|
|
754
672
|
--ks-spacing-xs-bp-factor-tablet: 1.5006;
|
|
755
673
|
--ks-spacing-xs-bp-factor-laptop: 1.8383;
|
|
756
674
|
--ks-spacing-xs-bp-factor-desktop: 2.2519;
|
|
757
|
-
--ks-spacing-xs-bp-factor-
|
|
758
|
-
--ks-spacing-xs-bp-factor-tv: 3;
|
|
675
|
+
--ks-spacing-xs-bp-factor-tv: 2.7585;
|
|
759
676
|
--ks-spacing-s: var(--ks-spacing-s-base);
|
|
760
|
-
--ks-spacing-s-base: 0.
|
|
677
|
+
--ks-spacing-s-base: 0.6364rem;
|
|
761
678
|
--ks-spacing-s-bp-factor-phone: 1.225;
|
|
762
679
|
--ks-spacing-s-bp-factor-tablet: 1.5006;
|
|
763
680
|
--ks-spacing-s-bp-factor-laptop: 1.8383;
|
|
764
681
|
--ks-spacing-s-bp-factor-desktop: 2.2519;
|
|
765
|
-
--ks-spacing-s-bp-factor-
|
|
766
|
-
--ks-spacing-s-bp-factor-tv: 3;
|
|
682
|
+
--ks-spacing-s-bp-factor-tv: 2.7585;
|
|
767
683
|
--ks-spacing-m: var(--ks-spacing-m-base);
|
|
768
684
|
--ks-spacing-m-base: 0.875rem;
|
|
769
685
|
--ks-spacing-m-bp-factor-phone: 1.225;
|
|
770
686
|
--ks-spacing-m-bp-factor-tablet: 1.5006;
|
|
771
687
|
--ks-spacing-m-bp-factor-laptop: 1.8383;
|
|
772
688
|
--ks-spacing-m-bp-factor-desktop: 2.2519;
|
|
773
|
-
--ks-spacing-m-bp-factor-
|
|
774
|
-
--ks-spacing-m-bp-factor-tv: 3;
|
|
689
|
+
--ks-spacing-m-bp-factor-tv: 2.7585;
|
|
775
690
|
--ks-spacing-l: var(--ks-spacing-l-base);
|
|
776
|
-
--ks-spacing-l-base: 1.
|
|
691
|
+
--ks-spacing-l-base: 1.2031rem;
|
|
777
692
|
--ks-spacing-l-bp-factor-phone: 1.225;
|
|
778
693
|
--ks-spacing-l-bp-factor-tablet: 1.5006;
|
|
779
694
|
--ks-spacing-l-bp-factor-laptop: 1.8383;
|
|
780
695
|
--ks-spacing-l-bp-factor-desktop: 2.2519;
|
|
781
|
-
--ks-spacing-l-bp-factor-
|
|
782
|
-
--ks-spacing-l-bp-factor-tv: 3;
|
|
696
|
+
--ks-spacing-l-bp-factor-tv: 2.7585;
|
|
783
697
|
--ks-spacing-xl: var(--ks-spacing-xl-base);
|
|
784
|
-
--ks-spacing-xl-base: 1.
|
|
698
|
+
--ks-spacing-xl-base: 1.6543rem;
|
|
785
699
|
--ks-spacing-xl-bp-factor-phone: 1.225;
|
|
786
700
|
--ks-spacing-xl-bp-factor-tablet: 1.5006;
|
|
787
701
|
--ks-spacing-xl-bp-factor-laptop: 1.8383;
|
|
788
702
|
--ks-spacing-xl-bp-factor-desktop: 2.2519;
|
|
789
|
-
--ks-spacing-xl-bp-factor-tv: 2.
|
|
703
|
+
--ks-spacing-xl-bp-factor-tv: 2.7585;
|
|
790
704
|
--ks-spacing-xxl: var(--ks-spacing-xxl-base);
|
|
791
|
-
--ks-spacing-xxl-base: 2.
|
|
705
|
+
--ks-spacing-xxl-base: 2.2747rem;
|
|
792
706
|
--ks-spacing-xxl-bp-factor-phone: 1.225;
|
|
793
707
|
--ks-spacing-xxl-bp-factor-tablet: 1.5006;
|
|
794
708
|
--ks-spacing-xxl-bp-factor-laptop: 1.8383;
|
|
795
709
|
--ks-spacing-xxl-bp-factor-desktop: 2.2519;
|
|
796
|
-
--ks-spacing-xxl-bp-factor-
|
|
797
|
-
--ks-spacing-xxl-bp-factor-tv: 3;
|
|
710
|
+
--ks-spacing-xxl-bp-factor-tv: 2.7585;
|
|
798
711
|
--ks-spacing-stack-xs: var(--ks-spacing-xs);
|
|
799
712
|
--ks-spacing-stack-s: var(--ks-spacing-s);
|
|
800
713
|
--ks-spacing-stack-m: var(--ks-spacing-m);
|
|
@@ -822,14 +735,14 @@
|
|
|
822
735
|
--ks-spacing-inset-stretch-xl: var(--ks-spacing-xxl) var(--ks-spacing-xl);
|
|
823
736
|
--ks-text-color-default-base: var(--ks-color-fg-base);
|
|
824
737
|
--ks-text-color-default-interactive-base: var(--ks-color-link-base);
|
|
825
|
-
--ks-text-color-default-interactive-hover-base: var(--ks-color-link-
|
|
826
|
-
--ks-text-color-default-interactive-active-base: var(--ks-color-link-
|
|
827
|
-
--ks-text-color-default-interactive-selected-base: var(--ks-color-link-
|
|
738
|
+
--ks-text-color-default-interactive-hover-base: var(--ks-color-link-base);
|
|
739
|
+
--ks-text-color-default-interactive-active-base: var(--ks-color-link-base);
|
|
740
|
+
--ks-text-color-default-interactive-selected-base: var(--ks-color-link-base);
|
|
828
741
|
--ks-text-color-default-inverted-base: var(--ks-color-fg-inverted-base);
|
|
829
742
|
--ks-text-color-default-inverted-interactive-base: var(--ks-color-link-inverted-base);
|
|
830
|
-
--ks-text-color-default-inverted-interactive-hover-base: var(--ks-color-link-inverted-
|
|
831
|
-
--ks-text-color-default-inverted-interactive-active-base: var(--ks-color-link-inverted-
|
|
832
|
-
--ks-text-color-default-inverted-interactive-selected-base: var(--ks-color-link-inverted-
|
|
743
|
+
--ks-text-color-default-inverted-interactive-hover-base: var(--ks-color-link-inverted-base);
|
|
744
|
+
--ks-text-color-default-inverted-interactive-active-base: var(--ks-color-link-inverted-base);
|
|
745
|
+
--ks-text-color-default-inverted-interactive-selected-base: var(--ks-color-link-inverted-base);
|
|
833
746
|
--ks-text-color-copy-base: var(--ks-color-fg-alpha-3-base);
|
|
834
747
|
--ks-text-color-copy-interactive-base: var(--ks-color-link-base);
|
|
835
748
|
--ks-text-color-copy-interactive-hover-base: var(--ks-color-link-to-fg-2-base);
|
|
@@ -920,16 +833,6 @@
|
|
|
920
833
|
--ks-text-color-negative-inverted-interactive-hover-base: var(--ks-color-negative-inverted-alpha-2-base);
|
|
921
834
|
--ks-text-color-negative-inverted-interactive-active-base: var(--ks-color-negative-inverted-alpha-2-base);
|
|
922
835
|
--ks-text-color-negative-inverted-interactive-selected-base: var(--ks-color-negative-inverted-alpha-2-base);
|
|
923
|
-
--ks-text-color-secondary-base: var(--ks-color-secondary-base);
|
|
924
|
-
--ks-text-color-secondary-interactive-base: var(--ks-color-secondary-base);
|
|
925
|
-
--ks-text-color-secondary-interactive-hover-base: var(--ks-color-secondary-alpha-2-base);
|
|
926
|
-
--ks-text-color-secondary-interactive-active-base: var(--ks-color-secondary-alpha-2-base);
|
|
927
|
-
--ks-text-color-secondary-interactive-selected-base: var(--ks-color-secondary-alpha-2-base);
|
|
928
|
-
--ks-text-color-secondary-inverted-base: var(--ks-color-secondary-inverted-base);
|
|
929
|
-
--ks-text-color-secondary-inverted-interactive-base: var(--ks-color-secondary-inverted-alpha-2-base);
|
|
930
|
-
--ks-text-color-secondary-inverted-interactive-hover-base: var(--ks-color-secondary-inverted-alpha-2-base);
|
|
931
|
-
--ks-text-color-secondary-inverted-interactive-active-base: var(--ks-color-secondary-inverted-alpha-2-base);
|
|
932
|
-
--ks-text-color-secondary-inverted-interactive-selected-base: var(--ks-color-secondary-inverted-alpha-2-base);
|
|
933
836
|
--ks-duration-immediate: 50ms;
|
|
934
837
|
--ks-duration-fast: 100ms;
|
|
935
838
|
--ks-duration-medium: 150ms;
|
|
@@ -941,22 +844,19 @@
|
|
|
941
844
|
--ks-timing-function-linear: linear;
|
|
942
845
|
--ks-transition-collapse: var(--ks-duration-slow) var(--ks-timing-function-ease-out);
|
|
943
846
|
--ks-transition-hover: var(--ks-duration-fast) var(--ks-timing-function-ease-in-out);
|
|
944
|
-
--ks-transition-fade: var(--ks-duration-
|
|
945
|
-
--ks-font-family-display:
|
|
946
|
-
--ks-font-family-copy:
|
|
947
|
-
--ks-font-family-interface:
|
|
847
|
+
--ks-transition-fade: var(--ks-duration-slow) var(--ks-timing-function-ease-out);
|
|
848
|
+
--ks-font-family-display: Inter, Baskerville, 'Baskerville Old Face', 'Hoefler Text', 'Times New Roman', serif;
|
|
849
|
+
--ks-font-family-copy: system-ui, -apple-system, BlinkMacSystemFont, 'Avenir Next', 'Avenir', 'Segoe UI', 'Lucida Grande', 'Helvetica Neue', 'Helvetica', 'Fira Sans', 'Roboto', 'Noto', 'Droid Sans', 'Cantarell', 'Oxygen', 'Ubuntu', 'Franklin Gothic Medium', 'Century Gothic', 'Liberation Sans', sans-serif;
|
|
850
|
+
--ks-font-family-interface: system-ui, -apple-system, BlinkMacSystemFont, 'Avenir Next', 'Avenir', 'Segoe UI', 'Lucida Grande', 'Helvetica Neue', 'Helvetica', 'Fira Sans', 'Roboto', 'Noto', 'Droid Sans', 'Cantarell', 'Oxygen', 'Ubuntu', 'Franklin Gothic Medium', 'Century Gothic', 'Liberation Sans', sans-serif;
|
|
948
851
|
--ks-font-family-mono: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;
|
|
949
852
|
--ks-font-weight-light: 300;
|
|
950
853
|
--ks-font-weight-regular: 400;
|
|
951
|
-
--ks-font-weight-
|
|
952
|
-
--ks-font-weight-semi-bold: 600;
|
|
854
|
+
--ks-font-weight-semi-bold: 500;
|
|
953
855
|
--ks-font-weight-bold: 700;
|
|
954
856
|
--ks-font-size-display-bp-factor-phone: 1.125;
|
|
955
|
-
--ks-font-size-display-bp-factor-tablet: 1.
|
|
956
|
-
--ks-font-size-display-bp-factor-laptop: 1.
|
|
957
|
-
--ks-font-size-display-bp-factor-desktop: 1.
|
|
958
|
-
--ks-font-size-display-bp-factor-widescreen: 2.25;
|
|
959
|
-
--ks-font-size-display-bp-factor-tv: 2.75;
|
|
857
|
+
--ks-font-size-display-bp-factor-tablet: 1.25;
|
|
858
|
+
--ks-font-size-display-bp-factor-laptop: 1.35;
|
|
859
|
+
--ks-font-size-display-bp-factor-desktop: 1.5;
|
|
960
860
|
--ks-font-size-display-xxs-base: 0.68rem;
|
|
961
861
|
--ks-font-size-display-xs-base: 0.833rem;
|
|
962
862
|
--ks-font-size-display-s-base: 1.0204rem;
|
|
@@ -965,18 +865,14 @@
|
|
|
965
865
|
--ks-font-size-display-xl-base: 1.8758rem;
|
|
966
866
|
--ks-font-size-display-xxl-base: 2.2978rem;
|
|
967
867
|
--ks-font-size-copy-bp-factor-tablet: 1.125;
|
|
968
|
-
--ks-font-size-copy-
|
|
969
|
-
--ks-font-size-copy-
|
|
970
|
-
--ks-font-size-copy-
|
|
971
|
-
--ks-font-size-copy-
|
|
972
|
-
--ks-font-size-copy-
|
|
973
|
-
--ks-font-size-copy-
|
|
974
|
-
--ks-font-size-copy-
|
|
975
|
-
--ks-font-size-copy-xl-base: 1.6882rem;
|
|
976
|
-
--ks-font-size-copy-xxl-base: 2.068rem;
|
|
868
|
+
--ks-font-size-copy-xxs-base: 0.544rem;
|
|
869
|
+
--ks-font-size-copy-xs-base: 0.6664rem;
|
|
870
|
+
--ks-font-size-copy-s-base: 0.8163rem;
|
|
871
|
+
--ks-font-size-copy-m-base: 1rem;
|
|
872
|
+
--ks-font-size-copy-l-base: 1.225rem;
|
|
873
|
+
--ks-font-size-copy-xl-base: 1.5006rem;
|
|
874
|
+
--ks-font-size-copy-xxl-base: 1.8383rem;
|
|
977
875
|
--ks-font-size-interface-bp-factor-tablet: 1.125;
|
|
978
|
-
--ks-font-size-interface-bp-factor-widescreen: 1.35;
|
|
979
|
-
--ks-font-size-interface-bp-factor-tv: 1.65;
|
|
980
876
|
--ks-font-size-interface-xxs-base: 0.544rem;
|
|
981
877
|
--ks-font-size-interface-xs-base: 0.6664rem;
|
|
982
878
|
--ks-font-size-interface-s-base: 0.8163rem;
|
|
@@ -985,15 +881,13 @@
|
|
|
985
881
|
--ks-font-size-interface-xl-base: 1.5006rem;
|
|
986
882
|
--ks-font-size-interface-xxl-base: 1.8383rem;
|
|
987
883
|
--ks-font-size-mono-bp-factor-tablet: 1.125;
|
|
988
|
-
--ks-font-size-mono-
|
|
989
|
-
--ks-font-size-mono-
|
|
990
|
-
--ks-font-size-mono-
|
|
991
|
-
--ks-font-size-mono-
|
|
992
|
-
--ks-font-size-mono-
|
|
993
|
-
--ks-font-size-mono-
|
|
994
|
-
--ks-font-size-mono-
|
|
995
|
-
--ks-font-size-mono-xl-base: 1.6882rem;
|
|
996
|
-
--ks-font-size-mono-xxl-base: 2.068rem;
|
|
884
|
+
--ks-font-size-mono-xxs-base: 0.544rem;
|
|
885
|
+
--ks-font-size-mono-xs-base: 0.6664rem;
|
|
886
|
+
--ks-font-size-mono-s-base: 0.8163rem;
|
|
887
|
+
--ks-font-size-mono-m-base: 1rem;
|
|
888
|
+
--ks-font-size-mono-l-base: 1.225rem;
|
|
889
|
+
--ks-font-size-mono-xl-base: 1.5006rem;
|
|
890
|
+
--ks-font-size-mono-xxl-base: 1.8383rem;
|
|
997
891
|
--ks-line-height-display-xxs: 1.15;
|
|
998
892
|
--ks-line-height-display-xs: 1.15;
|
|
999
893
|
--ks-line-height-display-s: 1.15;
|
|
@@ -1092,7 +986,7 @@
|
|
|
1092
986
|
--ks-spacing-inset: calc(var(--ks-spacing-inset-base) * var(--ks-spacing-inset-bp-factor, 1));
|
|
1093
987
|
--ks-spacing-inset-squish: calc(var(--ks-spacing-inset-squish-base) * var(--ks-spacing-inset-squish-bp-factor, 1));
|
|
1094
988
|
--ks-spacing-inset-stretch: calc(var(--ks-spacing-inset-stretch-base) * var(--ks-spacing-inset-stretch-bp-factor, 1));
|
|
1095
|
-
--ks-breakpoints: '{"phone":"36em","tablet":"48em","laptop":"62em","desktop":"75em","
|
|
989
|
+
--ks-breakpoints: '{"phone":"36em","tablet":"48em","laptop":"62em","desktop":"75em","tv":"122em"}';
|
|
1096
990
|
}
|
|
1097
991
|
:root, [ks-theme], [ks-inverted=false] {
|
|
1098
992
|
--ks-background-color-accent: var(--ks-background-color-accent-base);
|
|
@@ -1195,18 +1089,6 @@
|
|
|
1195
1089
|
--ks-background-color-negative-inverted-interactive-active: var(--ks-background-color-negative-inverted-interactive-active-base);
|
|
1196
1090
|
--ks-background-color-negative-inverted-interactive-selected: var(--ks-background-color-negative-inverted-interactive-selected-base);
|
|
1197
1091
|
--ks-background-color-negative-inverted-translucent: var(--ks-background-color-negative-inverted-translucent-base);
|
|
1198
|
-
--ks-background-color-secondary: var(--ks-background-color-secondary-base);
|
|
1199
|
-
--ks-background-color-secondary-interactive: var(--ks-background-color-secondary-interactive-base);
|
|
1200
|
-
--ks-background-color-secondary-interactive-hover: var(--ks-background-color-secondary-interactive-hover-base);
|
|
1201
|
-
--ks-background-color-secondary-interactive-active: var(--ks-background-color-secondary-interactive-active-base);
|
|
1202
|
-
--ks-background-color-secondary-interactive-selected: var(--ks-background-color-secondary-interactive-selected-base);
|
|
1203
|
-
--ks-background-color-secondary-translucent: var(--ks-background-color-secondary-translucent-base);
|
|
1204
|
-
--ks-background-color-secondary-inverted: var(--ks-background-color-secondary-inverted-base);
|
|
1205
|
-
--ks-background-color-secondary-inverted-interactive: var(--ks-background-color-secondary-inverted-interactive-base);
|
|
1206
|
-
--ks-background-color-secondary-inverted-interactive-hover: var(--ks-background-color-secondary-inverted-interactive-hover-base);
|
|
1207
|
-
--ks-background-color-secondary-inverted-interactive-active: var(--ks-background-color-secondary-inverted-interactive-active-base);
|
|
1208
|
-
--ks-background-color-secondary-inverted-interactive-selected: var(--ks-background-color-secondary-inverted-interactive-selected-base);
|
|
1209
|
-
--ks-background-color-secondary-inverted-translucent: var(--ks-background-color-secondary-inverted-translucent-base);
|
|
1210
1092
|
--ks-border-color-accent: var(--ks-border-color-accent-base);
|
|
1211
1093
|
--ks-border-color-accent-inverted: var(--ks-border-color-accent-inverted-base);
|
|
1212
1094
|
--ks-border-color-clear: var(--ks-border-color-clear-base);
|
|
@@ -1305,18 +1187,6 @@
|
|
|
1305
1187
|
--ks-border-color-negative-inverted-interactive-active: var(--ks-border-color-negative-inverted-interactive-active-base);
|
|
1306
1188
|
--ks-border-color-negative-inverted-interactive-selected: var(--ks-border-color-negative-inverted-interactive-selected-base);
|
|
1307
1189
|
--ks-border-color-negative-inverted-translucent: var(--ks-border-color-negative-inverted-translucent-base);
|
|
1308
|
-
--ks-border-color-secondary: var(--ks-border-color-secondary-base);
|
|
1309
|
-
--ks-border-color-secondary-interactive: var(--ks-border-color-secondary-interactive-base);
|
|
1310
|
-
--ks-border-color-secondary-interactive-hover: var(--ks-border-color-secondary-interactive-hover-base);
|
|
1311
|
-
--ks-border-color-secondary-interactive-active: var(--ks-border-color-secondary-interactive-active-base);
|
|
1312
|
-
--ks-border-color-secondary-interactive-selected: var(--ks-border-color-secondary-interactive-selected-base);
|
|
1313
|
-
--ks-border-color-secondary-translucent: var(--ks-border-color-secondary-translucent-base);
|
|
1314
|
-
--ks-border-color-secondary-inverted: var(--ks-border-color-secondary-inverted-base);
|
|
1315
|
-
--ks-border-color-secondary-inverted-interactive: var(--ks-border-color-secondary-inverted-interactive-base);
|
|
1316
|
-
--ks-border-color-secondary-inverted-interactive-hover: var(--ks-border-color-secondary-inverted-interactive-hover-base);
|
|
1317
|
-
--ks-border-color-secondary-inverted-interactive-active: var(--ks-border-color-secondary-inverted-interactive-active-base);
|
|
1318
|
-
--ks-border-color-secondary-inverted-interactive-selected: var(--ks-border-color-secondary-inverted-interactive-selected-base);
|
|
1319
|
-
--ks-border-color-secondary-inverted-translucent: var(--ks-border-color-secondary-inverted-translucent-base);
|
|
1320
1190
|
--ks-color-fg: var(--ks-color-fg-base);
|
|
1321
1191
|
--ks-color-fg-alpha-1: var(--ks-color-fg-alpha-1-base);
|
|
1322
1192
|
--ks-color-fg-alpha-2: var(--ks-color-fg-alpha-2-base);
|
|
@@ -1730,62 +1600,6 @@
|
|
|
1730
1600
|
--ks-color-negative-inverted-to-fg-7: var(--ks-color-negative-inverted-to-fg-7-base);
|
|
1731
1601
|
--ks-color-negative-inverted-to-fg-8: var(--ks-color-negative-inverted-to-fg-8-base);
|
|
1732
1602
|
--ks-color-negative-inverted-to-fg-9: var(--ks-color-negative-inverted-to-fg-9-base);
|
|
1733
|
-
--ks-color-secondary: var(--ks-color-secondary-base);
|
|
1734
|
-
--ks-color-secondary-alpha-1: var(--ks-color-secondary-alpha-1-base);
|
|
1735
|
-
--ks-color-secondary-alpha-2: var(--ks-color-secondary-alpha-2-base);
|
|
1736
|
-
--ks-color-secondary-alpha-3: var(--ks-color-secondary-alpha-3-base);
|
|
1737
|
-
--ks-color-secondary-alpha-4: var(--ks-color-secondary-alpha-4-base);
|
|
1738
|
-
--ks-color-secondary-alpha-5: var(--ks-color-secondary-alpha-5-base);
|
|
1739
|
-
--ks-color-secondary-alpha-6: var(--ks-color-secondary-alpha-6-base);
|
|
1740
|
-
--ks-color-secondary-alpha-7: var(--ks-color-secondary-alpha-7-base);
|
|
1741
|
-
--ks-color-secondary-alpha-8: var(--ks-color-secondary-alpha-8-base);
|
|
1742
|
-
--ks-color-secondary-alpha-9: var(--ks-color-secondary-alpha-9-base);
|
|
1743
|
-
--ks-color-secondary-to-bg-1: var(--ks-color-secondary-to-bg-1-base);
|
|
1744
|
-
--ks-color-secondary-to-bg-2: var(--ks-color-secondary-to-bg-2-base);
|
|
1745
|
-
--ks-color-secondary-to-bg-3: var(--ks-color-secondary-to-bg-3-base);
|
|
1746
|
-
--ks-color-secondary-to-bg-4: var(--ks-color-secondary-to-bg-4-base);
|
|
1747
|
-
--ks-color-secondary-to-bg-5: var(--ks-color-secondary-to-bg-5-base);
|
|
1748
|
-
--ks-color-secondary-to-bg-6: var(--ks-color-secondary-to-bg-6-base);
|
|
1749
|
-
--ks-color-secondary-to-bg-7: var(--ks-color-secondary-to-bg-7-base);
|
|
1750
|
-
--ks-color-secondary-to-bg-8: var(--ks-color-secondary-to-bg-8-base);
|
|
1751
|
-
--ks-color-secondary-to-bg-9: var(--ks-color-secondary-to-bg-9-base);
|
|
1752
|
-
--ks-color-secondary-to-fg-1: var(--ks-color-secondary-to-fg-1-base);
|
|
1753
|
-
--ks-color-secondary-to-fg-2: var(--ks-color-secondary-to-fg-2-base);
|
|
1754
|
-
--ks-color-secondary-to-fg-3: var(--ks-color-secondary-to-fg-3-base);
|
|
1755
|
-
--ks-color-secondary-to-fg-4: var(--ks-color-secondary-to-fg-4-base);
|
|
1756
|
-
--ks-color-secondary-to-fg-5: var(--ks-color-secondary-to-fg-5-base);
|
|
1757
|
-
--ks-color-secondary-to-fg-6: var(--ks-color-secondary-to-fg-6-base);
|
|
1758
|
-
--ks-color-secondary-to-fg-7: var(--ks-color-secondary-to-fg-7-base);
|
|
1759
|
-
--ks-color-secondary-to-fg-8: var(--ks-color-secondary-to-fg-8-base);
|
|
1760
|
-
--ks-color-secondary-to-fg-9: var(--ks-color-secondary-to-fg-9-base);
|
|
1761
|
-
--ks-color-secondary-inverted: var(--ks-color-secondary-inverted-base);
|
|
1762
|
-
--ks-color-secondary-inverted-alpha-1: var(--ks-color-secondary-inverted-alpha-1-base);
|
|
1763
|
-
--ks-color-secondary-inverted-alpha-2: var(--ks-color-secondary-inverted-alpha-2-base);
|
|
1764
|
-
--ks-color-secondary-inverted-alpha-3: var(--ks-color-secondary-inverted-alpha-3-base);
|
|
1765
|
-
--ks-color-secondary-inverted-alpha-4: var(--ks-color-secondary-inverted-alpha-4-base);
|
|
1766
|
-
--ks-color-secondary-inverted-alpha-5: var(--ks-color-secondary-inverted-alpha-5-base);
|
|
1767
|
-
--ks-color-secondary-inverted-alpha-6: var(--ks-color-secondary-inverted-alpha-6-base);
|
|
1768
|
-
--ks-color-secondary-inverted-alpha-7: var(--ks-color-secondary-inverted-alpha-7-base);
|
|
1769
|
-
--ks-color-secondary-inverted-alpha-8: var(--ks-color-secondary-inverted-alpha-8-base);
|
|
1770
|
-
--ks-color-secondary-inverted-alpha-9: var(--ks-color-secondary-inverted-alpha-9-base);
|
|
1771
|
-
--ks-color-secondary-inverted-to-bg-1: var(--ks-color-secondary-inverted-to-bg-1-base);
|
|
1772
|
-
--ks-color-secondary-inverted-to-bg-2: var(--ks-color-secondary-inverted-to-bg-2-base);
|
|
1773
|
-
--ks-color-secondary-inverted-to-bg-3: var(--ks-color-secondary-inverted-to-bg-3-base);
|
|
1774
|
-
--ks-color-secondary-inverted-to-bg-4: var(--ks-color-secondary-inverted-to-bg-4-base);
|
|
1775
|
-
--ks-color-secondary-inverted-to-bg-5: var(--ks-color-secondary-inverted-to-bg-5-base);
|
|
1776
|
-
--ks-color-secondary-inverted-to-bg-6: var(--ks-color-secondary-inverted-to-bg-6-base);
|
|
1777
|
-
--ks-color-secondary-inverted-to-bg-7: var(--ks-color-secondary-inverted-to-bg-7-base);
|
|
1778
|
-
--ks-color-secondary-inverted-to-bg-8: var(--ks-color-secondary-inverted-to-bg-8-base);
|
|
1779
|
-
--ks-color-secondary-inverted-to-bg-9: var(--ks-color-secondary-inverted-to-bg-9-base);
|
|
1780
|
-
--ks-color-secondary-inverted-to-fg-1: var(--ks-color-secondary-inverted-to-fg-1-base);
|
|
1781
|
-
--ks-color-secondary-inverted-to-fg-2: var(--ks-color-secondary-inverted-to-fg-2-base);
|
|
1782
|
-
--ks-color-secondary-inverted-to-fg-3: var(--ks-color-secondary-inverted-to-fg-3-base);
|
|
1783
|
-
--ks-color-secondary-inverted-to-fg-4: var(--ks-color-secondary-inverted-to-fg-4-base);
|
|
1784
|
-
--ks-color-secondary-inverted-to-fg-5: var(--ks-color-secondary-inverted-to-fg-5-base);
|
|
1785
|
-
--ks-color-secondary-inverted-to-fg-6: var(--ks-color-secondary-inverted-to-fg-6-base);
|
|
1786
|
-
--ks-color-secondary-inverted-to-fg-7: var(--ks-color-secondary-inverted-to-fg-7-base);
|
|
1787
|
-
--ks-color-secondary-inverted-to-fg-8: var(--ks-color-secondary-inverted-to-fg-8-base);
|
|
1788
|
-
--ks-color-secondary-inverted-to-fg-9: var(--ks-color-secondary-inverted-to-fg-9-base);
|
|
1789
1603
|
--ks-text-color-default: var(--ks-text-color-default-base);
|
|
1790
1604
|
--ks-text-color-default-interactive: var(--ks-text-color-default-interactive-base);
|
|
1791
1605
|
--ks-text-color-default-interactive-hover: var(--ks-text-color-default-interactive-hover-base);
|
|
@@ -1886,16 +1700,6 @@
|
|
|
1886
1700
|
--ks-text-color-negative-inverted-interactive-hover: var(--ks-text-color-negative-inverted-interactive-hover-base);
|
|
1887
1701
|
--ks-text-color-negative-inverted-interactive-active: var(--ks-text-color-negative-inverted-interactive-active-base);
|
|
1888
1702
|
--ks-text-color-negative-inverted-interactive-selected: var(--ks-text-color-negative-inverted-interactive-selected-base);
|
|
1889
|
-
--ks-text-color-secondary: var(--ks-text-color-secondary-base);
|
|
1890
|
-
--ks-text-color-secondary-interactive: var(--ks-text-color-secondary-interactive-base);
|
|
1891
|
-
--ks-text-color-secondary-interactive-hover: var(--ks-text-color-secondary-interactive-hover-base);
|
|
1892
|
-
--ks-text-color-secondary-interactive-active: var(--ks-text-color-secondary-interactive-active-base);
|
|
1893
|
-
--ks-text-color-secondary-interactive-selected: var(--ks-text-color-secondary-interactive-selected-base);
|
|
1894
|
-
--ks-text-color-secondary-inverted: var(--ks-text-color-secondary-inverted-base);
|
|
1895
|
-
--ks-text-color-secondary-inverted-interactive: var(--ks-text-color-secondary-inverted-interactive-base);
|
|
1896
|
-
--ks-text-color-secondary-inverted-interactive-hover: var(--ks-text-color-secondary-inverted-interactive-hover-base);
|
|
1897
|
-
--ks-text-color-secondary-inverted-interactive-active: var(--ks-text-color-secondary-inverted-interactive-active-base);
|
|
1898
|
-
--ks-text-color-secondary-inverted-interactive-selected: var(--ks-text-color-secondary-inverted-interactive-selected-base);
|
|
1899
1703
|
}
|
|
1900
1704
|
[ks-inverted=true] {
|
|
1901
1705
|
--ks-background-color-accent: var(--ks-background-color-accent-inverted-base);
|
|
@@ -1998,18 +1802,6 @@
|
|
|
1998
1802
|
--ks-background-color-negative-inverted-interactive-selected: var(--ks-background-color-negative-interactive-selected-base);
|
|
1999
1803
|
--ks-background-color-negative-translucent: var(--ks-background-color-negative-inverted-translucent-base);
|
|
2000
1804
|
--ks-background-color-negative-inverted-translucent: var(--ks-background-color-negative-translucent-base);
|
|
2001
|
-
--ks-background-color-secondary: var(--ks-background-color-secondary-inverted-base);
|
|
2002
|
-
--ks-background-color-secondary-inverted: var(--ks-background-color-secondary-base);
|
|
2003
|
-
--ks-background-color-secondary-interactive: var(--ks-background-color-secondary-inverted-interactive-base);
|
|
2004
|
-
--ks-background-color-secondary-inverted-interactive: var(--ks-background-color-secondary-interactive-base);
|
|
2005
|
-
--ks-background-color-secondary-interactive-hover: var(--ks-background-color-secondary-inverted-interactive-hover-base);
|
|
2006
|
-
--ks-background-color-secondary-inverted-interactive-hover: var(--ks-background-color-secondary-interactive-hover-base);
|
|
2007
|
-
--ks-background-color-secondary-interactive-active: var(--ks-background-color-secondary-inverted-interactive-active-base);
|
|
2008
|
-
--ks-background-color-secondary-inverted-interactive-active: var(--ks-background-color-secondary-interactive-active-base);
|
|
2009
|
-
--ks-background-color-secondary-interactive-selected: var(--ks-background-color-secondary-inverted-interactive-selected-base);
|
|
2010
|
-
--ks-background-color-secondary-inverted-interactive-selected: var(--ks-background-color-secondary-interactive-selected-base);
|
|
2011
|
-
--ks-background-color-secondary-translucent: var(--ks-background-color-secondary-inverted-translucent-base);
|
|
2012
|
-
--ks-background-color-secondary-inverted-translucent: var(--ks-background-color-secondary-translucent-base);
|
|
2013
1805
|
--ks-border-color-accent: var(--ks-border-color-accent-inverted-base);
|
|
2014
1806
|
--ks-border-color-accent-inverted: var(--ks-border-color-accent-base);
|
|
2015
1807
|
--ks-border-color-clear: var(--ks-border-color-clear-inverted-base);
|
|
@@ -2108,18 +1900,6 @@
|
|
|
2108
1900
|
--ks-border-color-negative-inverted-interactive-selected: var(--ks-border-color-negative-interactive-selected-base);
|
|
2109
1901
|
--ks-border-color-negative-translucent: var(--ks-border-color-negative-inverted-translucent-base);
|
|
2110
1902
|
--ks-border-color-negative-inverted-translucent: var(--ks-border-color-negative-translucent-base);
|
|
2111
|
-
--ks-border-color-secondary: var(--ks-border-color-secondary-inverted-base);
|
|
2112
|
-
--ks-border-color-secondary-inverted: var(--ks-border-color-secondary-base);
|
|
2113
|
-
--ks-border-color-secondary-interactive: var(--ks-border-color-secondary-inverted-interactive-base);
|
|
2114
|
-
--ks-border-color-secondary-inverted-interactive: var(--ks-border-color-secondary-interactive-base);
|
|
2115
|
-
--ks-border-color-secondary-interactive-hover: var(--ks-border-color-secondary-inverted-interactive-hover-base);
|
|
2116
|
-
--ks-border-color-secondary-inverted-interactive-hover: var(--ks-border-color-secondary-interactive-hover-base);
|
|
2117
|
-
--ks-border-color-secondary-interactive-active: var(--ks-border-color-secondary-inverted-interactive-active-base);
|
|
2118
|
-
--ks-border-color-secondary-inverted-interactive-active: var(--ks-border-color-secondary-interactive-active-base);
|
|
2119
|
-
--ks-border-color-secondary-interactive-selected: var(--ks-border-color-secondary-inverted-interactive-selected-base);
|
|
2120
|
-
--ks-border-color-secondary-inverted-interactive-selected: var(--ks-border-color-secondary-interactive-selected-base);
|
|
2121
|
-
--ks-border-color-secondary-translucent: var(--ks-border-color-secondary-inverted-translucent-base);
|
|
2122
|
-
--ks-border-color-secondary-inverted-translucent: var(--ks-border-color-secondary-translucent-base);
|
|
2123
1903
|
--ks-color-fg: var(--ks-color-fg-inverted-base);
|
|
2124
1904
|
--ks-color-fg-inverted: var(--ks-color-fg-base);
|
|
2125
1905
|
--ks-color-fg-alpha-1: var(--ks-color-fg-inverted-alpha-1-base);
|
|
@@ -2532,62 +2312,6 @@
|
|
|
2532
2312
|
--ks-color-negative-inverted-to-fg-8: var(--ks-color-negative-to-fg-8-base);
|
|
2533
2313
|
--ks-color-negative-to-fg-9: var(--ks-color-negative-inverted-to-fg-9-base);
|
|
2534
2314
|
--ks-color-negative-inverted-to-fg-9: var(--ks-color-negative-to-fg-9-base);
|
|
2535
|
-
--ks-color-secondary: var(--ks-color-secondary-inverted-base);
|
|
2536
|
-
--ks-color-secondary-inverted: var(--ks-color-secondary-base);
|
|
2537
|
-
--ks-color-secondary-alpha-1: var(--ks-color-secondary-inverted-alpha-1-base);
|
|
2538
|
-
--ks-color-secondary-inverted-alpha-1: var(--ks-color-secondary-alpha-1-base);
|
|
2539
|
-
--ks-color-secondary-alpha-2: var(--ks-color-secondary-inverted-alpha-2-base);
|
|
2540
|
-
--ks-color-secondary-inverted-alpha-2: var(--ks-color-secondary-alpha-2-base);
|
|
2541
|
-
--ks-color-secondary-alpha-3: var(--ks-color-secondary-inverted-alpha-3-base);
|
|
2542
|
-
--ks-color-secondary-inverted-alpha-3: var(--ks-color-secondary-alpha-3-base);
|
|
2543
|
-
--ks-color-secondary-alpha-4: var(--ks-color-secondary-inverted-alpha-4-base);
|
|
2544
|
-
--ks-color-secondary-inverted-alpha-4: var(--ks-color-secondary-alpha-4-base);
|
|
2545
|
-
--ks-color-secondary-alpha-5: var(--ks-color-secondary-inverted-alpha-5-base);
|
|
2546
|
-
--ks-color-secondary-inverted-alpha-5: var(--ks-color-secondary-alpha-5-base);
|
|
2547
|
-
--ks-color-secondary-alpha-6: var(--ks-color-secondary-inverted-alpha-6-base);
|
|
2548
|
-
--ks-color-secondary-inverted-alpha-6: var(--ks-color-secondary-alpha-6-base);
|
|
2549
|
-
--ks-color-secondary-alpha-7: var(--ks-color-secondary-inverted-alpha-7-base);
|
|
2550
|
-
--ks-color-secondary-inverted-alpha-7: var(--ks-color-secondary-alpha-7-base);
|
|
2551
|
-
--ks-color-secondary-alpha-8: var(--ks-color-secondary-inverted-alpha-8-base);
|
|
2552
|
-
--ks-color-secondary-inverted-alpha-8: var(--ks-color-secondary-alpha-8-base);
|
|
2553
|
-
--ks-color-secondary-alpha-9: var(--ks-color-secondary-inverted-alpha-9-base);
|
|
2554
|
-
--ks-color-secondary-inverted-alpha-9: var(--ks-color-secondary-alpha-9-base);
|
|
2555
|
-
--ks-color-secondary-to-bg-1: var(--ks-color-secondary-inverted-to-bg-1-base);
|
|
2556
|
-
--ks-color-secondary-inverted-to-bg-1: var(--ks-color-secondary-to-bg-1-base);
|
|
2557
|
-
--ks-color-secondary-to-bg-2: var(--ks-color-secondary-inverted-to-bg-2-base);
|
|
2558
|
-
--ks-color-secondary-inverted-to-bg-2: var(--ks-color-secondary-to-bg-2-base);
|
|
2559
|
-
--ks-color-secondary-to-bg-3: var(--ks-color-secondary-inverted-to-bg-3-base);
|
|
2560
|
-
--ks-color-secondary-inverted-to-bg-3: var(--ks-color-secondary-to-bg-3-base);
|
|
2561
|
-
--ks-color-secondary-to-bg-4: var(--ks-color-secondary-inverted-to-bg-4-base);
|
|
2562
|
-
--ks-color-secondary-inverted-to-bg-4: var(--ks-color-secondary-to-bg-4-base);
|
|
2563
|
-
--ks-color-secondary-to-bg-5: var(--ks-color-secondary-inverted-to-bg-5-base);
|
|
2564
|
-
--ks-color-secondary-inverted-to-bg-5: var(--ks-color-secondary-to-bg-5-base);
|
|
2565
|
-
--ks-color-secondary-to-bg-6: var(--ks-color-secondary-inverted-to-bg-6-base);
|
|
2566
|
-
--ks-color-secondary-inverted-to-bg-6: var(--ks-color-secondary-to-bg-6-base);
|
|
2567
|
-
--ks-color-secondary-to-bg-7: var(--ks-color-secondary-inverted-to-bg-7-base);
|
|
2568
|
-
--ks-color-secondary-inverted-to-bg-7: var(--ks-color-secondary-to-bg-7-base);
|
|
2569
|
-
--ks-color-secondary-to-bg-8: var(--ks-color-secondary-inverted-to-bg-8-base);
|
|
2570
|
-
--ks-color-secondary-inverted-to-bg-8: var(--ks-color-secondary-to-bg-8-base);
|
|
2571
|
-
--ks-color-secondary-to-bg-9: var(--ks-color-secondary-inverted-to-bg-9-base);
|
|
2572
|
-
--ks-color-secondary-inverted-to-bg-9: var(--ks-color-secondary-to-bg-9-base);
|
|
2573
|
-
--ks-color-secondary-to-fg-1: var(--ks-color-secondary-inverted-to-fg-1-base);
|
|
2574
|
-
--ks-color-secondary-inverted-to-fg-1: var(--ks-color-secondary-to-fg-1-base);
|
|
2575
|
-
--ks-color-secondary-to-fg-2: var(--ks-color-secondary-inverted-to-fg-2-base);
|
|
2576
|
-
--ks-color-secondary-inverted-to-fg-2: var(--ks-color-secondary-to-fg-2-base);
|
|
2577
|
-
--ks-color-secondary-to-fg-3: var(--ks-color-secondary-inverted-to-fg-3-base);
|
|
2578
|
-
--ks-color-secondary-inverted-to-fg-3: var(--ks-color-secondary-to-fg-3-base);
|
|
2579
|
-
--ks-color-secondary-to-fg-4: var(--ks-color-secondary-inverted-to-fg-4-base);
|
|
2580
|
-
--ks-color-secondary-inverted-to-fg-4: var(--ks-color-secondary-to-fg-4-base);
|
|
2581
|
-
--ks-color-secondary-to-fg-5: var(--ks-color-secondary-inverted-to-fg-5-base);
|
|
2582
|
-
--ks-color-secondary-inverted-to-fg-5: var(--ks-color-secondary-to-fg-5-base);
|
|
2583
|
-
--ks-color-secondary-to-fg-6: var(--ks-color-secondary-inverted-to-fg-6-base);
|
|
2584
|
-
--ks-color-secondary-inverted-to-fg-6: var(--ks-color-secondary-to-fg-6-base);
|
|
2585
|
-
--ks-color-secondary-to-fg-7: var(--ks-color-secondary-inverted-to-fg-7-base);
|
|
2586
|
-
--ks-color-secondary-inverted-to-fg-7: var(--ks-color-secondary-to-fg-7-base);
|
|
2587
|
-
--ks-color-secondary-to-fg-8: var(--ks-color-secondary-inverted-to-fg-8-base);
|
|
2588
|
-
--ks-color-secondary-inverted-to-fg-8: var(--ks-color-secondary-to-fg-8-base);
|
|
2589
|
-
--ks-color-secondary-to-fg-9: var(--ks-color-secondary-inverted-to-fg-9-base);
|
|
2590
|
-
--ks-color-secondary-inverted-to-fg-9: var(--ks-color-secondary-to-fg-9-base);
|
|
2591
2315
|
--ks-text-color-default: var(--ks-text-color-default-inverted-base);
|
|
2592
2316
|
--ks-text-color-default-inverted: var(--ks-text-color-default-base);
|
|
2593
2317
|
--ks-text-color-default-interactive: var(--ks-text-color-default-inverted-interactive-base);
|
|
@@ -2688,16 +2412,6 @@
|
|
|
2688
2412
|
--ks-text-color-negative-inverted-interactive-active: var(--ks-text-color-negative-interactive-active-base);
|
|
2689
2413
|
--ks-text-color-negative-interactive-selected: var(--ks-text-color-negative-inverted-interactive-selected-base);
|
|
2690
2414
|
--ks-text-color-negative-inverted-interactive-selected: var(--ks-text-color-negative-interactive-selected-base);
|
|
2691
|
-
--ks-text-color-secondary: var(--ks-text-color-secondary-inverted-base);
|
|
2692
|
-
--ks-text-color-secondary-inverted: var(--ks-text-color-secondary-base);
|
|
2693
|
-
--ks-text-color-secondary-interactive: var(--ks-text-color-secondary-inverted-interactive-base);
|
|
2694
|
-
--ks-text-color-secondary-inverted-interactive: var(--ks-text-color-secondary-interactive-base);
|
|
2695
|
-
--ks-text-color-secondary-interactive-hover: var(--ks-text-color-secondary-inverted-interactive-hover-base);
|
|
2696
|
-
--ks-text-color-secondary-inverted-interactive-hover: var(--ks-text-color-secondary-interactive-hover-base);
|
|
2697
|
-
--ks-text-color-secondary-interactive-active: var(--ks-text-color-secondary-inverted-interactive-active-base);
|
|
2698
|
-
--ks-text-color-secondary-inverted-interactive-active: var(--ks-text-color-secondary-interactive-active-base);
|
|
2699
|
-
--ks-text-color-secondary-interactive-selected: var(--ks-text-color-secondary-inverted-interactive-selected-base);
|
|
2700
|
-
--ks-text-color-secondary-inverted-interactive-selected: var(--ks-text-color-secondary-interactive-selected-base);
|
|
2701
2415
|
}
|
|
2702
2416
|
@media (min-width: 36em) {
|
|
2703
2417
|
:root {
|
|
@@ -2752,24 +2466,6 @@
|
|
|
2752
2466
|
}
|
|
2753
2467
|
@media (min-width: 122em) {
|
|
2754
2468
|
:root {
|
|
2755
|
-
--ks-font-size-display-bp-factor: var(--ks-font-size-display-bp-factor-widescreen);
|
|
2756
|
-
--ks-font-size-copy-bp-factor: var(--ks-font-size-copy-bp-factor-widescreen);
|
|
2757
|
-
--ks-font-size-interface-bp-factor: var(--ks-font-size-interface-bp-factor-widescreen);
|
|
2758
|
-
--ks-font-size-mono-bp-factor: var(--ks-font-size-mono-bp-factor-widescreen);
|
|
2759
|
-
--ks-spacing-xxs-bp-factor: var(--ks-spacing-xxs-bp-factor-widescreen);
|
|
2760
|
-
--ks-spacing-xs-bp-factor: var(--ks-spacing-xs-bp-factor-widescreen);
|
|
2761
|
-
--ks-spacing-s-bp-factor: var(--ks-spacing-s-bp-factor-widescreen);
|
|
2762
|
-
--ks-spacing-m-bp-factor: var(--ks-spacing-m-bp-factor-widescreen);
|
|
2763
|
-
--ks-spacing-l-bp-factor: var(--ks-spacing-l-bp-factor-widescreen);
|
|
2764
|
-
--ks-spacing-xxl-bp-factor: var(--ks-spacing-xxl-bp-factor-widescreen);
|
|
2765
|
-
}
|
|
2766
|
-
}
|
|
2767
|
-
@media (min-width: 162em) {
|
|
2768
|
-
:root {
|
|
2769
|
-
--ks-font-size-display-bp-factor: var(--ks-font-size-display-bp-factor-tv);
|
|
2770
|
-
--ks-font-size-copy-bp-factor: var(--ks-font-size-copy-bp-factor-tv);
|
|
2771
|
-
--ks-font-size-interface-bp-factor: var(--ks-font-size-interface-bp-factor-tv);
|
|
2772
|
-
--ks-font-size-mono-bp-factor: var(--ks-font-size-mono-bp-factor-tv);
|
|
2773
2469
|
--ks-spacing-xxs-bp-factor: var(--ks-spacing-xxs-bp-factor-tv);
|
|
2774
2470
|
--ks-spacing-xs-bp-factor: var(--ks-spacing-xs-bp-factor-tv);
|
|
2775
2471
|
--ks-spacing-s-bp-factor: var(--ks-spacing-s-bp-factor-tv);
|