-
Notifications
You must be signed in to change notification settings - Fork 56
/
Copy path_semantic.scss
741 lines (723 loc) · 51.3 KB
/
_semantic.scss
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
// Semantic applications
// Depends on raw primitive values
// Token version 0.11.0
// Border
// scss-docs-start ouds-semantic-border
$ouds-border-radius-default: $ouds-border-radius-0 !default;
$ouds-border-radius-medium: $ouds-border-radius-150 !default;
$ouds-border-radius-none: $ouds-border-radius-0 !default;
$ouds-border-radius-pill: $ouds-border-radius-9999 !default;
$ouds-border-radius-short: $ouds-border-radius-75 !default;
$ouds-border-radius-tall: $ouds-border-radius-300 !default;
$ouds-border-style-default: $ouds-border-style-solid !default;
$ouds-border-style-drag: $ouds-border-style-dashed !default;
$ouds-border-width-default: $ouds-border-width-25 !default;
$ouds-border-width-focus: $ouds-border-width-125 !default;
$ouds-border-width-focus-inset: $ouds-border-width-50 !default;
$ouds-border-width-medium: $ouds-border-width-50 !default;
$ouds-border-width-none: $ouds-border-width-0 !default;
$ouds-border-width-thick: $ouds-border-width-75 !default;
$ouds-border-width-thicker: $ouds-border-width-100 !default;
$ouds-border-width-thin: $ouds-border-width-25 !default;
// scss-docs-end ouds-semantic-border
// Color
// scss-docs-start ouds-semantic-color
$ouds-color-opacity-lower-light: $ouds-color-opacity-black-80 !default;
$ouds-color-opacity-lowest-light: $ouds-color-opacity-black-40 !default;
$ouds-color-opacity-transparent-light: $ouds-color-opacity-black-0 !default;
$ouds-color-opacity-lower-dark: $ouds-color-opacity-white-80 !default;
$ouds-color-opacity-lowest-dark: $ouds-color-opacity-white-40 !default;
$ouds-color-opacity-transparent-dark: $ouds-color-opacity-white-0 !default;
$ouds-color-action-disabled-light: $ouds-color-opacity-black-200 !default;
$ouds-color-action-enabled-light: $ouds-color-functional-black !default;
$ouds-color-action-focus-light: $ouds-color-opacity-black-680 !default;
$ouds-color-action-highlighted-light: $ouds-color-functional-black !default;
$ouds-color-action-hover-light: $ouds-color-opacity-black-680 !default;
$ouds-color-action-loading-light: $ouds-color-orange-550 !default;
$ouds-color-action-negative-enabled-light: $ouds-color-functional-scarlet-600 !default;
$ouds-color-action-negative-focus-light: $ouds-color-functional-scarlet-700 !default;
$ouds-color-action-negative-hover-light: $ouds-color-functional-scarlet-700 !default;
$ouds-color-action-negative-loading-light: $ouds-color-functional-scarlet-800 !default;
$ouds-color-action-negative-pressed-light: $ouds-color-functional-scarlet-800 !default;
$ouds-color-action-negative-enabled-dark: $ouds-color-functional-scarlet-300 !default;
$ouds-color-action-negative-focus-dark: $ouds-color-functional-scarlet-200 !default;
$ouds-color-action-negative-hover-dark: $ouds-color-functional-scarlet-200 !default;
$ouds-color-action-negative-loading-dark: $ouds-color-functional-scarlet-100 !default;
$ouds-color-action-negative-pressed-dark: $ouds-color-functional-scarlet-100 !default;
$ouds-color-action-pressed-light: $ouds-color-orange-550 !default;
$ouds-color-action-selected-light: $ouds-color-orange-550 !default;
$ouds-color-action-support-enabled-light: $ouds-color-opacity-black-40 !default;
$ouds-color-action-support-focus-light: $ouds-color-opacity-black-80 !default;
$ouds-color-action-support-hover-light: $ouds-color-opacity-black-80 !default;
$ouds-color-action-support-loading-light: $ouds-color-opacity-black-120 !default;
$ouds-color-action-support-pressed-light: $ouds-color-opacity-black-120 !default;
$ouds-color-action-support-enabled-dark: $ouds-color-opacity-white-40 !default;
$ouds-color-action-support-focus-dark: $ouds-color-opacity-white-80 !default;
$ouds-color-action-support-hover-dark: $ouds-color-opacity-white-80 !default;
$ouds-color-action-support-loading-dark: $ouds-color-opacity-white-120 !default;
$ouds-color-action-support-pressed-dark: $ouds-color-opacity-white-120 !default;
$ouds-color-action-visited-light: $ouds-color-decorative-amethyst-600 !default;
$ouds-color-action-disabled-dark: $ouds-color-opacity-white-200 !default;
$ouds-color-action-enabled-dark: $ouds-color-functional-light-gray-160 !default;
$ouds-color-action-focus-dark: $ouds-color-opacity-white-640 !default;
$ouds-color-action-highlighted-dark: $ouds-color-functional-light-gray-160 !default;
$ouds-color-action-hover-dark: $ouds-color-opacity-white-640 !default;
$ouds-color-action-loading-dark: $ouds-color-orange-500 !default;
$ouds-color-action-pressed-dark: $ouds-color-orange-500 !default;
$ouds-color-action-selected-dark: $ouds-color-orange-500 !default;
$ouds-color-action-visited-dark: $ouds-color-decorative-amethyst-400 !default;
$ouds-color-always-black-light: $ouds-color-functional-black !default;
$ouds-color-always-on-black-light: $ouds-color-functional-light-gray-160 !default;
$ouds-color-always-on-white-light: $ouds-color-functional-black !default;
$ouds-color-always-white-light: $ouds-color-functional-white !default;
$ouds-color-always-black-dark: $ouds-color-functional-black !default;
$ouds-color-always-on-black-dark: $ouds-color-functional-light-gray-160 !default;
$ouds-color-always-on-white-dark: $ouds-color-functional-black !default;
$ouds-color-always-white-dark: $ouds-color-functional-white !default;
$ouds-color-bg-emphasized-light: $ouds-color-functional-dark-gray-880 !default;
$ouds-color-bg-primary-light: $ouds-color-functional-white !default;
$ouds-color-bg-secondary-light: $ouds-color-functional-light-gray-80 !default;
$ouds-color-bg-tertiary-light: $ouds-color-warm-gray-100 !default;
$ouds-color-bg-emphasized-dark: $ouds-color-functional-dark-gray-640 !default;
$ouds-color-bg-primary-dark: $ouds-color-functional-dark-gray-880 !default;
$ouds-color-bg-secondary-dark: $ouds-color-functional-dark-gray-800 !default;
$ouds-color-bg-tertiary-dark: $ouds-color-warm-gray-900 !default;
$ouds-color-border-brand-primary-light: $ouds-color-orange-550 !default;
$ouds-color-border-default-light: $ouds-color-opacity-black-200 !default;
$ouds-color-border-emphasized-light: $ouds-color-functional-black !default;
$ouds-color-border-focus-light: $ouds-color-functional-black !default;
$ouds-color-border-focus-inset-light: $ouds-color-functional-white !default;
$ouds-color-border-muted-light: $ouds-color-opacity-black-80 !default;
$ouds-color-border-on-brand-primary-light: $ouds-color-functional-black !default;
$ouds-color-border-on-brand-primary-dark: $ouds-color-functional-black !default;
$ouds-color-border-brand-primary-dark: $ouds-color-orange-500 !default;
$ouds-color-border-default-dark: $ouds-color-opacity-white-200 !default;
$ouds-color-border-emphasized-dark: $ouds-color-opacity-white-920 !default;
$ouds-color-border-focus-dark: $ouds-color-functional-light-gray-160 !default;
$ouds-color-border-focus-inset-dark: $ouds-color-functional-dark-gray-880 !default;
$ouds-color-border-muted-dark: $ouds-color-opacity-white-80 !default;
$ouds-color-content-brand-primary-light: $ouds-color-orange-550 !default;
$ouds-color-content-default-light: $ouds-color-functional-black !default;
$ouds-color-content-disabled-light: $ouds-color-opacity-black-200 !default;
$ouds-color-content-muted-light: $ouds-color-opacity-black-680 !default;
$ouds-color-content-on-action-disabled-light: $ouds-color-functional-white !default;
$ouds-color-content-on-action-enabled-light: $ouds-color-functional-white !default;
$ouds-color-content-on-action-focus-light: $ouds-color-functional-white !default;
$ouds-color-content-on-action-highlighted-light: $ouds-color-functional-white !default;
$ouds-color-content-on-action-hover-light: $ouds-color-functional-white !default;
$ouds-color-content-on-action-loading-light: $ouds-color-functional-white !default;
$ouds-color-content-on-action-pressed-light: $ouds-color-functional-white !default;
$ouds-color-content-on-action-disabled-dark: $ouds-color-functional-black !default;
$ouds-color-content-on-action-enabled-dark: $ouds-color-functional-black !default;
$ouds-color-content-on-action-focus-dark: $ouds-color-functional-black !default;
$ouds-color-content-on-action-highlighted-dark: $ouds-color-functional-black !default;
$ouds-color-content-on-action-hover-dark: $ouds-color-functional-black !default;
$ouds-color-content-on-action-loading-dark: $ouds-color-functional-black !default;
$ouds-color-content-on-action-pressed-dark: $ouds-color-functional-black !default;
$ouds-color-content-on-brand-primary-light: $ouds-color-functional-black !default;
$ouds-color-content-on-brand-primary-dark: $ouds-color-functional-black !default;
$ouds-color-content-on-overlay-emphasized-light: $ouds-color-functional-white !default;
$ouds-color-content-on-overlay-emphasized-dark: $ouds-color-functional-black !default;
$ouds-color-content-on-status-emphasized-light: $ouds-color-functional-black !default;
$ouds-color-content-on-status-emphasized-alt-light: $ouds-color-functional-white !default;
$ouds-color-content-on-status-muted-light: $ouds-color-functional-black !default;
$ouds-color-content-on-status-emphasized-dark: $ouds-color-functional-black !default;
$ouds-color-content-on-status-emphasized-alt-dark: $ouds-color-functional-black !default;
$ouds-color-content-on-status-muted-dark: $ouds-color-functional-light-gray-160 !default;
$ouds-color-content-status-info-light: $ouds-color-functional-dodger-blue-500 !default;
$ouds-color-content-status-negative-light: $ouds-color-functional-scarlet-600 !default;
$ouds-color-content-status-positive-light: $ouds-color-functional-malachite-500 !default;
$ouds-color-content-status-warning-light: $ouds-color-functional-sun-500 !default;
$ouds-color-content-status-info-dark: $ouds-color-functional-dodger-blue-500 !default;
$ouds-color-content-status-negative-dark: $ouds-color-functional-scarlet-600 !default;
$ouds-color-content-status-positive-dark: $ouds-color-functional-malachite-500 !default;
$ouds-color-content-status-warning-dark: $ouds-color-functional-sun-500 !default;
$ouds-color-content-brand-primary-dark: $ouds-color-orange-500 !default;
$ouds-color-content-default-dark: $ouds-color-functional-light-gray-160 !default;
$ouds-color-content-disabled-dark: $ouds-color-opacity-white-200 !default;
$ouds-color-content-muted-dark: $ouds-color-opacity-white-640 !default;
$ouds-color-overlay-default-light: $ouds-color-functional-white !default;
$ouds-color-overlay-drag-light: $ouds-color-opacity-black-40 !default;
$ouds-color-overlay-emphasized-light: $ouds-color-functional-dark-gray-720 !default;
$ouds-color-overlay-modal-light: $ouds-color-functional-white !default;
$ouds-color-overlay-default-dark: $ouds-color-opacity-white-80 !default;
$ouds-color-overlay-drag-dark: $ouds-color-opacity-white-200 !default;
$ouds-color-overlay-emphasized-dark: $ouds-color-functional-light-gray-160 !default;
$ouds-color-overlay-modal-dark: $ouds-color-functional-dark-gray-640 !default;
$ouds-color-surface-brand-primary-light: $ouds-color-orange-500 !default;
$ouds-color-surface-brand-primary-dark: $ouds-color-orange-500 !default;
$ouds-color-surface-status-accent-emphasized-light: $ouds-color-functional-sun-500 !default;
$ouds-color-surface-status-accent-muted-light: $ouds-color-warm-gray-100 !default;
$ouds-color-surface-status-accent-emphasized-dark: $ouds-color-functional-sun-300 !default;
$ouds-color-surface-status-accent-muted-dark: $ouds-color-warm-gray-900 !default;
$ouds-color-surface-status-info-emphasized-light: $ouds-color-functional-dodger-blue-500 !default;
$ouds-color-surface-status-info-muted-light: $ouds-color-opacity-dodger-blue !default;
$ouds-color-surface-status-info-emphasized-dark: $ouds-color-functional-dodger-blue-300 !default;
$ouds-color-surface-status-info-muted-dark: $ouds-color-functional-dodger-blue-900 !default;
$ouds-color-surface-status-negative-emphasized-light: $ouds-color-functional-scarlet-600 !default;
$ouds-color-surface-status-negative-muted-light: $ouds-color-opacity-scarlet !default;
$ouds-color-surface-status-negative-emphasized-dark: $ouds-color-functional-scarlet-300 !default;
$ouds-color-surface-status-negative-muted-dark: $ouds-color-functional-scarlet-900 !default;
$ouds-color-surface-status-neutral-emphasized-light: $ouds-color-opacity-black-840 !default;
$ouds-color-surface-status-neutral-muted-light: $ouds-color-opacity-black-40 !default;
$ouds-color-surface-status-neutral-emphasized-dark: $ouds-color-opacity-white-800 !default;
$ouds-color-surface-status-neutral-muted-dark: $ouds-color-opacity-white-80 !default;
$ouds-color-surface-status-positive-emphasized-light: $ouds-color-functional-malachite-500 !default;
$ouds-color-surface-status-positive-muted-light: $ouds-color-opacity-malachite !default;
$ouds-color-surface-status-positive-emphasized-dark: $ouds-color-functional-malachite-300 !default;
$ouds-color-surface-status-positive-muted-dark: $ouds-color-functional-malachite-900 !default;
$ouds-color-surface-status-warning-emphasized-light: $ouds-color-functional-sun-500 !default;
$ouds-color-surface-status-warning-muted-light: $ouds-color-opacity-sun !default;
$ouds-color-surface-status-warning-emphasized-dark: $ouds-color-functional-sun-300 !default;
$ouds-color-surface-status-warning-muted-dark: $ouds-color-functional-sun-900 !default;
$ouds-color-decorative-accent-1-default-light: $ouds-color-decorative-emerald-500 !default;
$ouds-color-decorative-accent-1-emphasized-light: $ouds-color-decorative-emerald-700 !default;
$ouds-color-decorative-accent-1-muted-light: $ouds-color-decorative-emerald-200 !default;
$ouds-color-decorative-accent-1-default-dark: $ouds-color-decorative-emerald-500 !default;
$ouds-color-decorative-accent-1-emphasized-dark: $ouds-color-decorative-emerald-700 !default;
$ouds-color-decorative-accent-1-muted-dark: $ouds-color-decorative-emerald-200 !default;
$ouds-color-decorative-accent-2-default-light: $ouds-color-decorative-sky-400 !default;
$ouds-color-decorative-accent-2-emphasized-light: $ouds-color-decorative-sky-700 !default;
$ouds-color-decorative-accent-2-muted-light: $ouds-color-decorative-sky-200 !default;
$ouds-color-decorative-accent-2-default-dark: $ouds-color-decorative-sky-400 !default;
$ouds-color-decorative-accent-2-emphasized-dark: $ouds-color-decorative-sky-700 !default;
$ouds-color-decorative-accent-2-muted-dark: $ouds-color-decorative-sky-200 !default;
$ouds-color-decorative-accent-3-default-light: $ouds-color-functional-sun-500 !default;
$ouds-color-decorative-accent-3-emphasized-light: $ouds-color-decorative-amber-500 !default;
$ouds-color-decorative-accent-3-muted-light: $ouds-color-functional-sun-200 !default;
$ouds-color-decorative-accent-3-default-dark: $ouds-color-functional-sun-500 !default;
$ouds-color-decorative-accent-3-emphasized-dark: $ouds-color-decorative-amber-500 !default;
$ouds-color-decorative-accent-3-muted-dark: $ouds-color-functional-sun-200 !default;
$ouds-color-decorative-accent-4-default-light: $ouds-color-decorative-amethyst-400 !default;
$ouds-color-decorative-accent-4-emphasized-light: $ouds-color-decorative-amethyst-800 !default;
$ouds-color-decorative-accent-4-muted-light: $ouds-color-decorative-amethyst-200 !default;
$ouds-color-decorative-accent-4-default-dark: $ouds-color-decorative-amethyst-400 !default;
$ouds-color-decorative-accent-4-emphasized-dark: $ouds-color-decorative-amethyst-800 !default;
$ouds-color-decorative-accent-4-muted-dark: $ouds-color-decorative-amethyst-200 !default;
$ouds-color-decorative-accent-5-default-light: $ouds-color-decorative-shocking-pink-200 !default;
$ouds-color-decorative-accent-5-emphasized-light: $ouds-color-decorative-shocking-pink-300 !default;
$ouds-color-decorative-accent-5-muted-light: $ouds-color-decorative-shocking-pink-100 !default;
$ouds-color-decorative-accent-5-default-dark: $ouds-color-decorative-shocking-pink-200 !default;
$ouds-color-decorative-accent-5-emphasized-dark: $ouds-color-decorative-shocking-pink-300 !default;
$ouds-color-decorative-accent-5-muted-dark: $ouds-color-decorative-shocking-pink-100 !default;
$ouds-color-decorative-brand-primary-light: $ouds-color-orange-500 !default;
$ouds-color-decorative-brand-secondary-light: $ouds-color-functional-black !default;
$ouds-color-decorative-brand-tertiary-light: $ouds-color-functional-white !default;
$ouds-color-decorative-brand-primary-dark: $ouds-color-orange-500 !default;
$ouds-color-decorative-brand-secondary-dark: $ouds-color-functional-black !default;
$ouds-color-decorative-brand-tertiary-dark: $ouds-color-functional-white !default;
$ouds-color-decorative-neutral-emphasized-higher-light: $ouds-color-functional-dark-gray-640 !default;
$ouds-color-decorative-neutral-emphasized-low-light: $ouds-color-functional-dark-gray-400 !default;
$ouds-color-decorative-neutral-emphasized-lower-light: $ouds-color-functional-dark-gray-320 !default;
$ouds-color-decorative-neutral-emphasized-lowest-light: $ouds-color-functional-dark-gray-240 !default;
$ouds-color-decorative-neutral-emphasized-higher-dark: $ouds-color-functional-dark-gray-640 !default;
$ouds-color-decorative-neutral-emphasized-low-dark: $ouds-color-functional-dark-gray-400 !default;
$ouds-color-decorative-neutral-emphasized-lower-dark: $ouds-color-functional-dark-gray-320 !default;
$ouds-color-decorative-neutral-emphasized-lowest-dark: $ouds-color-functional-dark-gray-240 !default;
$ouds-color-decorative-neutral-muted-high-light: $ouds-color-functional-light-gray-400 !default;
$ouds-color-decorative-neutral-muted-higher-light: $ouds-color-functional-light-gray-800 !default;
$ouds-color-decorative-neutral-muted-highest-light: $ouds-color-functional-light-gray-960 !default;
$ouds-color-decorative-neutral-muted-low-light: $ouds-color-functional-light-gray-240 !default;
$ouds-color-decorative-neutral-muted-lower-light: $ouds-color-functional-light-gray-160 !default;
$ouds-color-decorative-neutral-muted-lowest-light: $ouds-color-functional-light-gray-80 !default;
$ouds-color-decorative-neutral-muted-medium-light: $ouds-color-functional-light-gray-320 !default;
$ouds-color-decorative-neutral-muted-high-dark: $ouds-color-functional-light-gray-400 !default;
$ouds-color-decorative-neutral-muted-higher-dark: $ouds-color-functional-light-gray-800 !default;
$ouds-color-decorative-neutral-muted-highest-dark: $ouds-color-functional-light-gray-960 !default;
$ouds-color-decorative-neutral-muted-low-dark: $ouds-color-functional-light-gray-240 !default;
$ouds-color-decorative-neutral-muted-lower-dark: $ouds-color-functional-light-gray-160 !default;
$ouds-color-decorative-neutral-muted-lowest-dark: $ouds-color-functional-light-gray-80 !default;
$ouds-color-decorative-neutral-muted-medium-dark: $ouds-color-functional-light-gray-320 !default;
$ouds-color-decorative-skin-tint-100-light: $ouds-color-decorative-deep-peach-100 !default;
$ouds-color-decorative-skin-tint-200-light: $ouds-color-decorative-deep-peach-200 !default;
$ouds-color-decorative-skin-tint-300-light: $ouds-color-decorative-deep-peach-300 !default;
$ouds-color-decorative-skin-tint-400-light: $ouds-color-decorative-deep-peach-400 !default;
$ouds-color-decorative-skin-tint-500-light: $ouds-color-decorative-deep-peach-500 !default;
$ouds-color-decorative-skin-tint-600-light: $ouds-color-decorative-deep-peach-600 !default;
$ouds-color-decorative-skin-tint-700-light: $ouds-color-decorative-deep-peach-700 !default;
$ouds-color-decorative-skin-tint-800-light: $ouds-color-decorative-deep-peach-800 !default;
$ouds-color-decorative-skin-tint-900-light: $ouds-color-decorative-deep-peach-900 !default;
$ouds-color-decorative-skin-tint-100-dark: $ouds-color-decorative-deep-peach-100 !default;
$ouds-color-decorative-skin-tint-200-dark: $ouds-color-decorative-deep-peach-200 !default;
$ouds-color-decorative-skin-tint-300-dark: $ouds-color-decorative-deep-peach-300 !default;
$ouds-color-decorative-skin-tint-400-dark: $ouds-color-decorative-deep-peach-400 !default;
$ouds-color-decorative-skin-tint-500-dark: $ouds-color-decorative-deep-peach-500 !default;
$ouds-color-decorative-skin-tint-600-dark: $ouds-color-decorative-deep-peach-600 !default;
$ouds-color-decorative-skin-tint-700-dark: $ouds-color-decorative-deep-peach-700 !default;
$ouds-color-decorative-skin-tint-800-dark: $ouds-color-decorative-deep-peach-800 !default;
$ouds-color-decorative-skin-tint-900-dark: $ouds-color-decorative-deep-peach-900 !default;
// scss-docs-end ouds-semantic-color
// Dimension
// scss-docs-start ouds-semantic-dimension
$ouds-dimension-10xl: $ouds-dimension-1600 !default;
$ouds-dimension-10xs: $ouds-dimension-25 !default;
$ouds-dimension-11xl: $ouds-dimension-1800 !default;
$ouds-dimension-2xl: $ouds-dimension-650 !default;
$ouds-dimension-2xs: $ouds-dimension-350 !default;
$ouds-dimension-3xl: $ouds-dimension-700 !default;
$ouds-dimension-3xs: $ouds-dimension-300 !default;
$ouds-dimension-4xl: $ouds-dimension-750 !default;
$ouds-dimension-4xs: $ouds-dimension-250 !default;
$ouds-dimension-5xl: $ouds-dimension-800 !default;
$ouds-dimension-5xs: $ouds-dimension-200 !default;
$ouds-dimension-6xl: $ouds-dimension-900 !default;
$ouds-dimension-6xs: $ouds-dimension-150 !default;
$ouds-dimension-7xl: $ouds-dimension-1000 !default;
$ouds-dimension-7xs: $ouds-dimension-100 !default;
$ouds-dimension-8xl: $ouds-dimension-1200 !default;
$ouds-dimension-8xs: $ouds-dimension-75 !default;
$ouds-dimension-9xl: $ouds-dimension-1400 !default;
$ouds-dimension-9xs: $ouds-dimension-50 !default;
$ouds-dimension-lg: $ouds-dimension-550 !default;
$ouds-dimension-md: $ouds-dimension-500 !default;
$ouds-dimension-none: $ouds-dimension-0 !default;
$ouds-dimension-sm: $ouds-dimension-450 !default;
$ouds-dimension-xl: $ouds-dimension-600 !default;
$ouds-dimension-xs: $ouds-dimension-400 !default;
// scss-docs-end ouds-semantic-dimension
// Elevation
// scss-docs-start ouds-semantic-elevation
$ouds-elevation-blur-default: $ouds-elevation-blur-300 !default;
$ouds-elevation-blur-drag: $ouds-elevation-blur-400 !default;
$ouds-elevation-blur-emphasized: $ouds-elevation-blur-600 !default;
$ouds-elevation-blur-none: $ouds-elevation-blur-0 !default;
$ouds-elevation-blur-raised: $ouds-elevation-blur-200 !default;
$ouds-elevation-blur-sticky-default: $ouds-elevation-blur-400 !default;
$ouds-elevation-blur-sticky-emphasized: $ouds-elevation-blur-400 !default;
$ouds-elevation-blur-sticky-navigation-scrolled: $ouds-elevation-blur-400 !default;
$ouds-elevation-spread-default: $ouds-elevation-spread-n100 !default;
$ouds-elevation-spread-drag: $ouds-elevation-spread-n100 !default;
$ouds-elevation-spread-emphasized: $ouds-elevation-spread-n300 !default;
$ouds-elevation-spread-none: $ouds-elevation-spread-0 !default;
$ouds-elevation-spread-raised: $ouds-elevation-spread-0 !default;
$ouds-elevation-spread-sticky-default: $ouds-elevation-spread-n100 !default;
$ouds-elevation-spread-sticky-emphasized: $ouds-elevation-spread-n100 !default;
$ouds-elevation-spread-sticky-navigation-scrolled: $ouds-elevation-spread-n100 !default;
$ouds-elevation-x-default: $ouds-elevation-x-0 !default;
$ouds-elevation-x-drag: $ouds-elevation-x-0 !default;
$ouds-elevation-x-emphasized: $ouds-elevation-x-0 !default;
$ouds-elevation-x-none: $ouds-elevation-x-0 !default;
$ouds-elevation-x-raised: $ouds-elevation-x-0 !default;
$ouds-elevation-x-sticky-default: $ouds-elevation-x-0 !default;
$ouds-elevation-x-sticky-emphasized: $ouds-elevation-x-0 !default;
$ouds-elevation-x-sticky-navigation-scrolled: $ouds-elevation-x-0 !default;
$ouds-elevation-y-default: $ouds-elevation-y-200 !default;
$ouds-elevation-y-drag: $ouds-elevation-y-300 !default;
$ouds-elevation-y-emphasized: $ouds-elevation-y-500 !default;
$ouds-elevation-y-none: $ouds-elevation-y-0 !default;
$ouds-elevation-y-raised: $ouds-elevation-y-100 !default;
$ouds-elevation-y-sticky-default: $ouds-elevation-y-300 !default;
$ouds-elevation-y-sticky-emphasized: $ouds-elevation-y-300 !default;
$ouds-elevation-y-sticky-navigation-scrolled: $ouds-elevation-y-300 !default;
$ouds-elevation-color-default-light: $ouds-color-opacity-black-240 !default;
$ouds-elevation-color-drag-light: $ouds-color-opacity-black-320 !default;
$ouds-elevation-color-emphasized-light: $ouds-color-opacity-black-160 !default;
$ouds-elevation-color-none-light: $ouds-color-opacity-black-0 !default;
$ouds-elevation-color-raised-light: $ouds-color-opacity-black-320 !default;
$ouds-elevation-color-sticky-default-light: $ouds-color-opacity-black-160 !default;
$ouds-elevation-color-sticky-emphasized-light: $ouds-color-opacity-black-160 !default;
$ouds-elevation-color-sticky-navigation-scrolled-light: $ouds-color-opacity-black-160 !default;
$ouds-elevation-color-default-dark: $ouds-color-opacity-black-240 !default;
$ouds-elevation-color-drag-dark: $ouds-color-opacity-black-320 !default;
$ouds-elevation-color-emphasized-dark: $ouds-color-opacity-black-160 !default;
$ouds-elevation-color-none-dark: $ouds-color-opacity-black-0 !default;
$ouds-elevation-color-raised-dark: $ouds-color-opacity-black-320 !default;
$ouds-elevation-color-sticky-default-dark: $ouds-color-opacity-black-160 !default;
$ouds-elevation-color-sticky-emphasized-dark: $ouds-color-opacity-black-160 !default;
$ouds-elevation-color-sticky-navigation-scrolled-dark: $ouds-color-opacity-black-160 !default;
// scss-docs-end ouds-semantic-elevation
// Font
// scss-docs-start ouds-semantic-font
$ouds-font-family-system-web: $ouds-font-family-brand-default !default;
$ouds-font-family-code: $ouds-font-family-monospace-menlo !default;
$ouds-font-letter-spacing-body-large-desktop: $ouds-font-letter-spacing-300 !default;
$ouds-font-letter-spacing-body-large-mobile: $ouds-font-letter-spacing-250 !default;
$ouds-font-letter-spacing-body-large-tablet: $ouds-font-letter-spacing-250 !default;
$ouds-font-letter-spacing-body-medium-desktop: $ouds-font-letter-spacing-250 !default;
$ouds-font-letter-spacing-body-medium-mobile: $ouds-font-letter-spacing-200 !default;
$ouds-font-letter-spacing-body-medium-tablet: $ouds-font-letter-spacing-200 !default;
$ouds-font-letter-spacing-body-small-desktop: $ouds-font-letter-spacing-200 !default;
$ouds-font-letter-spacing-body-small-mobile: $ouds-font-letter-spacing-150 !default;
$ouds-font-letter-spacing-body-small-tablet: $ouds-font-letter-spacing-150 !default;
$ouds-font-letter-spacing-code-medium: $ouds-font-letter-spacing-200 !default;
$ouds-font-letter-spacing-display-large-desktop: $ouds-font-letter-spacing-1850 !default;
$ouds-font-letter-spacing-display-large-mobile: $ouds-font-letter-spacing-850 !default;
$ouds-font-letter-spacing-display-large-tablet: $ouds-font-letter-spacing-1450 !default;
$ouds-font-letter-spacing-display-medium-desktop: $ouds-font-letter-spacing-1250 !default;
$ouds-font-letter-spacing-display-medium-mobile: $ouds-font-letter-spacing-750 !default;
$ouds-font-letter-spacing-display-medium-tablet: $ouds-font-letter-spacing-1050 !default;
$ouds-font-letter-spacing-display-small-desktop: $ouds-font-letter-spacing-1050 !default;
$ouds-font-letter-spacing-display-small-mobile: $ouds-font-letter-spacing-650 !default;
$ouds-font-letter-spacing-display-small-tablet: $ouds-font-letter-spacing-850 !default;
$ouds-font-letter-spacing-heading-large-desktop: $ouds-font-letter-spacing-650 !default;
$ouds-font-letter-spacing-heading-large-mobile: $ouds-font-letter-spacing-450 !default;
$ouds-font-letter-spacing-heading-large-tablet: $ouds-font-letter-spacing-550 !default;
$ouds-font-letter-spacing-heading-medium-desktop: $ouds-font-letter-spacing-550 !default;
$ouds-font-letter-spacing-heading-medium-mobile: $ouds-font-letter-spacing-350 !default;
$ouds-font-letter-spacing-heading-medium-tablet: $ouds-font-letter-spacing-450 !default;
$ouds-font-letter-spacing-heading-small-desktop: $ouds-font-letter-spacing-450 !default;
$ouds-font-letter-spacing-heading-small-mobile: $ouds-font-letter-spacing-300 !default;
$ouds-font-letter-spacing-heading-small-tablet: $ouds-font-letter-spacing-350 !default;
$ouds-font-letter-spacing-heading-xlarge-desktop: $ouds-font-letter-spacing-850 !default;
$ouds-font-letter-spacing-heading-xlarge-mobile: $ouds-font-letter-spacing-550 !default;
$ouds-font-letter-spacing-heading-xlarge-tablet: $ouds-font-letter-spacing-750 !default;
$ouds-font-letter-spacing-label-large: $ouds-font-letter-spacing-250 !default;
$ouds-font-letter-spacing-label-medium: $ouds-font-letter-spacing-200 !default;
$ouds-font-letter-spacing-label-small: $ouds-font-letter-spacing-150 !default;
$ouds-font-letter-spacing-label-xlarge: $ouds-font-letter-spacing-300 !default;
$ouds-font-line-height-body-large-desktop: $ouds-font-line-height-450 !default;
$ouds-font-line-height-body-large-mobile: $ouds-font-line-height-450 !default;
$ouds-font-line-height-body-large-tablet: $ouds-font-line-height-450 !default;
$ouds-font-line-height-body-medium-desktop: $ouds-font-line-height-450 !default;
$ouds-font-line-height-body-medium-mobile: $ouds-font-line-height-350 !default;
$ouds-font-line-height-body-medium-tablet: $ouds-font-line-height-350 !default;
$ouds-font-line-height-body-small-desktop: $ouds-font-line-height-350 !default;
$ouds-font-line-height-body-small-mobile: $ouds-font-line-height-250 !default;
$ouds-font-line-height-body-small-tablet: $ouds-font-line-height-250 !default;
$ouds-font-line-height-code-medium: $ouds-font-line-height-350 !default;
$ouds-font-line-height-display-large-desktop: $ouds-font-line-height-2050 !default;
$ouds-font-line-height-display-large-mobile: $ouds-font-line-height-1050 !default;
$ouds-font-line-height-display-large-tablet: $ouds-font-line-height-1850 !default;
$ouds-font-line-height-display-medium-desktop: $ouds-font-line-height-1450 !default;
$ouds-font-line-height-display-medium-mobile: $ouds-font-line-height-950 !default;
$ouds-font-line-height-display-medium-tablet: $ouds-font-line-height-1250 !default;
$ouds-font-line-height-display-small-desktop: $ouds-font-line-height-1250 !default;
$ouds-font-line-height-display-small-mobile: $ouds-font-line-height-850 !default;
$ouds-font-line-height-display-small-tablet: $ouds-font-line-height-1050 !default;
$ouds-font-line-height-heading-large-desktop: $ouds-font-line-height-850 !default;
$ouds-font-line-height-heading-large-mobile: $ouds-font-line-height-650 !default;
$ouds-font-line-height-heading-large-tablet: $ouds-font-line-height-750 !default;
$ouds-font-line-height-heading-medium-desktop: $ouds-font-line-height-750 !default;
$ouds-font-line-height-heading-medium-mobile: $ouds-font-line-height-550 !default;
$ouds-font-line-height-heading-medium-tablet: $ouds-font-line-height-650 !default;
$ouds-font-line-height-heading-small-desktop: $ouds-font-line-height-650 !default;
$ouds-font-line-height-heading-small-mobile: $ouds-font-line-height-450 !default;
$ouds-font-line-height-heading-small-tablet: $ouds-font-line-height-550 !default;
$ouds-font-line-height-heading-xlarge-desktop: $ouds-font-line-height-1050 !default;
$ouds-font-line-height-heading-xlarge-mobile: $ouds-font-line-height-750 !default;
$ouds-font-line-height-heading-xlarge-tablet: $ouds-font-line-height-950 !default;
$ouds-font-line-height-label-large: $ouds-font-line-height-450 !default;
$ouds-font-line-height-label-medium: $ouds-font-line-height-350 !default;
$ouds-font-line-height-label-small: $ouds-font-line-height-250 !default;
$ouds-font-line-height-label-xlarge: $ouds-font-line-height-450 !default;
$ouds-font-size-body-large-desktop: $ouds-font-size-300 !default;
$ouds-font-size-body-large-mobile: $ouds-font-size-250 !default;
$ouds-font-size-body-large-tablet: $ouds-font-size-250 !default;
$ouds-font-size-body-medium-desktop: $ouds-font-size-250 !default;
$ouds-font-size-body-medium-mobile: $ouds-font-size-200 !default;
$ouds-font-size-body-medium-tablet: $ouds-font-size-200 !default;
$ouds-font-size-body-small-desktop: $ouds-font-size-200 !default;
$ouds-font-size-body-small-mobile: $ouds-font-size-150 !default;
$ouds-font-size-body-small-tablet: $ouds-font-size-150 !default;
$ouds-font-size-code-medium: $ouds-font-size-200 !default;
$ouds-font-size-display-large-desktop: $ouds-font-size-1850 !default;
$ouds-font-size-display-large-mobile: $ouds-font-size-850 !default;
$ouds-font-size-display-large-tablet: $ouds-font-size-1450 !default;
$ouds-font-size-display-medium-desktop: $ouds-font-size-1250 !default;
$ouds-font-size-display-medium-mobile: $ouds-font-size-750 !default;
$ouds-font-size-display-medium-tablet: $ouds-font-size-1050 !default;
$ouds-font-size-display-small-desktop: $ouds-font-size-1050 !default;
$ouds-font-size-display-small-mobile: $ouds-font-size-650 !default;
$ouds-font-size-display-small-tablet: $ouds-font-size-850 !default;
$ouds-font-size-heading-large-desktop: $ouds-font-size-650 !default;
$ouds-font-size-heading-large-mobile: $ouds-font-size-450 !default;
$ouds-font-size-heading-large-tablet: $ouds-font-size-550 !default;
$ouds-font-size-heading-medium-desktop: $ouds-font-size-550 !default;
$ouds-font-size-heading-medium-mobile: $ouds-font-size-350 !default;
$ouds-font-size-heading-medium-tablet: $ouds-font-size-450 !default;
$ouds-font-size-heading-small-desktop: $ouds-font-size-450 !default;
$ouds-font-size-heading-small-mobile: $ouds-font-size-300 !default;
$ouds-font-size-heading-small-tablet: $ouds-font-size-350 !default;
$ouds-font-size-heading-xlarge-desktop: $ouds-font-size-850 !default;
$ouds-font-size-heading-xlarge-mobile: $ouds-font-size-550 !default;
$ouds-font-size-heading-xlarge-tablet: $ouds-font-size-750 !default;
$ouds-font-size-label-large: $ouds-font-size-250 !default;
$ouds-font-size-label-medium: $ouds-font-size-200 !default;
$ouds-font-size-label-small: $ouds-font-size-150 !default;
$ouds-font-size-label-xlarge: $ouds-font-size-300 !default;
$ouds-font-weight-system-default: $ouds-font-weight-400 !default;
$ouds-font-weight-system-strong: $ouds-font-weight-700 !default;
$ouds-font-weight-code: $ouds-font-weight-400 !default;
$ouds-font-family-body: $ouds-font-family-system-web !default;
$ouds-font-family-display: $ouds-font-family-system-web !default;
$ouds-font-family-heading: $ouds-font-family-system-web !default;
$ouds-font-family-label: $ouds-font-family-system-web !default;
$ouds-font-weight-body-default: $ouds-font-weight-system-default !default;
$ouds-font-weight-body-strong: $ouds-font-weight-system-strong !default;
$ouds-font-weight-display: $ouds-font-weight-system-strong !default;
$ouds-font-weight-heading: $ouds-font-weight-system-strong !default;
$ouds-font-weight-label-default: $ouds-font-weight-system-default !default;
$ouds-font-weight-label-strong: $ouds-font-weight-system-strong !default;
// scss-docs-end ouds-semantic-font
// Grid
// scss-docs-start ouds-semantic-grid
$ouds-grid-2xl-column-count: $ouds-grid-column-count-1200 !default;
$ouds-grid-2xl-column-gap: $ouds-grid-column-gap-600 !default;
$ouds-grid-2xl-margin: $ouds-grid-margin-1700 !default;
$ouds-grid-2xl-max-width: $ouds-grid-max-width-700 !default;
$ouds-grid-2xl-max-width-alt: $ouds-grid-max-width-650 !default;
$ouds-grid-2xl-min-width: $ouds-grid-min-width-700 !default;
$ouds-grid-2xl-width: $ouds-grid-width-700 !default;
$ouds-grid-2xs-column-count: $ouds-grid-column-count-400 !default;
$ouds-grid-2xs-column-gap: $ouds-grid-column-gap-100 !default;
$ouds-grid-2xs-margin: $ouds-grid-margin-100 !default;
$ouds-grid-2xs-max-width: $ouds-grid-max-width-100 !default;
$ouds-grid-2xs-min-width: $ouds-grid-min-width-100 !default;
$ouds-grid-2xs-width: $ouds-grid-width-100 !default;
$ouds-grid-3xl-column-count: $ouds-grid-column-count-1200 !default;
$ouds-grid-3xl-column-gap: $ouds-grid-column-gap-800 !default;
$ouds-grid-3xl-margin: $ouds-grid-margin-2500 !default;
$ouds-grid-3xl-min-width: $ouds-grid-min-width-800 !default;
$ouds-grid-3xl-width: $ouds-grid-width-800 !default;
$ouds-grid-lg-column-count: $ouds-grid-column-count-600 !default;
$ouds-grid-lg-column-gap: $ouds-grid-column-gap-400 !default;
$ouds-grid-lg-margin: $ouds-grid-margin-700 !default;
$ouds-grid-lg-max-width: $ouds-grid-max-width-500 !default;
$ouds-grid-lg-min-width: $ouds-grid-min-width-500 !default;
$ouds-grid-lg-width: $ouds-grid-width-500 !default;
$ouds-grid-md-column-count: $ouds-grid-column-count-600 !default;
$ouds-grid-md-column-gap: $ouds-grid-column-gap-400 !default;
$ouds-grid-md-margin: $ouds-grid-margin-500 !default;
$ouds-grid-md-max-width: $ouds-grid-max-width-400 !default;
$ouds-grid-md-min-width: $ouds-grid-min-width-400 !default;
$ouds-grid-md-width: $ouds-grid-width-400 !default;
$ouds-grid-sm-column-count: $ouds-grid-column-count-400 !default;
$ouds-grid-sm-column-gap: $ouds-grid-column-gap-200 !default;
$ouds-grid-sm-margin: $ouds-grid-margin-400 !default;
$ouds-grid-sm-max-width: $ouds-grid-max-width-300 !default;
$ouds-grid-sm-min-width: $ouds-grid-min-width-300 !default;
$ouds-grid-sm-width: $ouds-grid-width-300 !default;
$ouds-grid-xl-column-count: $ouds-grid-column-count-1200 !default;
$ouds-grid-xl-column-gap: $ouds-grid-column-gap-600 !default;
$ouds-grid-xl-margin: $ouds-grid-margin-1100 !default;
$ouds-grid-xl-max-width: $ouds-grid-max-width-600 !default;
$ouds-grid-xl-min-width: $ouds-grid-min-width-600 !default;
$ouds-grid-xl-width: $ouds-grid-width-600 !default;
$ouds-grid-xs-column-count: $ouds-grid-column-count-400 !default;
$ouds-grid-xs-column-gap: $ouds-grid-column-gap-200 !default;
$ouds-grid-xs-margin: $ouds-grid-margin-300 !default;
$ouds-grid-xs-max-width: $ouds-grid-max-width-200 !default;
$ouds-grid-xs-min-width: $ouds-grid-min-width-200 !default;
$ouds-grid-xs-width: $ouds-grid-width-200 !default;
// scss-docs-end ouds-semantic-grid
// Opacity
// scss-docs-start ouds-semantic-opacity
$ouds-opacity-invisible: $ouds-opacity-0 !default;
$ouds-opacity-medium: $ouds-opacity-320 !default;
$ouds-opacity-opaque: $ouds-opacity-1000 !default;
$ouds-opacity-strong: $ouds-opacity-640 !default;
$ouds-opacity-weak: $ouds-opacity-160 !default;
$ouds-opacity-weaker: $ouds-opacity-40 !default;
// scss-docs-end ouds-semantic-opacity
// Size
// scss-docs-start ouds-semantic-size
$ouds-size-icon-decorative-2xl: $ouds-dimension-900 !default;
$ouds-size-icon-decorative-2xs: $ouds-dimension-200 !default;
$ouds-size-icon-decorative-lg: $ouds-dimension-600 !default;
$ouds-size-icon-decorative-md: $ouds-dimension-500 !default;
$ouds-size-icon-decorative-sm: $ouds-dimension-400 !default;
$ouds-size-icon-decorative-xl: $ouds-dimension-700 !default;
$ouds-size-icon-decorative-xs: $ouds-dimension-300 !default;
$ouds-size-icon-with-body-large-size-lg-desktop: $ouds-dimension-400 !default;
$ouds-size-icon-with-body-large-size-lg-mobile: $ouds-dimension-350 !default;
$ouds-size-icon-with-body-large-size-lg-tablet: $ouds-dimension-350 !default;
$ouds-size-icon-with-body-large-size-md-desktop: $ouds-dimension-350 !default;
$ouds-size-icon-with-body-large-size-md-mobile: $ouds-dimension-300 !default;
$ouds-size-icon-with-body-large-size-md-tablet: $ouds-dimension-300 !default;
$ouds-size-icon-with-body-large-size-sm-desktop: $ouds-dimension-300 !default;
$ouds-size-icon-with-body-large-size-sm-mobile: $ouds-dimension-250 !default;
$ouds-size-icon-with-body-large-size-sm-tablet: $ouds-dimension-250 !default;
$ouds-size-icon-with-body-medium-size-lg-desktop: $ouds-dimension-350 !default;
$ouds-size-icon-with-body-medium-size-lg-mobile: $ouds-dimension-300 !default;
$ouds-size-icon-with-body-medium-size-lg-tablet: $ouds-dimension-300 !default;
$ouds-size-icon-with-body-medium-size-md-desktop: $ouds-dimension-300 !default;
$ouds-size-icon-with-body-medium-size-md-mobile: $ouds-dimension-250 !default;
$ouds-size-icon-with-body-medium-size-md-tablet: $ouds-dimension-250 !default;
$ouds-size-icon-with-body-medium-size-sm-desktop: $ouds-dimension-250 !default;
$ouds-size-icon-with-body-medium-size-sm-mobile: $ouds-dimension-200 !default;
$ouds-size-icon-with-body-medium-size-sm-tablet: $ouds-dimension-200 !default;
$ouds-size-icon-with-body-small-size-lg-desktop: $ouds-dimension-300 !default;
$ouds-size-icon-with-body-small-size-lg-mobile: $ouds-dimension-250 !default;
$ouds-size-icon-with-body-small-size-lg-tablet: $ouds-dimension-250 !default;
$ouds-size-icon-with-body-small-size-md-desktop: $ouds-dimension-250 !default;
$ouds-size-icon-with-body-small-size-md-mobile: $ouds-dimension-200 !default;
$ouds-size-icon-with-body-small-size-md-tablet: $ouds-dimension-200 !default;
$ouds-size-icon-with-body-small-size-sm-desktop: $ouds-dimension-200 !default;
$ouds-size-icon-with-body-small-size-sm-mobile: $ouds-dimension-150 !default;
$ouds-size-icon-with-body-small-size-sm-tablet: $ouds-dimension-150 !default;
$ouds-size-icon-with-heading-large-size-lg-desktop: $ouds-dimension-650 !default;
$ouds-size-icon-with-heading-large-size-lg-mobile: $ouds-dimension-500 !default;
$ouds-size-icon-with-heading-large-size-lg-tablet: $ouds-dimension-550 !default;
$ouds-size-icon-with-heading-large-size-md-desktop: $ouds-dimension-600 !default;
$ouds-size-icon-with-heading-large-size-md-mobile: $ouds-dimension-450 !default;
$ouds-size-icon-with-heading-large-size-md-tablet: $ouds-dimension-500 !default;
$ouds-size-icon-with-heading-large-size-sm-desktop: $ouds-dimension-550 !default;
$ouds-size-icon-with-heading-large-size-sm-mobile: $ouds-dimension-400 !default;
$ouds-size-icon-with-heading-large-size-sm-tablet: $ouds-dimension-450 !default;
$ouds-size-icon-with-heading-medium-size-lg-desktop: $ouds-dimension-550 !default;
$ouds-size-icon-with-heading-medium-size-lg-mobile: $ouds-dimension-400 !default;
$ouds-size-icon-with-heading-medium-size-lg-tablet: $ouds-dimension-500 !default;
$ouds-size-icon-with-heading-medium-size-md-desktop: $ouds-dimension-500 !default;
$ouds-size-icon-with-heading-medium-size-md-mobile: $ouds-dimension-350 !default;
$ouds-size-icon-with-heading-medium-size-md-tablet: $ouds-dimension-450 !default;
$ouds-size-icon-with-heading-medium-size-sm-desktop: $ouds-dimension-450 !default;
$ouds-size-icon-with-heading-medium-size-sm-mobile: $ouds-dimension-300 !default;
$ouds-size-icon-with-heading-medium-size-sm-tablet: $ouds-dimension-400 !default;
$ouds-size-icon-with-heading-small-size-lg-desktop: $ouds-dimension-500 !default;
$ouds-size-icon-with-heading-small-size-lg-mobile: $ouds-dimension-400 !default;
$ouds-size-icon-with-heading-small-size-lg-tablet: $ouds-dimension-400 !default;
$ouds-size-icon-with-heading-small-size-md-desktop: $ouds-dimension-450 !default;
$ouds-size-icon-with-heading-small-size-md-mobile: $ouds-dimension-350 !default;
$ouds-size-icon-with-heading-small-size-md-tablet: $ouds-dimension-350 !default;
$ouds-size-icon-with-heading-small-size-sm-desktop: $ouds-dimension-400 !default;
$ouds-size-icon-with-heading-small-size-sm-mobile: $ouds-dimension-300 !default;
$ouds-size-icon-with-heading-small-size-sm-tablet: $ouds-dimension-300 !default;
$ouds-size-icon-with-heading-xlarge-size-lg-desktop: $ouds-dimension-750 !default;
$ouds-size-icon-with-heading-xlarge-size-lg-mobile: $ouds-dimension-550 !default;
$ouds-size-icon-with-heading-xlarge-size-lg-tablet: $ouds-dimension-650 !default;
$ouds-size-icon-with-heading-xlarge-size-md-desktop: $ouds-dimension-700 !default;
$ouds-size-icon-with-heading-xlarge-size-md-mobile: $ouds-dimension-500 !default;
$ouds-size-icon-with-heading-xlarge-size-md-tablet: $ouds-dimension-600 !default;
$ouds-size-icon-with-heading-xlarge-size-sm-desktop: $ouds-dimension-650 !default;
$ouds-size-icon-with-heading-xlarge-size-sm-mobile: $ouds-dimension-450 !default;
$ouds-size-icon-with-heading-xlarge-size-sm-tablet: $ouds-dimension-550 !default;
$ouds-size-max-width-type-body-large-desktop: $ouds-dimension-7000 !default;
$ouds-size-max-width-type-body-large-mobile: $ouds-dimension-6000 !default;
$ouds-size-max-width-type-body-large-tablet: $ouds-dimension-6000 !default;
$ouds-size-max-width-type-body-medium-desktop: $ouds-dimension-7000 !default;
$ouds-size-max-width-type-body-medium-mobile: $ouds-dimension-6000 !default;
$ouds-size-max-width-type-body-medium-tablet: $ouds-dimension-6000 !default;
$ouds-size-max-width-type-body-small-desktop: $ouds-dimension-6000 !default;
$ouds-size-max-width-type-body-small-mobile: $ouds-dimension-6000 !default;
$ouds-size-max-width-type-body-small-tablet: $ouds-dimension-6000 !default;
$ouds-size-max-width-type-display-large-desktop: $ouds-dimension-11000 !default;
$ouds-size-max-width-type-display-large-mobile: $ouds-dimension-9000 !default;
$ouds-size-max-width-type-display-large-tablet: $ouds-dimension-9000 !default;
$ouds-size-max-width-type-display-medium-desktop: $ouds-dimension-11000 !default;
$ouds-size-max-width-type-display-medium-mobile: $ouds-dimension-9000 !default;
$ouds-size-max-width-type-display-medium-tablet: $ouds-dimension-9000 !default;
$ouds-size-max-width-type-display-small-desktop: $ouds-dimension-11000 !default;
$ouds-size-max-width-type-display-small-mobile: $ouds-dimension-9000 !default;
$ouds-size-max-width-type-display-small-tablet: $ouds-dimension-9000 !default;
$ouds-size-max-width-type-heading-large-desktop: $ouds-dimension-11000 !default;
$ouds-size-max-width-type-heading-large-mobile: $ouds-dimension-9000 !default;
$ouds-size-max-width-type-heading-large-tablet: $ouds-dimension-9000 !default;
$ouds-size-max-width-type-heading-medium-desktop: $ouds-dimension-11000 !default;
$ouds-size-max-width-type-heading-medium-mobile: $ouds-dimension-9000 !default;
$ouds-size-max-width-type-heading-medium-tablet: $ouds-dimension-9000 !default;
$ouds-size-max-width-type-heading-small-desktop: $ouds-dimension-7000 !default;
$ouds-size-max-width-type-heading-small-mobile: $ouds-dimension-6000 !default;
$ouds-size-max-width-type-heading-small-tablet: $ouds-dimension-6000 !default;
$ouds-size-max-width-type-heading-xlarge-desktop: $ouds-dimension-11000 !default;
$ouds-size-max-width-type-heading-xlarge-mobile: $ouds-dimension-9000 !default;
$ouds-size-max-width-type-heading-xlarge-tablet: $ouds-dimension-9000 !default;
$ouds-size-icon-with-label-large-size-lg: $ouds-dimension-xs !default;
$ouds-size-icon-with-label-large-size-md: $ouds-dimension-2xs !default;
$ouds-size-icon-with-label-large-size-sm: $ouds-dimension-3xs !default;
$ouds-size-icon-with-label-large-size-xl: $ouds-dimension-lg !default;
$ouds-size-icon-with-label-large-size-xs: $ouds-dimension-4xs !default;
$ouds-size-icon-with-label-medium-size-lg: $ouds-dimension-3xs !default;
$ouds-size-icon-with-label-medium-size-md: $ouds-dimension-4xs !default;
$ouds-size-icon-with-label-medium-size-sm: $ouds-dimension-5xs !default;
$ouds-size-icon-with-label-medium-size-xs: $ouds-dimension-6xs !default;
$ouds-size-icon-with-label-small-size-lg: $ouds-dimension-4xs !default;
$ouds-size-icon-with-label-small-size-md: $ouds-dimension-5xs !default;
$ouds-size-icon-with-label-small-size-sm: $ouds-dimension-6xs !default;
$ouds-size-icon-with-label-small-size-xs: $ouds-dimension-7xs !default;
$ouds-size-icon-with-label-xlarge-size-lg: $ouds-dimension-lg !default;
$ouds-size-icon-with-label-xlarge-size-md: $ouds-dimension-md !default;
$ouds-size-icon-with-label-xlarge-size-sm: $ouds-dimension-xs !default;
// scss-docs-end ouds-semantic-size
// Space
// scss-docs-start ouds-semantic-space
$ouds-space-fixed-huge: $ouds-dimension-700 !default;
$ouds-space-fixed-jumbo: $ouds-dimension-800 !default;
$ouds-space-fixed-medium: $ouds-dimension-200 !default;
$ouds-space-fixed-none: $ouds-dimension-0 !default;
$ouds-space-fixed-short: $ouds-dimension-150 !default;
$ouds-space-fixed-shorter: $ouds-dimension-100 !default;
$ouds-space-fixed-shortest: $ouds-dimension-50 !default;
$ouds-space-fixed-smash: $ouds-dimension-25 !default;
$ouds-space-fixed-spacious: $ouds-dimension-600 !default;
$ouds-space-fixed-tall: $ouds-dimension-300 !default;
$ouds-space-fixed-taller: $ouds-dimension-400 !default;
$ouds-space-fixed-tallest: $ouds-dimension-500 !default;
$ouds-space-scaled-medium-desktop: $ouds-dimension-400 !default;
$ouds-space-scaled-medium-mobile: $ouds-dimension-200 !default;
$ouds-space-scaled-medium-tablet: $ouds-dimension-300 !default;
$ouds-space-scaled-none-desktop: $ouds-dimension-0 !default;
$ouds-space-scaled-none-mobile: $ouds-dimension-0 !default;
$ouds-space-scaled-none-tablet: $ouds-dimension-0 !default;
$ouds-space-scaled-short-desktop: $ouds-dimension-300 !default;
$ouds-space-scaled-short-mobile: $ouds-dimension-150 !default;
$ouds-space-scaled-short-tablet: $ouds-dimension-200 !default;
$ouds-space-scaled-shorter-desktop: $ouds-dimension-200 !default;
$ouds-space-scaled-shorter-mobile: $ouds-dimension-100 !default;
$ouds-space-scaled-shorter-tablet: $ouds-dimension-150 !default;
$ouds-space-scaled-shortest-desktop: $ouds-dimension-100 !default;
$ouds-space-scaled-shortest-mobile: $ouds-dimension-50 !default;
$ouds-space-scaled-shortest-tablet: $ouds-dimension-100 !default;
$ouds-space-scaled-smash-desktop: $ouds-dimension-50 !default;
$ouds-space-scaled-smash-mobile: $ouds-dimension-25 !default;
$ouds-space-scaled-smash-tablet: $ouds-dimension-50 !default;
$ouds-space-scaled-spacious-desktop: $ouds-dimension-800 !default;
$ouds-space-scaled-spacious-mobile: $ouds-dimension-600 !default;
$ouds-space-scaled-spacious-tablet: $ouds-dimension-700 !default;
$ouds-space-scaled-tall-desktop: $ouds-dimension-500 !default;
$ouds-space-scaled-tall-mobile: $ouds-dimension-300 !default;
$ouds-space-scaled-tall-tablet: $ouds-dimension-400 !default;
$ouds-space-scaled-taller-desktop: $ouds-dimension-600 !default;
$ouds-space-scaled-taller-mobile: $ouds-dimension-400 !default;
$ouds-space-scaled-taller-tablet: $ouds-dimension-500 !default;
$ouds-space-scaled-tallest-desktop: $ouds-dimension-700 !default;
$ouds-space-scaled-tallest-mobile: $ouds-dimension-500 !default;
$ouds-space-scaled-tallest-tablet: $ouds-dimension-600 !default;
$ouds-space-column-gap-medium: $ouds-dimension-6xs !default;
$ouds-space-column-gap-none: $ouds-dimension-none !default;
$ouds-space-column-gap-short: $ouds-dimension-7xs !default;
$ouds-space-column-gap-shorter: $ouds-dimension-8xs !default;
$ouds-space-column-gap-shortest: $ouds-dimension-9xs !default;
$ouds-space-column-gap-smash: $ouds-dimension-10xs !default;
$ouds-space-column-gap-tall: $ouds-dimension-5xs !default;
$ouds-space-column-gap-taller: $ouds-dimension-4xs !default;
$ouds-space-column-gap-tallest: $ouds-dimension-3xs !default;
$ouds-space-inset-medium: $ouds-dimension-6xs !default;
$ouds-space-inset-none: $ouds-dimension-none !default;
$ouds-space-inset-short: $ouds-dimension-7xs !default;
$ouds-space-inset-shorter: $ouds-dimension-8xs !default;
$ouds-space-inset-shortest: $ouds-dimension-9xs !default;
$ouds-space-inset-smash: $ouds-dimension-10xs !default;
$ouds-space-inset-spacious: $ouds-dimension-md !default;
$ouds-space-inset-tall: $ouds-dimension-5xs !default;
$ouds-space-inset-taller: $ouds-dimension-3xs !default;
$ouds-space-inset-tallest: $ouds-dimension-xs !default;
$ouds-space-padding-block-huge: $ouds-dimension-xs !default;
$ouds-space-padding-block-medium: $ouds-dimension-6xs !default;
$ouds-space-padding-block-none: $ouds-dimension-none !default;
$ouds-space-padding-block-short: $ouds-dimension-7xs !default;
$ouds-space-padding-block-shorter: $ouds-dimension-8xs !default;
$ouds-space-padding-block-shortest: $ouds-dimension-9xs !default;
$ouds-space-padding-block-smash: $ouds-dimension-10xs !default;
$ouds-space-padding-block-spacious: $ouds-dimension-2xs !default;
$ouds-space-padding-block-tall: $ouds-dimension-5xs !default;
$ouds-space-padding-block-taller: $ouds-dimension-4xs !default;
$ouds-space-padding-block-tallest: $ouds-dimension-3xs !default;
$ouds-space-padding-inline-huge: $ouds-dimension-xs !default;
$ouds-space-padding-inline-medium: $ouds-dimension-6xs !default;
$ouds-space-padding-inline-none: $ouds-dimension-none !default;
$ouds-space-padding-inline-short: $ouds-dimension-7xs !default;
$ouds-space-padding-inline-shorter: $ouds-dimension-8xs !default;
$ouds-space-padding-inline-shortest: $ouds-dimension-9xs !default;
$ouds-space-padding-inline-smash: $ouds-dimension-10xs !default;
$ouds-space-padding-inline-spacious: $ouds-dimension-2xs !default;
$ouds-space-padding-inline-tall: $ouds-dimension-5xs !default;
$ouds-space-padding-inline-taller: $ouds-dimension-4xs !default;
$ouds-space-padding-inline-tallest: $ouds-dimension-3xs !default;
$ouds-space-row-gap-medium: $ouds-dimension-6xs !default;
$ouds-space-row-gap-none: $ouds-dimension-none !default;
$ouds-space-row-gap-short: $ouds-dimension-7xs !default;
$ouds-space-row-gap-shorter: $ouds-dimension-8xs !default;
$ouds-space-row-gap-shortest: $ouds-dimension-9xs !default;
$ouds-space-row-gap-smash: $ouds-dimension-10xs !default;
$ouds-space-row-gap-tall: $ouds-dimension-5xs !default;
// scss-docs-end ouds-semantic-space