uswds-jekyll 5.0.1 → 5.2.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +52 -93
- data/_includes/components/banner.html +11 -9
- data/_sass/uswds/components/_header.scss +1 -1
- data/_sass/uswds/components/_nav-buttons.scss +4 -4
- data/_sass/uswds/src/components/_alerts.scss +8 -9
- data/_sass/uswds/src/components/_banner.scss +102 -31
- data/_sass/uswds/src/components/_breadcrumb.scss +168 -0
- data/_sass/uswds/src/components/_footer.scss +14 -4
- data/_sass/uswds/src/components/_header.scss +1 -1
- data/_sass/uswds/src/components/_identifier.scss +146 -0
- data/_sass/uswds/src/components/_media-block.scss +6 -1
- data/_sass/uswds/src/components/_megamenu.scss +4 -1
- data/_sass/uswds/src/components/_section.scss +6 -2
- data/_sass/uswds/src/components/_skipnav.scss +2 -2
- data/_sass/uswds/src/components/_step-indicator.scss +444 -0
- data/_sass/uswds/src/components/_tooltip.scss +114 -0
- data/_sass/uswds/src/core/_functions.scss +631 -0
- data/_sass/uswds/src/core/_notifications.scss +14 -0
- data/_sass/uswds/src/core/_properties.scss +120 -108
- data/_sass/uswds/src/core/_system-tokens.scss +140 -155
- data/_sass/uswds/src/core/_variables.scss +134 -32
- data/_sass/uswds/src/core/mixins/_add-link-styles.scss +20 -0
- data/_sass/uswds/src/core/mixins/_all.scss +4 -0
- data/_sass/uswds/src/core/mixins/_font-face.scss +1 -1
- data/_sass/uswds/src/core/mixins/_icon.scss +119 -0
- data/_sass/uswds/src/core/mixins/_media-block-img.scss +1 -1
- data/_sass/uswds/src/core/mixins/_set-link-from-bg.scss +30 -0
- data/_sass/uswds/src/core/mixins/_set-text-from-bg.scss +28 -0
- data/_sass/uswds/src/core/mixins/utilities/_align-self.scss +11 -0
- data/_sass/uswds/src/core/mixins/utilities/_border.scss +1 -1
- data/_sass/uswds/src/core/mixins/utilities/_flex.scss +6 -1
- data/_sass/uswds/src/core/mixins/utilities/_text.scss +6 -1
- data/_sass/uswds/src/core/placeholders/_list.scss +5 -0
- data/_sass/uswds/src/core/system-tokens/_blue-cool.scss +3 -3
- data/_sass/uswds/src/core/system-tokens/_blue-warm.scss +3 -3
- data/_sass/uswds/src/core/system-tokens/_blue.scss +3 -3
- data/_sass/uswds/src/core/system-tokens/_cyan.scss +3 -3
- data/_sass/uswds/src/core/system-tokens/_gold.scss +3 -3
- data/_sass/uswds/src/core/system-tokens/_gray-cool.scss +2 -2
- data/_sass/uswds/src/core/system-tokens/_gray-warm.scss +2 -2
- data/_sass/uswds/src/core/system-tokens/_gray.scss +2 -2
- data/_sass/uswds/src/core/system-tokens/_green-cool.scss +3 -3
- data/_sass/uswds/src/core/system-tokens/_green-warm.scss +3 -3
- data/_sass/uswds/src/core/system-tokens/_green.scss +3 -3
- data/_sass/uswds/src/core/system-tokens/_indigo-cool.scss +6 -6
- data/_sass/uswds/src/core/system-tokens/_indigo-warm.scss +3 -3
- data/_sass/uswds/src/core/system-tokens/_indigo.scss +3 -3
- data/_sass/uswds/src/core/system-tokens/_magenta.scss +3 -3
- data/_sass/uswds/src/core/system-tokens/_mint-cool.scss +3 -3
- data/_sass/uswds/src/core/system-tokens/_mint.scss +3 -3
- data/_sass/uswds/src/core/system-tokens/_orange-warm.scss +3 -3
- data/_sass/uswds/src/core/system-tokens/_orange.scss +3 -3
- data/_sass/uswds/src/core/system-tokens/_red-cool.scss +3 -3
- data/_sass/uswds/src/core/system-tokens/_red-warm.scss +3 -3
- data/_sass/uswds/src/core/system-tokens/_red.scss +3 -3
- data/_sass/uswds/src/core/system-tokens/_violet-warm.scss +3 -3
- data/_sass/uswds/src/core/system-tokens/_violet.scss +3 -3
- data/_sass/uswds/src/core/system-tokens/_yellow.scss +3 -3
- data/_sass/uswds/src/elements/_buttons.scss +31 -24
- data/_sass/uswds/src/elements/form-controls/_all.scss +2 -0
- data/_sass/uswds/src/elements/form-controls/_checkbox-and-radio.scss +4 -2
- data/_sass/uswds/src/elements/form-controls/_combo-box.scss +80 -9
- data/_sass/uswds/src/elements/form-controls/_date-picker.scss +325 -0
- data/_sass/uswds/src/elements/form-controls/_file-input.scss +195 -0
- data/_sass/uswds/src/elements/form-controls/_global.scss +10 -3
- data/_sass/uswds/src/elements/form-controls/_time-picker.scss +3 -0
- data/_sass/uswds/src/packages/_usa-breadcrumb.scss +4 -0
- data/_sass/uswds/src/packages/_usa-identifier.scss +1 -0
- data/_sass/uswds/src/packages/_usa-step-indicator.scss +2 -0
- data/_sass/uswds/src/packages/_usa-tooltip.scss +2 -0
- data/_sass/uswds/src/packages/_uswds-components.scss +4 -0
- data/_sass/uswds/src/settings/_settings-color.scss +6 -1
- data/_sass/uswds/src/settings/_settings-components.scss +45 -1
- data/_sass/uswds/src/settings/_settings-general.scss +4 -4
- data/_sass/uswds/src/settings/_settings-typography.scss +5 -5
- data/_sass/uswds/src/settings/_settings-utilities.scss +89 -75
- data/_sass/uswds/src/theme/_uswds-theme-color.scss +4 -1
- data/_sass/uswds/src/theme/_uswds-theme-components.scss +45 -1
- data/_sass/uswds/src/theme/_uswds-theme-general.scss +4 -4
- data/_sass/uswds/src/theme/_uswds-theme-typography.scss +5 -5
- data/_sass/uswds/src/theme/_uswds-theme-utilities.scss +90 -77
- data/_sass/uswds/src/theme/styles.scss +5 -1
- data/_sass/uswds/src/utilities/palettes/_default-palettes.scss +2 -1
- data/_sass/uswds/src/utilities/palettes/_font-palettes.scss +478 -478
- data/_sass/uswds/src/utilities/palettes/_spacing-palettes.scss +7 -7
- data/_sass/uswds/src/utilities/palettes/colors/_all-colors-palettes.scss +2 -2
- data/_sass/uswds/src/utilities/palettes/colors/_black-transparent-palettes.scss +2 -2
- data/_sass/uswds/src/utilities/palettes/colors/_blue-cool-palettes.scss +7 -7
- data/_sass/uswds/src/utilities/palettes/colors/_blue-palettes.scss +7 -7
- data/_sass/uswds/src/utilities/palettes/colors/_blue-warm-palettes.scss +7 -7
- data/_sass/uswds/src/utilities/palettes/colors/_cyan-palettes.scss +7 -7
- data/_sass/uswds/src/utilities/palettes/colors/_gold-palettes.scss +7 -7
- data/_sass/uswds/src/utilities/palettes/colors/_gray-cool-palettes.scss +5 -5
- data/_sass/uswds/src/utilities/palettes/colors/_gray-palettes.scss +5 -5
- data/_sass/uswds/src/utilities/palettes/colors/_gray-warm-palettes.scss +5 -5
- data/_sass/uswds/src/utilities/palettes/colors/_green-cool-palettes.scss +7 -7
- data/_sass/uswds/src/utilities/palettes/colors/_green-palettes.scss +7 -7
- data/_sass/uswds/src/utilities/palettes/colors/_green-warm-palettes.scss +7 -7
- data/_sass/uswds/src/utilities/palettes/colors/_indigo-cool-palettes.scss +7 -7
- data/_sass/uswds/src/utilities/palettes/colors/_indigo-palettes.scss +7 -7
- data/_sass/uswds/src/utilities/palettes/colors/_indigo-warm-palettes.scss +7 -7
- data/_sass/uswds/src/utilities/palettes/colors/_magenta-palettes.scss +7 -7
- data/_sass/uswds/src/utilities/palettes/colors/_mint-cool-palettes.scss +7 -7
- data/_sass/uswds/src/utilities/palettes/colors/_mint-palettes.scss +7 -7
- data/_sass/uswds/src/utilities/palettes/colors/_orange-palettes.scss +7 -7
- data/_sass/uswds/src/utilities/palettes/colors/_orange-warm-palettes.scss +7 -7
- data/_sass/uswds/src/utilities/palettes/colors/_red-cool-palettes.scss +7 -7
- data/_sass/uswds/src/utilities/palettes/colors/_red-palettes.scss +7 -7
- data/_sass/uswds/src/utilities/palettes/colors/_red-warm-palettes.scss +7 -7
- data/_sass/uswds/src/utilities/palettes/colors/_violet-palettes.scss +7 -7
- data/_sass/uswds/src/utilities/palettes/colors/_violet-warm-palettes.scss +7 -7
- data/_sass/uswds/src/utilities/palettes/colors/_white-transparent-palettes.scss +2 -2
- data/_sass/uswds/src/utilities/palettes/colors/_yellow-palettes.scss +7 -7
- data/_sass/uswds/src/utilities/rules/_all.scss +1 -0
- data/_sass/uswds/src/utilities/rules/_package.scss +1 -0
- data/_sass/uswds/src/utilities/rules/add-aspect.scss +13 -13
- data/_sass/uswds/src/utilities/rules/add-list-reset.scss +5 -5
- data/_sass/uswds/src/utilities/rules/align-items.scss +2 -2
- data/_sass/uswds/src/utilities/rules/align-self.scss +27 -0
- data/_sass/uswds/src/utilities/rules/background-color.scss +2 -2
- data/_sass/uswds/src/utilities/rules/border-color.scss +2 -2
- data/_sass/uswds/src/utilities/rules/border-radius.scss +7 -7
- data/_sass/uswds/src/utilities/rules/border-style.scss +2 -2
- data/_sass/uswds/src/utilities/rules/border-width.scss +5 -5
- data/_sass/uswds/src/utilities/rules/border.scss +5 -5
- data/_sass/uswds/src/utilities/rules/bottom.scss +2 -2
- data/_sass/uswds/src/utilities/rules/box-shadow.scss +2 -2
- data/_sass/uswds/src/utilities/rules/circle.scss +4 -4
- data/_sass/uswds/src/utilities/rules/clearfix.scss +5 -5
- data/_sass/uswds/src/utilities/rules/color.scss +2 -2
- data/_sass/uswds/src/utilities/rules/cursor.scss +2 -2
- data/_sass/uswds/src/utilities/rules/display.scss +2 -2
- data/_sass/uswds/src/utilities/rules/flex-direction.scss +2 -2
- data/_sass/uswds/src/utilities/rules/flex-wrap.scss +2 -2
- data/_sass/uswds/src/utilities/rules/flex.scss +2 -2
- data/_sass/uswds/src/utilities/rules/float.scss +2 -2
- data/_sass/uswds/src/utilities/rules/font-family.scss +2 -2
- data/_sass/uswds/src/utilities/rules/font-feature.scss +2 -2
- data/_sass/uswds/src/utilities/rules/font-style.scss +2 -2
- data/_sass/uswds/src/utilities/rules/font-weight.scss +2 -2
- data/_sass/uswds/src/utilities/rules/font.scss +2 -2
- data/_sass/uswds/src/utilities/rules/height.scss +2 -2
- data/_sass/uswds/src/utilities/rules/justify-content.scss +2 -2
- data/_sass/uswds/src/utilities/rules/left.scss +2 -2
- data/_sass/uswds/src/utilities/rules/letter-spacing.scss +2 -2
- data/_sass/uswds/src/utilities/rules/line-height.scss +2 -2
- data/_sass/uswds/src/utilities/rules/margin.scss +9 -9
- data/_sass/uswds/src/utilities/rules/max-height.scss +2 -2
- data/_sass/uswds/src/utilities/rules/max-width.scss +2 -2
- data/_sass/uswds/src/utilities/rules/measure.scss +2 -2
- data/_sass/uswds/src/utilities/rules/min-height.scss +2 -2
- data/_sass/uswds/src/utilities/rules/min-width.scss +2 -2
- data/_sass/uswds/src/utilities/rules/opacity.scss +3 -5
- data/_sass/uswds/src/utilities/rules/order.scss +2 -2
- data/_sass/uswds/src/utilities/rules/outline-color.scss +2 -2
- data/_sass/uswds/src/utilities/rules/outline.scss +2 -2
- data/_sass/uswds/src/utilities/rules/overflow.scss +3 -3
- data/_sass/uswds/src/utilities/rules/padding.scss +5 -5
- data/_sass/uswds/src/utilities/rules/pin.scss +19 -19
- data/_sass/uswds/src/utilities/rules/position.scss +2 -2
- data/_sass/uswds/src/utilities/rules/right.scss +2 -2
- data/_sass/uswds/src/utilities/rules/square.scss +4 -4
- data/_sass/uswds/src/utilities/rules/text-align.scss +2 -2
- data/_sass/uswds/src/utilities/rules/text-decoration-color.scss +2 -2
- data/_sass/uswds/src/utilities/rules/text-decoration.scss +2 -2
- data/_sass/uswds/src/utilities/rules/text-indent.scss +2 -2
- data/_sass/uswds/src/utilities/rules/text-transform.scss +2 -2
- data/_sass/uswds/src/utilities/rules/top.scss +2 -2
- data/_sass/uswds/src/utilities/rules/vertical-align.scss +2 -2
- data/_sass/uswds/src/utilities/rules/whitespace.scss +2 -2
- data/_sass/uswds/src/utilities/rules/width.scss +2 -2
- data/_sass/uswds/src/utilities/rules/z-index.scss +2 -2
- data/assets/uswds/img/angle-arrow-down-gray-90.svg +1 -0
- data/assets/uswds/img/angle-arrow-right-white.svg +1 -0
- data/assets/uswds/img/angle-arrow-right.svg +1 -0
- data/assets/uswds/img/angle-double-left-solid.svg +1 -0
- data/assets/uswds/img/angle-double-right-solid.svg +1 -0
- data/assets/uswds/img/angle-left-solid.svg +1 -0
- data/assets/uswds/img/angle-right-solid.svg +1 -0
- data/assets/uswds/img/arrow-down-gray-60.svg +1 -0
- data/assets/uswds/img/arrow-left-indigo-cool-50v.svg +1 -0
- data/assets/uswds/img/arrow-left-white.svg +1 -0
- data/assets/uswds/img/arrow-left.svg +1 -0
- data/assets/uswds/img/calendar-alt-solid.svg +1 -0
- data/assets/uswds/img/chevron-right-white.svg +1 -0
- data/assets/uswds/img/chevron-right.svg +1 -0
- data/assets/uswds/img/chevron-white.svg +1 -0
- data/assets/uswds/img/chevron.svg +1 -0
- data/assets/uswds/img/circle-gray-20.svg +1 -0
- data/assets/uswds/img/close-alt-blue-60v.svg +3 -0
- data/assets/uswds/img/close-alt.svg +3 -0
- data/assets/uswds/img/close-gray-60.svg +1 -0
- data/assets/uswds/img/file-excel.svg +1 -0
- data/assets/uswds/img/file-pdf.svg +1 -0
- data/assets/uswds/img/file-video.svg +1 -0
- data/assets/uswds/img/file-word.svg +1 -0
- data/assets/uswds/img/file.svg +1 -0
- data/assets/uswds/img/loader.gif +0 -0
- data/assets/uswds/img/loader.svg +1 -0
- data/assets/uswds/img/lock.svg +1 -0
- data/assets/uswds/js/uswds.js +3570 -216
- data/assets/uswds/js/uswds.min.js +1 -1
- data/assets/uswds/js/uswds.min.js.map +1 -1
- metadata +59 -2
@@ -2,38 +2,38 @@ $tokens-color-orange-light: (
|
|
2
2
|
"orange-5": $color-orange-5,
|
3
3
|
"orange-10": $color-orange-10,
|
4
4
|
"orange-20": $color-orange-20,
|
5
|
-
"orange-30": $color-orange-30
|
5
|
+
"orange-30": $color-orange-30,
|
6
6
|
);
|
7
7
|
|
8
8
|
$tokens-color-orange-medium: (
|
9
9
|
"orange-40": $color-orange-40,
|
10
10
|
"orange-50": $color-orange-50,
|
11
|
-
"orange-60": $color-orange-60
|
11
|
+
"orange-60": $color-orange-60,
|
12
12
|
);
|
13
13
|
|
14
14
|
$tokens-color-orange-dark: (
|
15
15
|
"orange-70": $color-orange-70,
|
16
16
|
"orange-80": $color-orange-80,
|
17
|
-
"orange-90": $color-orange-90
|
17
|
+
"orange-90": $color-orange-90,
|
18
18
|
);
|
19
19
|
|
20
20
|
$tokens-color-orange-light-vivid: (
|
21
21
|
"orange-5v": $color-orange-5v,
|
22
22
|
"orange-10v": $color-orange-10v,
|
23
23
|
"orange-20v": $color-orange-20v,
|
24
|
-
"orange-30v": $color-orange-30v
|
24
|
+
"orange-30v": $color-orange-30v,
|
25
25
|
);
|
26
26
|
|
27
27
|
$tokens-color-orange-medium-vivid: (
|
28
28
|
"orange-40v": $color-orange-40v,
|
29
29
|
"orange-50v": $color-orange-50v,
|
30
|
-
"orange-60v": $color-orange-60v
|
30
|
+
"orange-60v": $color-orange-60v,
|
31
31
|
);
|
32
32
|
|
33
33
|
$tokens-color-orange-dark-vivid: (
|
34
34
|
"orange-70v": $color-orange-70v,
|
35
35
|
"orange-80v": $color-orange-80v,
|
36
|
-
"orange-90v": $color-orange-90v
|
36
|
+
"orange-90v": $color-orange-90v,
|
37
37
|
);
|
38
38
|
|
39
39
|
$tokens-color-orange-standard: map-collect(
|
@@ -62,5 +62,5 @@ $palettes-color-orange: (
|
|
62
62
|
"palette-color-system-orange-dark-vivid": $tokens-color-orange-dark-vivid,
|
63
63
|
"palette-color-system-orange-standard": $tokens-color-orange-standard,
|
64
64
|
"palette-color-system-orange-vivid": $tokens-color-orange-vivid,
|
65
|
-
"palette-color-system-orange": $tokens-color-orange
|
65
|
+
"palette-color-system-orange": $tokens-color-orange,
|
66
66
|
);
|
@@ -2,38 +2,38 @@ $tokens-color-orange-warm-light: (
|
|
2
2
|
"orange-warm-5": $color-orange-warm-5,
|
3
3
|
"orange-warm-10": $color-orange-warm-10,
|
4
4
|
"orange-warm-20": $color-orange-warm-20,
|
5
|
-
"orange-warm-30": $color-orange-warm-30
|
5
|
+
"orange-warm-30": $color-orange-warm-30,
|
6
6
|
);
|
7
7
|
|
8
8
|
$tokens-color-orange-warm-medium: (
|
9
9
|
"orange-warm-40": $color-orange-warm-40,
|
10
10
|
"orange-warm-50": $color-orange-warm-50,
|
11
|
-
"orange-warm-60": $color-orange-warm-60
|
11
|
+
"orange-warm-60": $color-orange-warm-60,
|
12
12
|
);
|
13
13
|
|
14
14
|
$tokens-color-orange-warm-dark: (
|
15
15
|
"orange-warm-70": $color-orange-warm-70,
|
16
16
|
"orange-warm-80": $color-orange-warm-80,
|
17
|
-
"orange-warm-90": $color-orange-warm-90
|
17
|
+
"orange-warm-90": $color-orange-warm-90,
|
18
18
|
);
|
19
19
|
|
20
20
|
$tokens-color-orange-warm-light-vivid: (
|
21
21
|
"orange-warm-5v": $color-orange-warm-5v,
|
22
22
|
"orange-warm-10v": $color-orange-warm-10v,
|
23
23
|
"orange-warm-20v": $color-orange-warm-20v,
|
24
|
-
"orange-warm-30v": $color-orange-warm-30v
|
24
|
+
"orange-warm-30v": $color-orange-warm-30v,
|
25
25
|
);
|
26
26
|
|
27
27
|
$tokens-color-orange-warm-medium-vivid: (
|
28
28
|
"orange-warm-40v": $color-orange-warm-40v,
|
29
29
|
"orange-warm-50v": $color-orange-warm-50v,
|
30
|
-
"orange-warm-60v": $color-orange-warm-60v
|
30
|
+
"orange-warm-60v": $color-orange-warm-60v,
|
31
31
|
);
|
32
32
|
|
33
33
|
$tokens-color-orange-warm-dark-vivid: (
|
34
34
|
"orange-warm-70v": $color-orange-warm-70v,
|
35
35
|
"orange-warm-80v": $color-orange-warm-80v,
|
36
|
-
"orange-warm-90v": $color-orange-warm-90v
|
36
|
+
"orange-warm-90v": $color-orange-warm-90v,
|
37
37
|
);
|
38
38
|
|
39
39
|
$tokens-color-orange-warm-standard: map-collect(
|
@@ -66,5 +66,5 @@ $palettes-color-orange-warm: (
|
|
66
66
|
"palette-color-system-orange-warm-standard":
|
67
67
|
$tokens-color-orange-warm-standard,
|
68
68
|
"palette-color-system-orange-warm-vivid": $tokens-color-orange-warm-vivid,
|
69
|
-
"palette-color-system-orange-warm": $tokens-color-orange-warm
|
69
|
+
"palette-color-system-orange-warm": $tokens-color-orange-warm,
|
70
70
|
);
|
@@ -2,38 +2,38 @@ $tokens-color-red-cool-light: (
|
|
2
2
|
"red-cool-5": $color-red-cool-5,
|
3
3
|
"red-cool-10": $color-red-cool-10,
|
4
4
|
"red-cool-20": $color-red-cool-20,
|
5
|
-
"red-cool-30": $color-red-cool-30
|
5
|
+
"red-cool-30": $color-red-cool-30,
|
6
6
|
);
|
7
7
|
|
8
8
|
$tokens-color-red-cool-medium: (
|
9
9
|
"red-cool-40": $color-red-cool-40,
|
10
10
|
"red-cool-50": $color-red-cool-50,
|
11
|
-
"red-cool-60": $color-red-cool-60
|
11
|
+
"red-cool-60": $color-red-cool-60,
|
12
12
|
);
|
13
13
|
|
14
14
|
$tokens-color-red-cool-dark: (
|
15
15
|
"red-cool-70": $color-red-cool-70,
|
16
16
|
"red-cool-80": $color-red-cool-80,
|
17
|
-
"red-cool-90": $color-red-cool-90
|
17
|
+
"red-cool-90": $color-red-cool-90,
|
18
18
|
);
|
19
19
|
|
20
20
|
$tokens-color-red-cool-light-vivid: (
|
21
21
|
"red-cool-5v": $color-red-cool-5v,
|
22
22
|
"red-cool-10v": $color-red-cool-10v,
|
23
23
|
"red-cool-20v": $color-red-cool-20v,
|
24
|
-
"red-cool-30v": $color-red-cool-30v
|
24
|
+
"red-cool-30v": $color-red-cool-30v,
|
25
25
|
);
|
26
26
|
|
27
27
|
$tokens-color-red-cool-medium-vivid: (
|
28
28
|
"red-cool-40v": $color-red-cool-40v,
|
29
29
|
"red-cool-50v": $color-red-cool-50v,
|
30
|
-
"red-cool-60v": $color-red-cool-60v
|
30
|
+
"red-cool-60v": $color-red-cool-60v,
|
31
31
|
);
|
32
32
|
|
33
33
|
$tokens-color-red-cool-dark-vivid: (
|
34
34
|
"red-cool-70v": $color-red-cool-70v,
|
35
35
|
"red-cool-80v": $color-red-cool-80v,
|
36
|
-
"red-cool-90v": $color-red-cool-90v
|
36
|
+
"red-cool-90v": $color-red-cool-90v,
|
37
37
|
);
|
38
38
|
|
39
39
|
$tokens-color-red-cool-standard: map-collect(
|
@@ -64,5 +64,5 @@ $palettes-color-red-cool: (
|
|
64
64
|
"palette-color-system-red-cool-dark-vivid": $tokens-color-red-cool-dark-vivid,
|
65
65
|
"palette-color-system-red-cool-standard": $tokens-color-red-cool-standard,
|
66
66
|
"palette-color-system-red-cool-vivid": $tokens-color-red-cool-vivid,
|
67
|
-
"palette-color-system-red-cool": $tokens-color-red-cool
|
67
|
+
"palette-color-system-red-cool": $tokens-color-red-cool,
|
68
68
|
);
|
@@ -2,38 +2,38 @@ $tokens-color-red-light: (
|
|
2
2
|
"red-5": $color-red-5,
|
3
3
|
"red-10": $color-red-10,
|
4
4
|
"red-20": $color-red-20,
|
5
|
-
"red-30": $color-red-30
|
5
|
+
"red-30": $color-red-30,
|
6
6
|
);
|
7
7
|
|
8
8
|
$tokens-color-red-medium: (
|
9
9
|
"red-40": $color-red-40,
|
10
10
|
"red-50": $color-red-50,
|
11
|
-
"red-60": $color-red-60
|
11
|
+
"red-60": $color-red-60,
|
12
12
|
);
|
13
13
|
|
14
14
|
$tokens-color-red-dark: (
|
15
15
|
"red-70": $color-red-70,
|
16
16
|
"red-80": $color-red-80,
|
17
|
-
"red-90": $color-red-90
|
17
|
+
"red-90": $color-red-90,
|
18
18
|
);
|
19
19
|
|
20
20
|
$tokens-color-red-light-vivid: (
|
21
21
|
"red-5v": $color-red-5v,
|
22
22
|
"red-10v": $color-red-10v,
|
23
23
|
"red-20v": $color-red-20v,
|
24
|
-
"red-30v": $color-red-30v
|
24
|
+
"red-30v": $color-red-30v,
|
25
25
|
);
|
26
26
|
|
27
27
|
$tokens-color-red-medium-vivid: (
|
28
28
|
"red-40v": $color-red-40v,
|
29
29
|
"red-50v": $color-red-50v,
|
30
|
-
"red-60v": $color-red-60v
|
30
|
+
"red-60v": $color-red-60v,
|
31
31
|
);
|
32
32
|
|
33
33
|
$tokens-color-red-dark-vivid: (
|
34
34
|
"red-70v": $color-red-70v,
|
35
35
|
"red-80v": $color-red-80v,
|
36
|
-
"red-90v": $color-red-90v
|
36
|
+
"red-90v": $color-red-90v,
|
37
37
|
);
|
38
38
|
|
39
39
|
$tokens-color-red-standard: map-collect(
|
@@ -62,5 +62,5 @@ $palettes-color-red: (
|
|
62
62
|
"palette-color-system-red-dark-vivid": $tokens-color-red-dark-vivid,
|
63
63
|
"palette-color-system-red-standard": $tokens-color-red-standard,
|
64
64
|
"palette-color-system-red-vivid": $tokens-color-red-vivid,
|
65
|
-
"palette-color-system-red": $tokens-color-red
|
65
|
+
"palette-color-system-red": $tokens-color-red,
|
66
66
|
);
|
@@ -2,38 +2,38 @@ $tokens-color-red-warm-light: (
|
|
2
2
|
"red-warm-5": $color-red-warm-5,
|
3
3
|
"red-warm-10": $color-red-warm-10,
|
4
4
|
"red-warm-20": $color-red-warm-20,
|
5
|
-
"red-warm-30": $color-red-warm-30
|
5
|
+
"red-warm-30": $color-red-warm-30,
|
6
6
|
);
|
7
7
|
|
8
8
|
$tokens-color-red-warm-medium: (
|
9
9
|
"red-warm-40": $color-red-warm-40,
|
10
10
|
"red-warm-50": $color-red-warm-50,
|
11
|
-
"red-warm-60": $color-red-warm-60
|
11
|
+
"red-warm-60": $color-red-warm-60,
|
12
12
|
);
|
13
13
|
|
14
14
|
$tokens-color-red-warm-dark: (
|
15
15
|
"red-warm-70": $color-red-warm-70,
|
16
16
|
"red-warm-80": $color-red-warm-80,
|
17
|
-
"red-warm-90": $color-red-warm-90
|
17
|
+
"red-warm-90": $color-red-warm-90,
|
18
18
|
);
|
19
19
|
|
20
20
|
$tokens-color-red-warm-light-vivid: (
|
21
21
|
"red-warm-5v": $color-red-warm-5v,
|
22
22
|
"red-warm-10v": $color-red-warm-10v,
|
23
23
|
"red-warm-20v": $color-red-warm-20v,
|
24
|
-
"red-warm-30v": $color-red-warm-30v
|
24
|
+
"red-warm-30v": $color-red-warm-30v,
|
25
25
|
);
|
26
26
|
|
27
27
|
$tokens-color-red-warm-medium-vivid: (
|
28
28
|
"red-warm-40v": $color-red-warm-40v,
|
29
29
|
"red-warm-50v": $color-red-warm-50v,
|
30
|
-
"red-warm-60v": $color-red-warm-60v
|
30
|
+
"red-warm-60v": $color-red-warm-60v,
|
31
31
|
);
|
32
32
|
|
33
33
|
$tokens-color-red-warm-dark-vivid: (
|
34
34
|
"red-warm-70v": $color-red-warm-70v,
|
35
35
|
"red-warm-80v": $color-red-warm-80v,
|
36
|
-
"red-warm-90v": $color-red-warm-90v
|
36
|
+
"red-warm-90v": $color-red-warm-90v,
|
37
37
|
);
|
38
38
|
|
39
39
|
$tokens-color-red-warm-standard: map-collect(
|
@@ -64,5 +64,5 @@ $palettes-color-red-warm: (
|
|
64
64
|
"palette-color-system-red-warm-dark-vivid": $tokens-color-red-warm-dark-vivid,
|
65
65
|
"palette-color-system-red-warm-standard": $tokens-color-red-warm-standard,
|
66
66
|
"palette-color-system-red-warm-vivid": $tokens-color-red-warm-vivid,
|
67
|
-
"palette-color-system-red-warm": $tokens-color-red-warm
|
67
|
+
"palette-color-system-red-warm": $tokens-color-red-warm,
|
68
68
|
);
|
@@ -2,38 +2,38 @@ $tokens-color-violet-light: (
|
|
2
2
|
"violet-5": $color-violet-5,
|
3
3
|
"violet-10": $color-violet-10,
|
4
4
|
"violet-20": $color-violet-20,
|
5
|
-
"violet-30": $color-violet-30
|
5
|
+
"violet-30": $color-violet-30,
|
6
6
|
);
|
7
7
|
|
8
8
|
$tokens-color-violet-medium: (
|
9
9
|
"violet-40": $color-violet-40,
|
10
10
|
"violet-50": $color-violet-50,
|
11
|
-
"violet-60": $color-violet-60
|
11
|
+
"violet-60": $color-violet-60,
|
12
12
|
);
|
13
13
|
|
14
14
|
$tokens-color-violet-dark: (
|
15
15
|
"violet-70": $color-violet-70,
|
16
16
|
"violet-80": $color-violet-80,
|
17
|
-
"violet-90": $color-violet-90
|
17
|
+
"violet-90": $color-violet-90,
|
18
18
|
);
|
19
19
|
|
20
20
|
$tokens-color-violet-light-vivid: (
|
21
21
|
"violet-5v": $color-violet-5v,
|
22
22
|
"violet-10v": $color-violet-10v,
|
23
23
|
"violet-20v": $color-violet-20v,
|
24
|
-
"violet-30v": $color-violet-30v
|
24
|
+
"violet-30v": $color-violet-30v,
|
25
25
|
);
|
26
26
|
|
27
27
|
$tokens-color-violet-medium-vivid: (
|
28
28
|
"violet-40v": $color-violet-40v,
|
29
29
|
"violet-50v": $color-violet-50v,
|
30
|
-
"violet-60v": $color-violet-60v
|
30
|
+
"violet-60v": $color-violet-60v,
|
31
31
|
);
|
32
32
|
|
33
33
|
$tokens-color-violet-dark-vivid: (
|
34
34
|
"violet-70v": $color-violet-70v,
|
35
35
|
"violet-80v": $color-violet-80v,
|
36
|
-
"violet-90v": $color-violet-90v
|
36
|
+
"violet-90v": $color-violet-90v,
|
37
37
|
);
|
38
38
|
|
39
39
|
$tokens-color-violet-standard: map-collect(
|
@@ -62,5 +62,5 @@ $palettes-color-violet: (
|
|
62
62
|
"palette-color-system-violet-dark-vivid": $tokens-color-violet-dark-vivid,
|
63
63
|
"palette-color-system-violet-standard": $tokens-color-violet-standard,
|
64
64
|
"palette-color-system-violet-vivid": $tokens-color-violet-vivid,
|
65
|
-
"palette-color-system-violet": $tokens-color-violet
|
65
|
+
"palette-color-system-violet": $tokens-color-violet,
|
66
66
|
);
|
@@ -2,38 +2,38 @@ $tokens-color-violet-warm-light: (
|
|
2
2
|
"violet-warm-5": $color-violet-warm-5,
|
3
3
|
"violet-warm-10": $color-violet-warm-10,
|
4
4
|
"violet-warm-20": $color-violet-warm-20,
|
5
|
-
"violet-warm-30": $color-violet-warm-30
|
5
|
+
"violet-warm-30": $color-violet-warm-30,
|
6
6
|
);
|
7
7
|
|
8
8
|
$tokens-color-violet-warm-medium: (
|
9
9
|
"violet-warm-40": $color-violet-warm-40,
|
10
10
|
"violet-warm-50": $color-violet-warm-50,
|
11
|
-
"violet-warm-60": $color-violet-warm-60
|
11
|
+
"violet-warm-60": $color-violet-warm-60,
|
12
12
|
);
|
13
13
|
|
14
14
|
$tokens-color-violet-warm-dark: (
|
15
15
|
"violet-warm-70": $color-violet-warm-70,
|
16
16
|
"violet-warm-80": $color-violet-warm-80,
|
17
|
-
"violet-warm-90": $color-violet-warm-90
|
17
|
+
"violet-warm-90": $color-violet-warm-90,
|
18
18
|
);
|
19
19
|
|
20
20
|
$tokens-color-violet-warm-light-vivid: (
|
21
21
|
"violet-warm-5v": $color-violet-warm-5v,
|
22
22
|
"violet-warm-10v": $color-violet-warm-10v,
|
23
23
|
"violet-warm-20v": $color-violet-warm-20v,
|
24
|
-
"violet-warm-30v": $color-violet-warm-30v
|
24
|
+
"violet-warm-30v": $color-violet-warm-30v,
|
25
25
|
);
|
26
26
|
|
27
27
|
$tokens-color-violet-warm-medium-vivid: (
|
28
28
|
"violet-warm-40v": $color-violet-warm-40v,
|
29
29
|
"violet-warm-50v": $color-violet-warm-50v,
|
30
|
-
"violet-warm-60v": $color-violet-warm-60v
|
30
|
+
"violet-warm-60v": $color-violet-warm-60v,
|
31
31
|
);
|
32
32
|
|
33
33
|
$tokens-color-violet-warm-dark-vivid: (
|
34
34
|
"violet-warm-70v": $color-violet-warm-70v,
|
35
35
|
"violet-warm-80v": $color-violet-warm-80v,
|
36
|
-
"violet-warm-90v": $color-violet-warm-90v
|
36
|
+
"violet-warm-90v": $color-violet-warm-90v,
|
37
37
|
);
|
38
38
|
|
39
39
|
$tokens-color-violet-warm-standard: map-collect(
|
@@ -66,5 +66,5 @@ $palettes-color-violet-warm: (
|
|
66
66
|
"palette-color-system-violet-warm-standard":
|
67
67
|
$tokens-color-violet-warm-standard,
|
68
68
|
"palette-color-system-violet-warm-vivid": $tokens-color-violet-warm-vivid,
|
69
|
-
"palette-color-system-violet-warm": $tokens-color-violet-warm
|
69
|
+
"palette-color-system-violet-warm": $tokens-color-violet-warm,
|
70
70
|
);
|
@@ -8,9 +8,9 @@ $tokens-color-white-transparent: (
|
|
8
8
|
"white-transparent-60": $color-white-transparent-60,
|
9
9
|
"white-transparent-70": $color-white-transparent-70,
|
10
10
|
"white-transparent-80": $color-white-transparent-80,
|
11
|
-
"white-transparent-90": $color-white-transparent-90
|
11
|
+
"white-transparent-90": $color-white-transparent-90,
|
12
12
|
);
|
13
13
|
|
14
14
|
$palettes-color-white-transparent: (
|
15
|
-
"palette-color-system-white-transparent": $tokens-color-white-transparent
|
15
|
+
"palette-color-system-white-transparent": $tokens-color-white-transparent,
|
16
16
|
);
|
@@ -2,38 +2,38 @@ $tokens-color-yellow-light: (
|
|
2
2
|
"yellow-5": $color-yellow-5,
|
3
3
|
"yellow-10": $color-yellow-10,
|
4
4
|
"yellow-20": $color-yellow-20,
|
5
|
-
"yellow-30": $color-yellow-30
|
5
|
+
"yellow-30": $color-yellow-30,
|
6
6
|
);
|
7
7
|
|
8
8
|
$tokens-color-yellow-medium: (
|
9
9
|
"yellow-40": $color-yellow-40,
|
10
10
|
"yellow-50": $color-yellow-50,
|
11
|
-
"yellow-60": $color-yellow-60
|
11
|
+
"yellow-60": $color-yellow-60,
|
12
12
|
);
|
13
13
|
|
14
14
|
$tokens-color-yellow-dark: (
|
15
15
|
"yellow-70": $color-yellow-70,
|
16
16
|
"yellow-80": $color-yellow-80,
|
17
|
-
"yellow-90": $color-yellow-90
|
17
|
+
"yellow-90": $color-yellow-90,
|
18
18
|
);
|
19
19
|
|
20
20
|
$tokens-color-yellow-light-vivid: (
|
21
21
|
"yellow-5v": $color-yellow-5v,
|
22
22
|
"yellow-10v": $color-yellow-10v,
|
23
23
|
"yellow-20v": $color-yellow-20v,
|
24
|
-
"yellow-30v": $color-yellow-30v
|
24
|
+
"yellow-30v": $color-yellow-30v,
|
25
25
|
);
|
26
26
|
|
27
27
|
$tokens-color-yellow-medium-vivid: (
|
28
28
|
"yellow-40v": $color-yellow-40v,
|
29
29
|
"yellow-50v": $color-yellow-50v,
|
30
|
-
"yellow-60v": $color-yellow-60v
|
30
|
+
"yellow-60v": $color-yellow-60v,
|
31
31
|
);
|
32
32
|
|
33
33
|
$tokens-color-yellow-dark-vivid: (
|
34
34
|
"yellow-70v": $color-yellow-70v,
|
35
35
|
"yellow-80v": $color-yellow-80v,
|
36
|
-
"yellow-90v": $color-yellow-90v
|
36
|
+
"yellow-90v": $color-yellow-90v,
|
37
37
|
);
|
38
38
|
|
39
39
|
$tokens-color-yellow-standard: map-collect(
|
@@ -62,5 +62,5 @@ $palettes-color-yellow: (
|
|
62
62
|
"palette-color-system-yellow-dark-vivid": $tokens-color-yellow-dark-vivid,
|
63
63
|
"palette-color-system-yellow-standard": $tokens-color-yellow-standard,
|
64
64
|
"palette-color-system-yellow-vivid": $tokens-color-yellow-vivid,
|
65
|
-
"palette-color-system-yellow": $tokens-color-yellow
|
65
|
+
"palette-color-system-yellow": $tokens-color-yellow,
|
66
66
|
);
|
@@ -29,8 +29,8 @@ $add-aspect: (
|
|
29
29
|
"box-sizing": border-box,
|
30
30
|
"height": 0,
|
31
31
|
"overflow": hidden,
|
32
|
-
"padding": 0 0 177.77778
|
33
|
-
)
|
32
|
+
"padding": 0 0 177.77778%,
|
33
|
+
),
|
34
34
|
),
|
35
35
|
1x1: (
|
36
36
|
slug: "1x1",
|
@@ -40,8 +40,8 @@ $add-aspect: (
|
|
40
40
|
"box-sizing": border-box,
|
41
41
|
"height": 0,
|
42
42
|
"overflow": hidden,
|
43
|
-
"padding": 0 0 100
|
44
|
-
)
|
43
|
+
"padding": 0 0 100%,
|
44
|
+
),
|
45
45
|
),
|
46
46
|
4x3: (
|
47
47
|
slug: "4x3",
|
@@ -51,8 +51,8 @@ $add-aspect: (
|
|
51
51
|
"box-sizing": border-box,
|
52
52
|
"height": 0,
|
53
53
|
"overflow": hidden,
|
54
|
-
"padding": 0 0 75
|
55
|
-
)
|
54
|
+
"padding": 0 0 75%,
|
55
|
+
),
|
56
56
|
),
|
57
57
|
16x9: (
|
58
58
|
slug: "16x9",
|
@@ -62,8 +62,8 @@ $add-aspect: (
|
|
62
62
|
"box-sizing": border-box,
|
63
63
|
"height": 0,
|
64
64
|
"overflow": hidden,
|
65
|
-
"padding": 0 0 56.25
|
66
|
-
)
|
65
|
+
"padding": 0 0 56.25%,
|
66
|
+
),
|
67
67
|
),
|
68
68
|
2x1: (
|
69
69
|
slug: "2x1",
|
@@ -73,12 +73,12 @@ $add-aspect: (
|
|
73
73
|
"box-sizing": border-box,
|
74
74
|
"height": 0,
|
75
75
|
"overflow": hidden,
|
76
|
-
"padding": 0 0 50
|
77
|
-
)
|
78
|
-
)
|
76
|
+
"padding": 0 0 50%,
|
77
|
+
),
|
78
|
+
),
|
79
79
|
),
|
80
80
|
settings: $add-aspect-settings,
|
81
81
|
property: "position",
|
82
|
-
type: "object"
|
83
|
-
)
|
82
|
+
type: "object",
|
83
|
+
),
|
84
84
|
);
|