@cas-smartdesign/design-tokens 1.8.1 → 2.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/docs/index.html +208 -195
- package/dist/tokens.css +7 -7
- package/dist/tokens.d.ts +221 -168
- package/dist/tokens.esm.js +2188 -166
- package/dist/tokens.json +2992 -166
- package/npm-third-party-licenses.json +52 -102
- package/package.json +12 -9
- package/readme.md +1 -1
- package/dist/tokens.cjs.js +0 -167
package/dist/docs/index.html
CHANGED
|
@@ -5,7 +5,6 @@
|
|
|
5
5
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
6
6
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
7
7
|
<title>SmartDesign design tokens</title>
|
|
8
|
-
<link rel="stylesheet" href="./tokens.css" />
|
|
9
8
|
<style>.markdown-body {
|
|
10
9
|
box-sizing: border-box;
|
|
11
10
|
min-width: 200px;
|
|
@@ -16,15 +15,10 @@
|
|
|
16
15
|
|
|
17
16
|
th,
|
|
18
17
|
td {
|
|
19
|
-
font-family: "Courier New", Courier, monospace;
|
|
20
18
|
height: 40px;
|
|
21
19
|
padding: 4px 8px;
|
|
22
20
|
}
|
|
23
21
|
|
|
24
|
-
th {
|
|
25
|
-
background: var(--color-base-grey-200);
|
|
26
|
-
}
|
|
27
|
-
|
|
28
22
|
.color-block {
|
|
29
23
|
display: flex;
|
|
30
24
|
align-items: center;
|
|
@@ -35,27 +29,38 @@ th {
|
|
|
35
29
|
width: 16px;
|
|
36
30
|
height: 16px;
|
|
37
31
|
display: inline-flex;
|
|
38
|
-
border: 1px solid
|
|
32
|
+
border: 1px solid #999999;
|
|
39
33
|
}
|
|
40
34
|
|
|
41
35
|
.color-block span {
|
|
42
36
|
margin-left: 4px;
|
|
43
37
|
}
|
|
44
38
|
|
|
45
|
-
/*
|
|
39
|
+
/*light */
|
|
46
40
|
.markdown-body {
|
|
47
41
|
color-scheme: light;
|
|
42
|
+
/** CSS default easing. Use for hover state changes and micro-interactions. */
|
|
43
|
+
/** Accelerating motion. Use for elements exiting the viewport (moving off-screen). */
|
|
44
|
+
/** Smooth acceleration and deceleration. Use for elements moving or morphing within the viewport. */
|
|
45
|
+
/** Decelerating motion. Use for elements entering the viewport or appearing on screen. */
|
|
46
|
+
/** Constant motion with no acceleration. Use for continuous animations like progress bars or loaders. */
|
|
48
47
|
-ms-text-size-adjust: 100%;
|
|
49
48
|
-webkit-text-size-adjust: 100%;
|
|
50
49
|
margin: 0;
|
|
50
|
+
font-weight: 400;
|
|
51
51
|
color: #1f2328;
|
|
52
52
|
background-color: #ffffff;
|
|
53
|
-
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
|
|
53
|
+
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
|
|
54
54
|
font-size: 16px;
|
|
55
55
|
line-height: 1.5;
|
|
56
56
|
word-wrap: break-word;
|
|
57
57
|
}
|
|
58
58
|
|
|
59
|
+
.markdown-body a {
|
|
60
|
+
text-decoration: underline;
|
|
61
|
+
text-underline-offset: .2rem;
|
|
62
|
+
}
|
|
63
|
+
|
|
59
64
|
.markdown-body .octicon {
|
|
60
65
|
display: inline-block;
|
|
61
66
|
fill: currentColor;
|
|
@@ -92,7 +97,7 @@ th {
|
|
|
92
97
|
}
|
|
93
98
|
|
|
94
99
|
.markdown-body a {
|
|
95
|
-
background-color:
|
|
100
|
+
background-color: rgba(0,0,0,0);
|
|
96
101
|
color: #0969da;
|
|
97
102
|
text-decoration: none;
|
|
98
103
|
}
|
|
@@ -166,7 +171,7 @@ th {
|
|
|
166
171
|
.markdown-body hr {
|
|
167
172
|
box-sizing: content-box;
|
|
168
173
|
overflow: hidden;
|
|
169
|
-
background:
|
|
174
|
+
background: rgba(0,0,0,0);
|
|
170
175
|
border-bottom: 1px solid #d1d9e0b3;
|
|
171
176
|
height: .25em;
|
|
172
177
|
padding: 0;
|
|
@@ -262,7 +267,7 @@ th {
|
|
|
262
267
|
.markdown-body [role=button]:focus,
|
|
263
268
|
.markdown-body input[type=radio]:focus,
|
|
264
269
|
.markdown-body input[type=checkbox]:focus {
|
|
265
|
-
outline: 2px solid
|
|
270
|
+
outline: 2px solid var(--borderColor-accent-emphasis);
|
|
266
271
|
outline-offset: -2px;
|
|
267
272
|
box-shadow: none;
|
|
268
273
|
}
|
|
@@ -271,14 +276,14 @@ th {
|
|
|
271
276
|
.markdown-body [role=button]:focus:not(:focus-visible),
|
|
272
277
|
.markdown-body input[type=radio]:focus:not(:focus-visible),
|
|
273
278
|
.markdown-body input[type=checkbox]:focus:not(:focus-visible) {
|
|
274
|
-
outline: solid 1px
|
|
279
|
+
outline: solid 1px rgba(0,0,0,0);
|
|
275
280
|
}
|
|
276
281
|
|
|
277
282
|
.markdown-body a:focus-visible,
|
|
278
283
|
.markdown-body [role=button]:focus-visible,
|
|
279
284
|
.markdown-body input[type=radio]:focus-visible,
|
|
280
285
|
.markdown-body input[type=checkbox]:focus-visible {
|
|
281
|
-
outline: 2px solid
|
|
286
|
+
outline: 2px solid var(--borderColor-accent-emphasis);
|
|
282
287
|
outline-offset: -2px;
|
|
283
288
|
box-shadow: none;
|
|
284
289
|
}
|
|
@@ -300,10 +305,10 @@ th {
|
|
|
300
305
|
color: #1f2328;
|
|
301
306
|
vertical-align: middle;
|
|
302
307
|
background-color: #f6f8fa;
|
|
303
|
-
border: solid 1px
|
|
304
|
-
border-bottom-color:
|
|
308
|
+
border: solid 1px var(--borderColor-muted);
|
|
309
|
+
border-bottom-color: var(--borderColor-muted);
|
|
305
310
|
border-radius: 6px;
|
|
306
|
-
box-shadow: inset 0 -1px 0
|
|
311
|
+
box-shadow: inset 0 -1px 0 var(--borderColor-muted);
|
|
307
312
|
}
|
|
308
313
|
|
|
309
314
|
.markdown-body h1,
|
|
@@ -628,7 +633,7 @@ th {
|
|
|
628
633
|
}
|
|
629
634
|
|
|
630
635
|
.markdown-body table img {
|
|
631
|
-
background-color:
|
|
636
|
+
background-color: rgba(0,0,0,0);
|
|
632
637
|
}
|
|
633
638
|
|
|
634
639
|
.markdown-body img[align=right] {
|
|
@@ -642,7 +647,7 @@ th {
|
|
|
642
647
|
.markdown-body .emoji {
|
|
643
648
|
max-width: none;
|
|
644
649
|
vertical-align: text-top;
|
|
645
|
-
background-color:
|
|
650
|
+
background-color: rgba(0,0,0,0);
|
|
646
651
|
}
|
|
647
652
|
|
|
648
653
|
.markdown-body span.frame {
|
|
@@ -765,7 +770,7 @@ th {
|
|
|
765
770
|
margin: 0;
|
|
766
771
|
word-break: normal;
|
|
767
772
|
white-space: pre;
|
|
768
|
-
background:
|
|
773
|
+
background: rgba(0,0,0,0);
|
|
769
774
|
border: 0;
|
|
770
775
|
}
|
|
771
776
|
|
|
@@ -792,13 +797,12 @@ th {
|
|
|
792
797
|
.markdown-body pre code,
|
|
793
798
|
.markdown-body pre tt {
|
|
794
799
|
display: inline;
|
|
795
|
-
max-width: auto;
|
|
796
800
|
padding: 0;
|
|
797
801
|
margin: 0;
|
|
798
802
|
overflow: visible;
|
|
799
803
|
line-height: inherit;
|
|
800
804
|
word-wrap: normal;
|
|
801
|
-
background-color:
|
|
805
|
+
background-color: rgba(0,0,0,0);
|
|
802
806
|
border: 0;
|
|
803
807
|
}
|
|
804
808
|
|
|
@@ -877,10 +881,6 @@ th {
|
|
|
877
881
|
font-family: monospace;
|
|
878
882
|
}
|
|
879
883
|
|
|
880
|
-
.markdown-body body:has(:modal) {
|
|
881
|
-
padding-right: var(--dialog-scrollgutter) !important;
|
|
882
|
-
}
|
|
883
|
-
|
|
884
884
|
.markdown-body .pl-c {
|
|
885
885
|
color: #59636e;
|
|
886
886
|
}
|
|
@@ -928,8 +928,8 @@ th {
|
|
|
928
928
|
}
|
|
929
929
|
|
|
930
930
|
.markdown-body .pl-ii {
|
|
931
|
-
color:
|
|
932
|
-
background-color:
|
|
931
|
+
color: var(--fgColor-danger);
|
|
932
|
+
background-color: var(--bgColor-danger-muted);
|
|
933
933
|
}
|
|
934
934
|
|
|
935
935
|
.markdown-body .pl-c2 {
|
|
@@ -1031,6 +1031,19 @@ th {
|
|
|
1031
1031
|
height: 1em;
|
|
1032
1032
|
}
|
|
1033
1033
|
|
|
1034
|
+
.markdown-body a:has(>p,>div,>pre,>blockquote) {
|
|
1035
|
+
display: block;
|
|
1036
|
+
}
|
|
1037
|
+
|
|
1038
|
+
.markdown-body a:has(>p,>div,>pre,>blockquote):not(:has(.snippet-clipboard-content,>pre)) {
|
|
1039
|
+
width: fit-content;
|
|
1040
|
+
}
|
|
1041
|
+
|
|
1042
|
+
.markdown-body a:has(>p,>div,>pre,>blockquote):has(.snippet-clipboard-content,>pre):focus-visible {
|
|
1043
|
+
outline: 2px solid var(--borderColor-accent-emphasis);
|
|
1044
|
+
outline-offset: 2px;
|
|
1045
|
+
}
|
|
1046
|
+
|
|
1034
1047
|
.markdown-body .task-list-item {
|
|
1035
1048
|
list-style-type: none;
|
|
1036
1049
|
}
|
|
@@ -1070,7 +1083,7 @@ th {
|
|
|
1070
1083
|
width: auto;
|
|
1071
1084
|
height: 24px;
|
|
1072
1085
|
overflow: visible;
|
|
1073
|
-
clip:
|
|
1086
|
+
clip-path: none;
|
|
1074
1087
|
}
|
|
1075
1088
|
|
|
1076
1089
|
.markdown-body ::-webkit-calendar-picker-indicator {
|
|
@@ -1157,176 +1170,176 @@ th {
|
|
|
1157
1170
|
<p>The design tokens are provided as</p>
|
|
1158
1171
|
<ul>
|
|
1159
1172
|
<li>JSON</li>
|
|
1160
|
-
<li>JavaScript module (
|
|
1173
|
+
<li>JavaScript module (esm)</li>
|
|
1161
1174
|
<li>CSS Variables</li>
|
|
1162
1175
|
</ul>
|
|
1163
1176
|
</div>
|
|
1164
1177
|
<table>
|
|
1165
|
-
<tr><th colspan="3">color</th></tr><tr><th>
|
|
1166
|
-
<tr><td><span
|
|
1167
|
-
<tr><td><span
|
|
1168
|
-
<tr><td><span
|
|
1169
|
-
<tr><td><span
|
|
1170
|
-
<tr><td><span
|
|
1171
|
-
<tr><td><span
|
|
1172
|
-
<tr><td><span
|
|
1173
|
-
<tr><td><span
|
|
1174
|
-
<tr><td><span
|
|
1175
|
-
<tr><td><span
|
|
1176
|
-
<tr><td><span
|
|
1177
|
-
<tr><td><span
|
|
1178
|
-
<tr><td><span
|
|
1179
|
-
<tr><td><span
|
|
1180
|
-
<tr><td><span
|
|
1181
|
-
<tr><td><span
|
|
1182
|
-
<tr><td><span
|
|
1183
|
-
<tr><td><span
|
|
1184
|
-
<tr><td><span
|
|
1185
|
-
<tr><td><span
|
|
1186
|
-
<tr><td><span
|
|
1187
|
-
<tr><td><span
|
|
1188
|
-
<tr><td><span
|
|
1189
|
-
<tr><td><span
|
|
1190
|
-
<tr><td><span
|
|
1191
|
-
<tr><td><span
|
|
1192
|
-
<tr><td><span
|
|
1193
|
-
<tr><td><span
|
|
1194
|
-
<tr><td><span
|
|
1195
|
-
<tr><td><span
|
|
1196
|
-
<tr><td><span
|
|
1197
|
-
<tr><td><span
|
|
1198
|
-
<tr><td><span
|
|
1199
|
-
<tr><td><span
|
|
1200
|
-
<tr><td><span
|
|
1201
|
-
<tr><td><span
|
|
1202
|
-
<tr><td><span
|
|
1203
|
-
<tr><td><span
|
|
1204
|
-
<tr><td><span
|
|
1205
|
-
<tr><td><span
|
|
1206
|
-
<tr><td><span
|
|
1207
|
-
<tr><td><span
|
|
1208
|
-
<tr><td><span
|
|
1209
|
-
<tr><td><span
|
|
1210
|
-
<tr><td><span
|
|
1211
|
-
<tr><td><span
|
|
1212
|
-
<tr><td><span
|
|
1213
|
-
<tr><td><span
|
|
1214
|
-
<tr><td><span
|
|
1215
|
-
<tr><td><span
|
|
1216
|
-
<tr><td><span
|
|
1217
|
-
<tr><td><span
|
|
1218
|
-
<tr><td><span
|
|
1219
|
-
<tr><td><span
|
|
1220
|
-
<tr><td><span
|
|
1221
|
-
<tr><td><span
|
|
1222
|
-
<tr><td><span
|
|
1223
|
-
<tr><td><span
|
|
1224
|
-
<tr><td><span
|
|
1225
|
-
<tr><td><span
|
|
1226
|
-
<tr><td><span
|
|
1227
|
-
<tr><td><span
|
|
1228
|
-
<tr><td><span
|
|
1229
|
-
<tr><td><span
|
|
1230
|
-
<tr><td><span
|
|
1231
|
-
<tr><td><span
|
|
1232
|
-
<tr><td><span
|
|
1233
|
-
<tr><td><span
|
|
1234
|
-
<tr><td><span
|
|
1235
|
-
<tr><td><span
|
|
1236
|
-
<tr><td><span
|
|
1237
|
-
<tr><td><span
|
|
1238
|
-
<tr><td><span
|
|
1239
|
-
<tr><td><span
|
|
1240
|
-
<tr><td><span
|
|
1241
|
-
<tr><td><span
|
|
1242
|
-
<tr><td><span
|
|
1243
|
-
<tr><td><span
|
|
1244
|
-
<tr><td><span
|
|
1245
|
-
<tr><td><span
|
|
1246
|
-
<tr><td><span
|
|
1247
|
-
<tr><td><span
|
|
1248
|
-
<tr><td><span
|
|
1249
|
-
<tr><td><span
|
|
1250
|
-
<tr><td><span
|
|
1251
|
-
<tr><td><span
|
|
1252
|
-
<tr><td><span
|
|
1253
|
-
<tr><td><span
|
|
1254
|
-
<tr><td><span
|
|
1255
|
-
<tr><td><span
|
|
1256
|
-
<tr><td><span
|
|
1257
|
-
<tr><td><span
|
|
1258
|
-
<tr><td><span
|
|
1259
|
-
<tr><td><span
|
|
1260
|
-
<tr><td><span
|
|
1261
|
-
<tr><td><span
|
|
1262
|
-
<tr><td><span
|
|
1263
|
-
<tr><td><span
|
|
1264
|
-
<tr><td><span
|
|
1265
|
-
<tr><td><span
|
|
1266
|
-
<tr><td><span
|
|
1267
|
-
<tr><td><span
|
|
1268
|
-
<tr><td><span
|
|
1269
|
-
<tr><td><span
|
|
1270
|
-
<tr><td><span
|
|
1271
|
-
<tr><td><span
|
|
1272
|
-
<tr><td><span
|
|
1273
|
-
<tr><td><span
|
|
1274
|
-
<tr><td><span
|
|
1275
|
-
<tr><td><span
|
|
1276
|
-
<tr><td><span
|
|
1277
|
-
<tr><td><span
|
|
1278
|
-
<tr><td><span
|
|
1279
|
-
<tr><td><span
|
|
1280
|
-
<tr><td><span
|
|
1281
|
-
<tr><td><span
|
|
1282
|
-
<tr><td><span
|
|
1283
|
-
<tr><td><span
|
|
1284
|
-
<tr><td><span
|
|
1285
|
-
<tr><td><span
|
|
1286
|
-
<tr><td><span
|
|
1287
|
-
<tr><td><span
|
|
1288
|
-
<tr><td><span
|
|
1289
|
-
<tr><td><span
|
|
1290
|
-
<tr><td><span
|
|
1291
|
-
<tr><td><span
|
|
1292
|
-
<tr><td><span
|
|
1293
|
-
<tr><td><span
|
|
1294
|
-
<tr><td><span
|
|
1295
|
-
<tr><td><span
|
|
1296
|
-
<tr><td><span
|
|
1297
|
-
<tr><td><span
|
|
1298
|
-
<tr><td><span
|
|
1299
|
-
<tr><td><span
|
|
1300
|
-
<tr><td><span
|
|
1301
|
-
<tr><td><span
|
|
1302
|
-
<tr><td><span
|
|
1303
|
-
<tr><td><span
|
|
1304
|
-
<tr><td><span
|
|
1305
|
-
<tr><td><span
|
|
1306
|
-
<tr><td><span
|
|
1307
|
-
<tr><td><span
|
|
1308
|
-
<tr><td><span
|
|
1309
|
-
<tr><td><span
|
|
1310
|
-
<tr><td><span
|
|
1311
|
-
<tr><td><span
|
|
1312
|
-
<tr><td><span
|
|
1313
|
-
<tr><td><span
|
|
1314
|
-
<tr><td><span
|
|
1315
|
-
<tr><td><span
|
|
1316
|
-
<tr><td><span
|
|
1317
|
-
<tr><th colspan="3">font</th></tr><tr><th>
|
|
1318
|
-
<tr><th colspan="3">size</th></tr><tr><th>
|
|
1319
|
-
<tr><td><span
|
|
1320
|
-
<tr><td><span
|
|
1321
|
-
<tr><td><span
|
|
1322
|
-
<tr><td><span
|
|
1323
|
-
<tr><td><span
|
|
1324
|
-
<tr><td><span
|
|
1325
|
-
<tr><td><span
|
|
1326
|
-
<tr><th colspan="3">time</th></tr><tr><th>
|
|
1327
|
-
<tr><td><span
|
|
1328
|
-
<tr><td><span
|
|
1329
|
-
<tr><td><span
|
|
1178
|
+
<tr><th colspan="3">color</th></tr><tr><th>css variable</th><th>description</th><th>value</th></tr><tr><td><span>--color-base-red-50</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #ffeeef"></div><span>#FFEEEF</span></div></td></tr>
|
|
1179
|
+
<tr><td><span>--color-base-red-100</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #ffe2e5"></div><span>#FFE2E5</span></div></td></tr>
|
|
1180
|
+
<tr><td><span>--color-base-red-150</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #ffccd2"></div><span>#FFCCD2</span></div></td></tr>
|
|
1181
|
+
<tr><td><span>--color-base-red-200</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #ffb7bf"></div><span>#FFB7BF</span></div></td></tr>
|
|
1182
|
+
<tr><td><span>--color-base-red-300</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #ff97a3"></div><span>#FF97A3</span></div></td></tr>
|
|
1183
|
+
<tr><td><span>--color-base-red-400</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #f96778"></div><span>#F96778</span></div></td></tr>
|
|
1184
|
+
<tr><td><span>--color-base-red-450</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #f14558"></div><span>#F14558</span></div></td></tr>
|
|
1185
|
+
<tr><td><span>--color-base-red-500</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #ea2138"></div><span>#EA2138</span></div></td></tr>
|
|
1186
|
+
<tr><td><span>--color-base-red-600</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #e2001a"></div><span>#E2001A</span></div></td></tr>
|
|
1187
|
+
<tr><td><span>--color-base-red-700</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #cc0017"></div><span>#CC0017</span></div></td></tr>
|
|
1188
|
+
<tr><td><span>--color-base-red-800</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #b50015"></div><span>#B50015</span></div></td></tr>
|
|
1189
|
+
<tr><td><span>--color-base-red-900</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #9f0012"></div><span>#9F0012</span></div></td></tr>
|
|
1190
|
+
<tr><td><span>--color-base-orange-50</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #fff5ef"></div><span>#FFF5EF</span></div></td></tr>
|
|
1191
|
+
<tr><td><span>--color-base-orange-100</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #ffefe5"></div><span>#FFEFE5</span></div></td></tr>
|
|
1192
|
+
<tr><td><span>--color-base-orange-150</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #ffe3d1"></div><span>#FFE3D1</span></div></td></tr>
|
|
1193
|
+
<tr><td><span>--color-base-orange-200</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #ffd7be"></div><span>#FFD7BE</span></div></td></tr>
|
|
1194
|
+
<tr><td><span>--color-base-orange-300</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #ffc19b"></div><span>#FFC19B</span></div></td></tr>
|
|
1195
|
+
<tr><td><span>--color-base-orange-400</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #ffa670"></div><span>#FFA670</span></div></td></tr>
|
|
1196
|
+
<tr><td><span>--color-base-orange-450</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #ff9250"></div><span>#FF9250</span></div></td></tr>
|
|
1197
|
+
<tr><td><span>--color-base-orange-500</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #ff7e30"></div><span>#FF7E30</span></div></td></tr>
|
|
1198
|
+
<tr><td><span>--color-base-orange-600</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #ff6b11"></div><span>#FF6B11</span></div></td></tr>
|
|
1199
|
+
<tr><td><span>--color-base-orange-700</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #e95f0c"></div><span>#E95F0C</span></div></td></tr>
|
|
1200
|
+
<tr><td><span>--color-base-orange-800</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #d65404"></div><span>#D65404</span></div></td></tr>
|
|
1201
|
+
<tr><td><span>--color-base-orange-900</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #bf4800"></div><span>#BF4800</span></div></td></tr>
|
|
1202
|
+
<tr><td><span>--color-base-yellow-50</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #fffaeb"></div><span>#FFFAEB</span></div></td></tr>
|
|
1203
|
+
<tr><td><span>--color-base-yellow-100</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #fff6de"></div><span>#FFF6DE</span></div></td></tr>
|
|
1204
|
+
<tr><td><span>--color-base-yellow-150</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #fff0cc"></div><span>#FFF0CC</span></div></td></tr>
|
|
1205
|
+
<tr><td><span>--color-base-yellow-200</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #ffeab6"></div><span>#FFEAB6</span></div></td></tr>
|
|
1206
|
+
<tr><td><span>--color-base-yellow-300</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #ffe39d"></div><span>#FFE39D</span></div></td></tr>
|
|
1207
|
+
<tr><td><span>--color-base-yellow-400</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #ffd97b"></div><span>#FFD97B</span></div></td></tr>
|
|
1208
|
+
<tr><td><span>--color-base-yellow-450</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #ffcf58"></div><span>#FFCF58</span></div></td></tr>
|
|
1209
|
+
<tr><td><span>--color-base-yellow-500</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #ffc434"></div><span>#FFC434</span></div></td></tr>
|
|
1210
|
+
<tr><td><span>--color-base-yellow-600</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #ffbb11"></div><span>#FFBB11</span></div></td></tr>
|
|
1211
|
+
<tr><td><span>--color-base-yellow-700</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #e9aa0c"></div><span>#E9AA0C</span></div></td></tr>
|
|
1212
|
+
<tr><td><span>--color-base-yellow-800</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #d69a04"></div><span>#D69A04</span></div></td></tr>
|
|
1213
|
+
<tr><td><span>--color-base-yellow-900</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #bf8800"></div><span>#BF8800</span></div></td></tr>
|
|
1214
|
+
<tr><td><span>--color-base-green-50</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #f6faec"></div><span>#F6FAEC</span></div></td></tr>
|
|
1215
|
+
<tr><td><span>--color-base-green-100</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #f0f7df"></div><span>#F0F7DF</span></div></td></tr>
|
|
1216
|
+
<tr><td><span>--color-base-green-150</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #e8f2d0"></div><span>#E8F2D0</span></div></td></tr>
|
|
1217
|
+
<tr><td><span>--color-base-green-200</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #deedbc"></div><span>#DEEDBC</span></div></td></tr>
|
|
1218
|
+
<tr><td><span>--color-base-green-300</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #cee49c"></div><span>#CEE49C</span></div></td></tr>
|
|
1219
|
+
<tr><td><span>--color-base-green-400</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #bedb79"></div><span>#BEDB79</span></div></td></tr>
|
|
1220
|
+
<tr><td><span>--color-base-green-450</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #add154"></div><span>#ADD154</span></div></td></tr>
|
|
1221
|
+
<tr><td><span>--color-base-green-500</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #9bc730"></div><span>#9BC730</span></div></td></tr>
|
|
1222
|
+
<tr><td><span>--color-base-green-600</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #8abd0c"></div><span>#8ABD0C</span></div></td></tr>
|
|
1223
|
+
<tr><td><span>--color-base-green-700</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #7baa0b"></div><span>#7BAA0B</span></div></td></tr>
|
|
1224
|
+
<tr><td><span>--color-base-green-800</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #6e970a"></div><span>#6E970A</span></div></td></tr>
|
|
1225
|
+
<tr><td><span>--color-base-green-900</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #618508"></div><span>#618508</span></div></td></tr>
|
|
1226
|
+
<tr><td><span>--color-base-dark-green-50</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #eaf4ec"></div><span>#EAF4EC</span></div></td></tr>
|
|
1227
|
+
<tr><td><span>--color-base-dark-green-100</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #dff2e3"></div><span>#DFF2E3</span></div></td></tr>
|
|
1228
|
+
<tr><td><span>--color-base-dark-green-150</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #ccecd3"></div><span>#CCECD3</span></div></td></tr>
|
|
1229
|
+
<tr><td><span>--color-base-dark-green-200</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #b1dfbb"></div><span>#B1DFBB</span></div></td></tr>
|
|
1230
|
+
<tr><td><span>--color-base-dark-green-300</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #93d3a2"></div><span>#93D3A2</span></div></td></tr>
|
|
1231
|
+
<tr><td><span>--color-base-dark-green-400</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #72c584"></div><span>#72C584</span></div></td></tr>
|
|
1232
|
+
<tr><td><span>--color-base-dark-green-450</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #4cb563"></div><span>#4CB563</span></div></td></tr>
|
|
1233
|
+
<tr><td><span>--color-base-dark-green-500</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #26a642"></div><span>#26A642</span></div></td></tr>
|
|
1234
|
+
<tr><td><span>--color-base-dark-green-600</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #009621"></div><span>#009621</span></div></td></tr>
|
|
1235
|
+
<tr><td><span>--color-base-dark-green-700</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #00871e"></div><span>#00871E</span></div></td></tr>
|
|
1236
|
+
<tr><td><span>--color-base-dark-green-800</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #00781a"></div><span>#00781A</span></div></td></tr>
|
|
1237
|
+
<tr><td><span>--color-base-dark-green-900</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #006917"></div><span>#006917</span></div></td></tr>
|
|
1238
|
+
<tr><td><span>--color-base-cyan-50</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #e3f0f5"></div><span>#E3F0F5</span></div></td></tr>
|
|
1239
|
+
<tr><td><span>--color-base-cyan-100</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #d5eff8"></div><span>#D5EFF8</span></div></td></tr>
|
|
1240
|
+
<tr><td><span>--color-base-cyan-150</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #c2e8f3"></div><span>#C2E8F3</span></div></td></tr>
|
|
1241
|
+
<tr><td><span>--color-base-cyan-200</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #aee0ef"></div><span>#AEE0EF</span></div></td></tr>
|
|
1242
|
+
<tr><td><span>--color-base-cyan-300</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #92d4e7"></div><span>#92D4E7</span></div></td></tr>
|
|
1243
|
+
<tr><td><span>--color-base-cyan-400</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #70c7e0"></div><span>#70C7E0</span></div></td></tr>
|
|
1244
|
+
<tr><td><span>--color-base-cyan-450</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #43b4d6"></div><span>#43B4D6</span></div></td></tr>
|
|
1245
|
+
<tr><td><span>--color-base-cyan-500</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #19a3cb"></div><span>#19A3CB</span></div></td></tr>
|
|
1246
|
+
<tr><td><span>--color-base-cyan-600</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #0099c5"></div><span>#0099C5</span></div></td></tr>
|
|
1247
|
+
<tr><td><span>--color-base-cyan-700</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #008ab2"></div><span>#008AB2</span></div></td></tr>
|
|
1248
|
+
<tr><td><span>--color-base-cyan-800</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #007a9e"></div><span>#007A9E</span></div></td></tr>
|
|
1249
|
+
<tr><td><span>--color-base-cyan-900</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #006b8a"></div><span>#006B8A</span></div></td></tr>
|
|
1250
|
+
<tr><td><span>--color-base-blue-50</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #e7f1fa"></div><span>#E7F1FA</span></div></td></tr>
|
|
1251
|
+
<tr><td><span>--color-base-blue-100</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #d6eeff"></div><span>#D6EEFF</span></div></td></tr>
|
|
1252
|
+
<tr><td><span>--color-base-blue-150</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #c7e7ff"></div><span>#C7E7FF</span></div></td></tr>
|
|
1253
|
+
<tr><td><span>--color-base-blue-200</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #b1deff"></div><span>#B1DEFF</span></div></td></tr>
|
|
1254
|
+
<tr><td><span>--color-base-blue-300</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #8ecfff"></div><span>#8ECFFF</span></div></td></tr>
|
|
1255
|
+
<tr><td><span>--color-base-blue-400</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #6ac0ff"></div><span>#6AC0FF</span></div></td></tr>
|
|
1256
|
+
<tr><td><span>--color-base-blue-450</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #4ab2ff"></div><span>#4AB2FF</span></div></td></tr>
|
|
1257
|
+
<tr><td><span>--color-base-blue-500</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #2ba4ff"></div><span>#2BA4FF</span></div></td></tr>
|
|
1258
|
+
<tr><td><span>--color-base-blue-600</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #0d98ff"></div><span>#0D98FF</span></div></td></tr>
|
|
1259
|
+
<tr><td><span>--color-base-blue-700</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #0c88e6"></div><span>#0C88E6</span></div></td></tr>
|
|
1260
|
+
<tr><td><span>--color-base-blue-800</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #0a77ca"></div><span>#0A77CA</span></div></td></tr>
|
|
1261
|
+
<tr><td><span>--color-base-blue-900</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #0968af"></div><span>#0968AF</span></div></td></tr>
|
|
1262
|
+
<tr><td><span>--color-base-dark-blue-50</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #e1ebf6"></div><span>#E1EBF6</span></div></td></tr>
|
|
1263
|
+
<tr><td><span>--color-base-dark-blue-100</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #d3e6fa"></div><span>#D3E6FA</span></div></td></tr>
|
|
1264
|
+
<tr><td><span>--color-base-dark-blue-150</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #b9d7f5"></div><span>#B9D7F5</span></div></td></tr>
|
|
1265
|
+
<tr><td><span>--color-base-dark-blue-200</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #9bc6f2"></div><span>#9BC6F2</span></div></td></tr>
|
|
1266
|
+
<tr><td><span>--color-base-dark-blue-300</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #77afe7"></div><span>#77AFE7</span></div></td></tr>
|
|
1267
|
+
<tr><td><span>--color-base-dark-blue-400</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #5198e0"></div><span>#5198E0</span></div></td></tr>
|
|
1268
|
+
<tr><td><span>--color-base-dark-blue-450</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #3a85d1"></div><span>#3A85D1</span></div></td></tr>
|
|
1269
|
+
<tr><td><span>--color-base-dark-blue-500</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #2576c7"></div><span>#2576C7</span></div></td></tr>
|
|
1270
|
+
<tr><td><span>--color-base-dark-blue-600</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #1467ba"></div><span>#1467BA</span></div></td></tr>
|
|
1271
|
+
<tr><td><span>--color-base-dark-blue-700</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #125da8"></div><span>#125DA8</span></div></td></tr>
|
|
1272
|
+
<tr><td><span>--color-base-dark-blue-800</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #105295"></div><span>#105295</span></div></td></tr>
|
|
1273
|
+
<tr><td><span>--color-base-dark-blue-900</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #0e4883"></div><span>#0E4883</span></div></td></tr>
|
|
1274
|
+
<tr><td><span>--color-base-pink-50</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #fce6f3"></div><span>#FCE6F3</span></div></td></tr>
|
|
1275
|
+
<tr><td><span>--color-base-pink-100</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #fad5eb"></div><span>#FAD5EB</span></div></td></tr>
|
|
1276
|
+
<tr><td><span>--color-base-pink-150</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #f7bbdd"></div><span>#F7BBDD</span></div></td></tr>
|
|
1277
|
+
<tr><td><span>--color-base-pink-200</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #f2a1cf"></div><span>#F2A1CF</span></div></td></tr>
|
|
1278
|
+
<tr><td><span>--color-base-pink-300</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #ec78ba"></div><span>#EC78BA</span></div></td></tr>
|
|
1279
|
+
<tr><td><span>--color-base-pink-400</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #e755a8"></div><span>#E755A8</span></div></td></tr>
|
|
1280
|
+
<tr><td><span>--color-base-pink-450</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #d94397"></div><span>#D94397</span></div></td></tr>
|
|
1281
|
+
<tr><td><span>--color-base-pink-500</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #cc2f89"></div><span>#CC2F89</span></div></td></tr>
|
|
1282
|
+
<tr><td><span>--color-base-pink-600</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #c41579"></div><span>#C41579</span></div></td></tr>
|
|
1283
|
+
<tr><td><span>--color-base-pink-700</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #b4136e"></div><span>#B4136E</span></div></td></tr>
|
|
1284
|
+
<tr><td><span>--color-base-pink-800</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #a01163"></div><span>#A01163</span></div></td></tr>
|
|
1285
|
+
<tr><td><span>--color-base-pink-900</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #8a0f55"></div><span>#8A0F55</span></div></td></tr>
|
|
1286
|
+
<tr><td><span>--color-base-purple-50</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #f4e2f6"></div><span>#F4E2F6</span></div></td></tr>
|
|
1287
|
+
<tr><td><span>--color-base-purple-100</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #eccff0"></div><span>#ECCFF0</span></div></td></tr>
|
|
1288
|
+
<tr><td><span>--color-base-purple-150</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #dab2e0"></div><span>#DAB2E0</span></div></td></tr>
|
|
1289
|
+
<tr><td><span>--color-base-purple-200</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #c792cf"></div><span>#C792CF</span></div></td></tr>
|
|
1290
|
+
<tr><td><span>--color-base-purple-300</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #ab66b4"></div><span>#AB66B4</span></div></td></tr>
|
|
1291
|
+
<tr><td><span>--color-base-purple-400</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #93459e"></div><span>#93459E</span></div></td></tr>
|
|
1292
|
+
<tr><td><span>--color-base-purple-450</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #823591"></div><span>#823591</span></div></td></tr>
|
|
1293
|
+
<tr><td><span>--color-base-purple-500</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #772386"></div><span>#772386</span></div></td></tr>
|
|
1294
|
+
<tr><td><span>--color-base-purple-600</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #6c127b"></div><span>#6C127B</span></div></td></tr>
|
|
1295
|
+
<tr><td><span>--color-base-purple-700</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #5e106b"></div><span>#5E106B</span></div></td></tr>
|
|
1296
|
+
<tr><td><span>--color-base-purple-800</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #530d5e"></div><span>#530D5E</span></div></td></tr>
|
|
1297
|
+
<tr><td><span>--color-base-purple-900</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #450b4f"></div><span>#450B4F</span></div></td></tr>
|
|
1298
|
+
<tr><td><span>--color-base-brown-50</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #f2eae4"></div><span>#F2EAE4</span></div></td></tr>
|
|
1299
|
+
<tr><td><span>--color-base-brown-100</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #eadcd2"></div><span>#EADCD2</span></div></td></tr>
|
|
1300
|
+
<tr><td><span>--color-base-brown-150</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #d8c4b3"></div><span>#D8C4B3</span></div></td></tr>
|
|
1301
|
+
<tr><td><span>--color-base-brown-200</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #bca38d"></div><span>#BCA38D</span></div></td></tr>
|
|
1302
|
+
<tr><td><span>--color-base-brown-300</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #a08165"></div><span>#A08165</span></div></td></tr>
|
|
1303
|
+
<tr><td><span>--color-base-brown-400</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #8b6747"></div><span>#8B6747</span></div></td></tr>
|
|
1304
|
+
<tr><td><span>--color-base-brown-450</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #755438"></div><span>#755438</span></div></td></tr>
|
|
1305
|
+
<tr><td><span>--color-base-brown-500</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #65472b"></div><span>#65472B</span></div></td></tr>
|
|
1306
|
+
<tr><td><span>--color-base-brown-600</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #593b20"></div><span>#593B20</span></div></td></tr>
|
|
1307
|
+
<tr><td><span>--color-base-brown-700</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #4f351d"></div><span>#4F351D</span></div></td></tr>
|
|
1308
|
+
<tr><td><span>--color-base-brown-800</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #462f1b"></div><span>#462F1B</span></div></td></tr>
|
|
1309
|
+
<tr><td><span>--color-base-brown-900</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #3f2915"></div><span>#3F2915</span></div></td></tr>
|
|
1310
|
+
<tr><td><span>--color-base-grey-50</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #f9f9f9"></div><span>#F9F9F9</span></div></td></tr>
|
|
1311
|
+
<tr><td><span>--color-base-grey-100</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #f3f3f3"></div><span>#F3F3F3</span></div></td></tr>
|
|
1312
|
+
<tr><td><span>--color-base-grey-150</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #eeeeee"></div><span>#EEEEEE</span></div></td></tr>
|
|
1313
|
+
<tr><td><span>--color-base-grey-200</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #e5e5e5"></div><span>#E5E5E5</span></div></td></tr>
|
|
1314
|
+
<tr><td><span>--color-base-grey-300</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #d9d9d9"></div><span>#D9D9D9</span></div></td></tr>
|
|
1315
|
+
<tr><td><span>--color-base-grey-400</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #cccccc"></div><span>#CCCCCC</span></div></td></tr>
|
|
1316
|
+
<tr><td><span>--color-base-grey-450</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #bbbbbb"></div><span>#BBBBBB</span></div></td></tr>
|
|
1317
|
+
<tr><td><span>--color-base-grey-500</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #aaaaaa"></div><span>#AAAAAA</span></div></td></tr>
|
|
1318
|
+
<tr><td><span>--color-base-grey-600</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #999999"></div><span>#999999</span></div></td></tr>
|
|
1319
|
+
<tr><td><span>--color-base-grey-700</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #777777"></div><span>#777777</span></div></td></tr>
|
|
1320
|
+
<tr><td><span>--color-base-grey-800</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #666666"></div><span>#666666</span></div></td></tr>
|
|
1321
|
+
<tr><td><span>--color-base-grey-900</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #555555"></div><span>#555555</span></div></td></tr>
|
|
1322
|
+
<tr><td><span>--color-base-white</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #ffffff"></div><span>#FFFFFF</span></div></td></tr>
|
|
1323
|
+
<tr><td><span>--color-base-black</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #111111"></div><span>#111111</span></div></td></tr>
|
|
1324
|
+
<tr><td><span>--color-font-base</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #111111"></div><span>#111111</span></div></td></tr>
|
|
1325
|
+
<tr><td><span>--color-font-secondary</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #555555"></div><span>#555555</span></div></td></tr>
|
|
1326
|
+
<tr><td><span>--color-font-tertiary</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #999999"></div><span>#999999</span></div></td></tr>
|
|
1327
|
+
<tr><td><span>--color-font-warn</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #555555"></div><span>#555555</span></div></td></tr>
|
|
1328
|
+
<tr><td><span>--color-font-suggest</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #bf8800"></div><span>#BF8800</span></div></td></tr>
|
|
1329
|
+
<tr><td><span>--color-font-error</span></td><td>color</td><td><div class="color-block"><div class="color-box" style="background: #cc0017"></div><span>#CC0017</span></div></td></tr>
|
|
1330
|
+
<tr><th colspan="3">font</th></tr><tr><th>css variable</th><th>description</th><th>value</th></tr><tr><td><span>--font-family-base</span></td><td>font</td><td><span>"Segoe UI", Tahoma, Geneva, Verdana, sans-serif</span></td></tr>
|
|
1331
|
+
<tr><th colspan="3">size</th></tr><tr><th>css variable</th><th>description</th><th>value</th></tr><tr><td><span>--size-font-tiny</span></td><td>dimension</td><td><span>12px</span></td></tr>
|
|
1332
|
+
<tr><td><span>--size-font-small</span></td><td>dimension</td><td><span>13px</span></td></tr>
|
|
1333
|
+
<tr><td><span>--size-font-medium</span></td><td>dimension</td><td><span>16px</span></td></tr>
|
|
1334
|
+
<tr><td><span>--size-font-large</span></td><td>dimension</td><td><span>20px</span></td></tr>
|
|
1335
|
+
<tr><td><span>--size-font-xl</span></td><td>dimension</td><td><span>24px</span></td></tr>
|
|
1336
|
+
<tr><td><span>--size-font-xxl</span></td><td>dimension</td><td><span>32px</span></td></tr>
|
|
1337
|
+
<tr><td><span>--size-font-xxxl</span></td><td>dimension</td><td><span>48px</span></td></tr>
|
|
1338
|
+
<tr><td><span>--size-font-base</span></td><td>dimension</td><td><span>16px</span></td></tr>
|
|
1339
|
+
<tr><th colspan="3">time</th></tr><tr><th>css variable</th><th>description</th><th>value</th></tr><tr><td><span>--time-transition-short</span></td><td>duration</td><td><span>275ms</span></td></tr>
|
|
1340
|
+
<tr><td><span>--time-transition-base</span></td><td>duration</td><td><span>300ms</span></td></tr>
|
|
1341
|
+
<tr><td><span>--time-transition-long</span></td><td>duration</td><td><span>600ms</span></td></tr>
|
|
1342
|
+
<tr><td><span>--time-transition-xl</span></td><td>duration</td><td><span>1000ms</span></td></tr>
|
|
1330
1343
|
</table>
|
|
1331
1344
|
</div>
|
|
1332
1345
|
</body>
|