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
@@ -28,12 +28,12 @@ $add-list-reset: (
|
|
28
28
|
extend: (
|
29
29
|
"margin-bottom": "0",
|
30
30
|
"margin-top": "0",
|
31
|
-
"padding-left": "0"
|
32
|
-
)
|
33
|
-
)
|
31
|
+
"padding-left": "0",
|
32
|
+
),
|
33
|
+
),
|
34
34
|
),
|
35
35
|
settings: $add-list-reset-settings,
|
36
36
|
property: "list-style",
|
37
|
-
type: "object"
|
38
|
-
)
|
37
|
+
type: "object",
|
38
|
+
),
|
39
39
|
);
|
@@ -0,0 +1,27 @@
|
|
1
|
+
/*
|
2
|
+
========================================
|
3
|
+
align-self
|
4
|
+
----------------------------------------
|
5
|
+
usage:
|
6
|
+
.flex-align-self-[key]
|
7
|
+
----------------------------------------
|
8
|
+
output:
|
9
|
+
align-self: [value];
|
10
|
+
----------------------------------------
|
11
|
+
example:
|
12
|
+
.flex-align-self-start {
|
13
|
+
align-self: flex-start; }
|
14
|
+
----------------------------------------
|
15
|
+
*/
|
16
|
+
|
17
|
+
$u-align-self: (
|
18
|
+
align-self: (
|
19
|
+
base: "flex",
|
20
|
+
modifiers: null,
|
21
|
+
values:
|
22
|
+
map-collect(get-palettes($align-self-palettes), $align-self-manual-values),
|
23
|
+
settings: $align-self-settings,
|
24
|
+
property: "align-self",
|
25
|
+
type: "utility",
|
26
|
+
),
|
27
|
+
);
|
@@ -24,20 +24,20 @@ $u-border-radius: (
|
|
24
24
|
noModifier: "border-radius",
|
25
25
|
"top": (
|
26
26
|
"border-top-left-radius",
|
27
|
-
"border-top-right-radius"
|
27
|
+
"border-top-right-radius",
|
28
28
|
),
|
29
29
|
"right": (
|
30
30
|
"border-top-right-radius",
|
31
|
-
"border-bottom-right-radius"
|
31
|
+
"border-bottom-right-radius",
|
32
32
|
),
|
33
33
|
"bottom": (
|
34
34
|
"border-bottom-left-radius",
|
35
|
-
"border-bottom-right-radius"
|
35
|
+
"border-bottom-right-radius",
|
36
36
|
),
|
37
37
|
"left": (
|
38
38
|
"border-top-left-radius",
|
39
|
-
"border-bottom-left-radius"
|
40
|
-
)
|
39
|
+
"border-bottom-left-radius",
|
40
|
+
),
|
41
41
|
),
|
42
42
|
property: "",
|
43
43
|
values:
|
@@ -46,6 +46,6 @@ $u-border-radius: (
|
|
46
46
|
$border-radius-manual-values
|
47
47
|
),
|
48
48
|
settings: $border-radius-settings,
|
49
|
-
type: "utility"
|
50
|
-
)
|
49
|
+
type: "utility",
|
50
|
+
),
|
51
51
|
);
|
@@ -21,16 +21,16 @@ $u-border-width: (
|
|
21
21
|
"width": "-width",
|
22
22
|
"y-width": (
|
23
23
|
"-top-width",
|
24
|
-
"-bottom-width"
|
24
|
+
"-bottom-width",
|
25
25
|
),
|
26
26
|
"x-width": (
|
27
27
|
"-left-width",
|
28
|
-
"-right-width"
|
28
|
+
"-right-width",
|
29
29
|
),
|
30
30
|
"top-width": "-top-width",
|
31
31
|
"right-width": "-right-width",
|
32
32
|
"bottom-width": "-bottom-width",
|
33
|
-
"left-width": "-left-width"
|
33
|
+
"left-width": "-left-width",
|
34
34
|
),
|
35
35
|
values:
|
36
36
|
map-collect(
|
@@ -39,6 +39,6 @@ $u-border-width: (
|
|
39
39
|
),
|
40
40
|
settings: $border-width-settings,
|
41
41
|
property: "border",
|
42
|
-
type: "utility"
|
43
|
-
)
|
42
|
+
type: "utility",
|
43
|
+
),
|
44
44
|
);
|
@@ -27,21 +27,21 @@ $u-border: (
|
|
27
27
|
noModifier: "",
|
28
28
|
"y": (
|
29
29
|
"-top",
|
30
|
-
"-bottom"
|
30
|
+
"-bottom",
|
31
31
|
),
|
32
32
|
"x": (
|
33
33
|
"-left",
|
34
|
-
"-right"
|
34
|
+
"-right",
|
35
35
|
),
|
36
36
|
"top": "-top",
|
37
37
|
"right": "-right",
|
38
38
|
"bottom": "-bottom",
|
39
|
-
"left": "-left"
|
39
|
+
"left": "-left",
|
40
40
|
),
|
41
41
|
values: map-collect(get-palettes($border-palettes), $border-manual-values),
|
42
42
|
valueAppend: " solid",
|
43
43
|
settings: $border-settings,
|
44
44
|
property: "border",
|
45
|
-
type: "utility"
|
46
|
-
)
|
45
|
+
type: "utility",
|
46
|
+
),
|
47
47
|
);
|
@@ -24,12 +24,12 @@ $u-clearfix: (
|
|
24
24
|
content: "both",
|
25
25
|
extend: (
|
26
26
|
"content": '""',
|
27
|
-
"display": "block"
|
28
|
-
)
|
29
|
-
)
|
27
|
+
"display": "block",
|
28
|
+
),
|
29
|
+
),
|
30
30
|
),
|
31
31
|
settings: $clearfix-settings,
|
32
32
|
property: "clear",
|
33
|
-
type: "utility"
|
34
|
-
)
|
33
|
+
type: "utility",
|
34
|
+
),
|
35
35
|
);
|
@@ -22,22 +22,22 @@ $u-margin: (
|
|
22
22
|
margin: (
|
23
23
|
base: "margin",
|
24
24
|
modifiers: (
|
25
|
-
noModifier: ""
|
25
|
+
noModifier: "",
|
26
26
|
),
|
27
27
|
values: map-collect(get-palettes($margin-palettes), $margin-manual-values),
|
28
28
|
settings: $margin-settings,
|
29
29
|
property: "margin",
|
30
|
-
type: "utility"
|
30
|
+
type: "utility",
|
31
31
|
),
|
32
32
|
margin-vertical: (
|
33
33
|
base: "margin",
|
34
34
|
modifiers: (
|
35
35
|
"y": (
|
36
36
|
"-top",
|
37
|
-
"-bottom"
|
37
|
+
"-bottom",
|
38
38
|
),
|
39
39
|
"top": "-top",
|
40
|
-
"bottom": "-bottom"
|
40
|
+
"bottom": "-bottom",
|
41
41
|
),
|
42
42
|
values:
|
43
43
|
map-collect(
|
@@ -46,17 +46,17 @@ $u-margin: (
|
|
46
46
|
),
|
47
47
|
settings: $margin-settings,
|
48
48
|
property: "margin",
|
49
|
-
type: "utility"
|
49
|
+
type: "utility",
|
50
50
|
),
|
51
51
|
margin-horizontal: (
|
52
52
|
base: "margin",
|
53
53
|
modifiers: (
|
54
54
|
"x": (
|
55
55
|
"-left",
|
56
|
-
"-right"
|
56
|
+
"-right",
|
57
57
|
),
|
58
58
|
"right": "-right",
|
59
|
-
"left": "-left"
|
59
|
+
"left": "-left",
|
60
60
|
),
|
61
61
|
values:
|
62
62
|
map-collect(
|
@@ -65,6 +65,6 @@ $u-margin: (
|
|
65
65
|
),
|
66
66
|
settings: $margin-settings,
|
67
67
|
property: "margin",
|
68
|
-
type: "utility"
|
69
|
-
)
|
68
|
+
type: "utility",
|
69
|
+
),
|
70
70
|
);
|