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.
Files changed (205) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +52 -93
  3. data/_includes/components/banner.html +11 -9
  4. data/_sass/uswds/components/_header.scss +1 -1
  5. data/_sass/uswds/components/_nav-buttons.scss +4 -4
  6. data/_sass/uswds/src/components/_alerts.scss +8 -9
  7. data/_sass/uswds/src/components/_banner.scss +102 -31
  8. data/_sass/uswds/src/components/_breadcrumb.scss +168 -0
  9. data/_sass/uswds/src/components/_footer.scss +14 -4
  10. data/_sass/uswds/src/components/_header.scss +1 -1
  11. data/_sass/uswds/src/components/_identifier.scss +146 -0
  12. data/_sass/uswds/src/components/_media-block.scss +6 -1
  13. data/_sass/uswds/src/components/_megamenu.scss +4 -1
  14. data/_sass/uswds/src/components/_section.scss +6 -2
  15. data/_sass/uswds/src/components/_skipnav.scss +2 -2
  16. data/_sass/uswds/src/components/_step-indicator.scss +444 -0
  17. data/_sass/uswds/src/components/_tooltip.scss +114 -0
  18. data/_sass/uswds/src/core/_functions.scss +631 -0
  19. data/_sass/uswds/src/core/_notifications.scss +14 -0
  20. data/_sass/uswds/src/core/_properties.scss +120 -108
  21. data/_sass/uswds/src/core/_system-tokens.scss +140 -155
  22. data/_sass/uswds/src/core/_variables.scss +134 -32
  23. data/_sass/uswds/src/core/mixins/_add-link-styles.scss +20 -0
  24. data/_sass/uswds/src/core/mixins/_all.scss +4 -0
  25. data/_sass/uswds/src/core/mixins/_font-face.scss +1 -1
  26. data/_sass/uswds/src/core/mixins/_icon.scss +119 -0
  27. data/_sass/uswds/src/core/mixins/_media-block-img.scss +1 -1
  28. data/_sass/uswds/src/core/mixins/_set-link-from-bg.scss +30 -0
  29. data/_sass/uswds/src/core/mixins/_set-text-from-bg.scss +28 -0
  30. data/_sass/uswds/src/core/mixins/utilities/_align-self.scss +11 -0
  31. data/_sass/uswds/src/core/mixins/utilities/_border.scss +1 -1
  32. data/_sass/uswds/src/core/mixins/utilities/_flex.scss +6 -1
  33. data/_sass/uswds/src/core/mixins/utilities/_text.scss +6 -1
  34. data/_sass/uswds/src/core/placeholders/_list.scss +5 -0
  35. data/_sass/uswds/src/core/system-tokens/_blue-cool.scss +3 -3
  36. data/_sass/uswds/src/core/system-tokens/_blue-warm.scss +3 -3
  37. data/_sass/uswds/src/core/system-tokens/_blue.scss +3 -3
  38. data/_sass/uswds/src/core/system-tokens/_cyan.scss +3 -3
  39. data/_sass/uswds/src/core/system-tokens/_gold.scss +3 -3
  40. data/_sass/uswds/src/core/system-tokens/_gray-cool.scss +2 -2
  41. data/_sass/uswds/src/core/system-tokens/_gray-warm.scss +2 -2
  42. data/_sass/uswds/src/core/system-tokens/_gray.scss +2 -2
  43. data/_sass/uswds/src/core/system-tokens/_green-cool.scss +3 -3
  44. data/_sass/uswds/src/core/system-tokens/_green-warm.scss +3 -3
  45. data/_sass/uswds/src/core/system-tokens/_green.scss +3 -3
  46. data/_sass/uswds/src/core/system-tokens/_indigo-cool.scss +6 -6
  47. data/_sass/uswds/src/core/system-tokens/_indigo-warm.scss +3 -3
  48. data/_sass/uswds/src/core/system-tokens/_indigo.scss +3 -3
  49. data/_sass/uswds/src/core/system-tokens/_magenta.scss +3 -3
  50. data/_sass/uswds/src/core/system-tokens/_mint-cool.scss +3 -3
  51. data/_sass/uswds/src/core/system-tokens/_mint.scss +3 -3
  52. data/_sass/uswds/src/core/system-tokens/_orange-warm.scss +3 -3
  53. data/_sass/uswds/src/core/system-tokens/_orange.scss +3 -3
  54. data/_sass/uswds/src/core/system-tokens/_red-cool.scss +3 -3
  55. data/_sass/uswds/src/core/system-tokens/_red-warm.scss +3 -3
  56. data/_sass/uswds/src/core/system-tokens/_red.scss +3 -3
  57. data/_sass/uswds/src/core/system-tokens/_violet-warm.scss +3 -3
  58. data/_sass/uswds/src/core/system-tokens/_violet.scss +3 -3
  59. data/_sass/uswds/src/core/system-tokens/_yellow.scss +3 -3
  60. data/_sass/uswds/src/elements/_buttons.scss +31 -24
  61. data/_sass/uswds/src/elements/form-controls/_all.scss +2 -0
  62. data/_sass/uswds/src/elements/form-controls/_checkbox-and-radio.scss +4 -2
  63. data/_sass/uswds/src/elements/form-controls/_combo-box.scss +80 -9
  64. data/_sass/uswds/src/elements/form-controls/_date-picker.scss +325 -0
  65. data/_sass/uswds/src/elements/form-controls/_file-input.scss +195 -0
  66. data/_sass/uswds/src/elements/form-controls/_global.scss +10 -3
  67. data/_sass/uswds/src/elements/form-controls/_time-picker.scss +3 -0
  68. data/_sass/uswds/src/packages/_usa-breadcrumb.scss +4 -0
  69. data/_sass/uswds/src/packages/_usa-identifier.scss +1 -0
  70. data/_sass/uswds/src/packages/_usa-step-indicator.scss +2 -0
  71. data/_sass/uswds/src/packages/_usa-tooltip.scss +2 -0
  72. data/_sass/uswds/src/packages/_uswds-components.scss +4 -0
  73. data/_sass/uswds/src/settings/_settings-color.scss +6 -1
  74. data/_sass/uswds/src/settings/_settings-components.scss +45 -1
  75. data/_sass/uswds/src/settings/_settings-general.scss +4 -4
  76. data/_sass/uswds/src/settings/_settings-typography.scss +5 -5
  77. data/_sass/uswds/src/settings/_settings-utilities.scss +89 -75
  78. data/_sass/uswds/src/theme/_uswds-theme-color.scss +4 -1
  79. data/_sass/uswds/src/theme/_uswds-theme-components.scss +45 -1
  80. data/_sass/uswds/src/theme/_uswds-theme-general.scss +4 -4
  81. data/_sass/uswds/src/theme/_uswds-theme-typography.scss +5 -5
  82. data/_sass/uswds/src/theme/_uswds-theme-utilities.scss +90 -77
  83. data/_sass/uswds/src/theme/styles.scss +5 -1
  84. data/_sass/uswds/src/utilities/palettes/_default-palettes.scss +2 -1
  85. data/_sass/uswds/src/utilities/palettes/_font-palettes.scss +478 -478
  86. data/_sass/uswds/src/utilities/palettes/_spacing-palettes.scss +7 -7
  87. data/_sass/uswds/src/utilities/palettes/colors/_all-colors-palettes.scss +2 -2
  88. data/_sass/uswds/src/utilities/palettes/colors/_black-transparent-palettes.scss +2 -2
  89. data/_sass/uswds/src/utilities/palettes/colors/_blue-cool-palettes.scss +7 -7
  90. data/_sass/uswds/src/utilities/palettes/colors/_blue-palettes.scss +7 -7
  91. data/_sass/uswds/src/utilities/palettes/colors/_blue-warm-palettes.scss +7 -7
  92. data/_sass/uswds/src/utilities/palettes/colors/_cyan-palettes.scss +7 -7
  93. data/_sass/uswds/src/utilities/palettes/colors/_gold-palettes.scss +7 -7
  94. data/_sass/uswds/src/utilities/palettes/colors/_gray-cool-palettes.scss +5 -5
  95. data/_sass/uswds/src/utilities/palettes/colors/_gray-palettes.scss +5 -5
  96. data/_sass/uswds/src/utilities/palettes/colors/_gray-warm-palettes.scss +5 -5
  97. data/_sass/uswds/src/utilities/palettes/colors/_green-cool-palettes.scss +7 -7
  98. data/_sass/uswds/src/utilities/palettes/colors/_green-palettes.scss +7 -7
  99. data/_sass/uswds/src/utilities/palettes/colors/_green-warm-palettes.scss +7 -7
  100. data/_sass/uswds/src/utilities/palettes/colors/_indigo-cool-palettes.scss +7 -7
  101. data/_sass/uswds/src/utilities/palettes/colors/_indigo-palettes.scss +7 -7
  102. data/_sass/uswds/src/utilities/palettes/colors/_indigo-warm-palettes.scss +7 -7
  103. data/_sass/uswds/src/utilities/palettes/colors/_magenta-palettes.scss +7 -7
  104. data/_sass/uswds/src/utilities/palettes/colors/_mint-cool-palettes.scss +7 -7
  105. data/_sass/uswds/src/utilities/palettes/colors/_mint-palettes.scss +7 -7
  106. data/_sass/uswds/src/utilities/palettes/colors/_orange-palettes.scss +7 -7
  107. data/_sass/uswds/src/utilities/palettes/colors/_orange-warm-palettes.scss +7 -7
  108. data/_sass/uswds/src/utilities/palettes/colors/_red-cool-palettes.scss +7 -7
  109. data/_sass/uswds/src/utilities/palettes/colors/_red-palettes.scss +7 -7
  110. data/_sass/uswds/src/utilities/palettes/colors/_red-warm-palettes.scss +7 -7
  111. data/_sass/uswds/src/utilities/palettes/colors/_violet-palettes.scss +7 -7
  112. data/_sass/uswds/src/utilities/palettes/colors/_violet-warm-palettes.scss +7 -7
  113. data/_sass/uswds/src/utilities/palettes/colors/_white-transparent-palettes.scss +2 -2
  114. data/_sass/uswds/src/utilities/palettes/colors/_yellow-palettes.scss +7 -7
  115. data/_sass/uswds/src/utilities/rules/_all.scss +1 -0
  116. data/_sass/uswds/src/utilities/rules/_package.scss +1 -0
  117. data/_sass/uswds/src/utilities/rules/add-aspect.scss +13 -13
  118. data/_sass/uswds/src/utilities/rules/add-list-reset.scss +5 -5
  119. data/_sass/uswds/src/utilities/rules/align-items.scss +2 -2
  120. data/_sass/uswds/src/utilities/rules/align-self.scss +27 -0
  121. data/_sass/uswds/src/utilities/rules/background-color.scss +2 -2
  122. data/_sass/uswds/src/utilities/rules/border-color.scss +2 -2
  123. data/_sass/uswds/src/utilities/rules/border-radius.scss +7 -7
  124. data/_sass/uswds/src/utilities/rules/border-style.scss +2 -2
  125. data/_sass/uswds/src/utilities/rules/border-width.scss +5 -5
  126. data/_sass/uswds/src/utilities/rules/border.scss +5 -5
  127. data/_sass/uswds/src/utilities/rules/bottom.scss +2 -2
  128. data/_sass/uswds/src/utilities/rules/box-shadow.scss +2 -2
  129. data/_sass/uswds/src/utilities/rules/circle.scss +4 -4
  130. data/_sass/uswds/src/utilities/rules/clearfix.scss +5 -5
  131. data/_sass/uswds/src/utilities/rules/color.scss +2 -2
  132. data/_sass/uswds/src/utilities/rules/cursor.scss +2 -2
  133. data/_sass/uswds/src/utilities/rules/display.scss +2 -2
  134. data/_sass/uswds/src/utilities/rules/flex-direction.scss +2 -2
  135. data/_sass/uswds/src/utilities/rules/flex-wrap.scss +2 -2
  136. data/_sass/uswds/src/utilities/rules/flex.scss +2 -2
  137. data/_sass/uswds/src/utilities/rules/float.scss +2 -2
  138. data/_sass/uswds/src/utilities/rules/font-family.scss +2 -2
  139. data/_sass/uswds/src/utilities/rules/font-feature.scss +2 -2
  140. data/_sass/uswds/src/utilities/rules/font-style.scss +2 -2
  141. data/_sass/uswds/src/utilities/rules/font-weight.scss +2 -2
  142. data/_sass/uswds/src/utilities/rules/font.scss +2 -2
  143. data/_sass/uswds/src/utilities/rules/height.scss +2 -2
  144. data/_sass/uswds/src/utilities/rules/justify-content.scss +2 -2
  145. data/_sass/uswds/src/utilities/rules/left.scss +2 -2
  146. data/_sass/uswds/src/utilities/rules/letter-spacing.scss +2 -2
  147. data/_sass/uswds/src/utilities/rules/line-height.scss +2 -2
  148. data/_sass/uswds/src/utilities/rules/margin.scss +9 -9
  149. data/_sass/uswds/src/utilities/rules/max-height.scss +2 -2
  150. data/_sass/uswds/src/utilities/rules/max-width.scss +2 -2
  151. data/_sass/uswds/src/utilities/rules/measure.scss +2 -2
  152. data/_sass/uswds/src/utilities/rules/min-height.scss +2 -2
  153. data/_sass/uswds/src/utilities/rules/min-width.scss +2 -2
  154. data/_sass/uswds/src/utilities/rules/opacity.scss +3 -5
  155. data/_sass/uswds/src/utilities/rules/order.scss +2 -2
  156. data/_sass/uswds/src/utilities/rules/outline-color.scss +2 -2
  157. data/_sass/uswds/src/utilities/rules/outline.scss +2 -2
  158. data/_sass/uswds/src/utilities/rules/overflow.scss +3 -3
  159. data/_sass/uswds/src/utilities/rules/padding.scss +5 -5
  160. data/_sass/uswds/src/utilities/rules/pin.scss +19 -19
  161. data/_sass/uswds/src/utilities/rules/position.scss +2 -2
  162. data/_sass/uswds/src/utilities/rules/right.scss +2 -2
  163. data/_sass/uswds/src/utilities/rules/square.scss +4 -4
  164. data/_sass/uswds/src/utilities/rules/text-align.scss +2 -2
  165. data/_sass/uswds/src/utilities/rules/text-decoration-color.scss +2 -2
  166. data/_sass/uswds/src/utilities/rules/text-decoration.scss +2 -2
  167. data/_sass/uswds/src/utilities/rules/text-indent.scss +2 -2
  168. data/_sass/uswds/src/utilities/rules/text-transform.scss +2 -2
  169. data/_sass/uswds/src/utilities/rules/top.scss +2 -2
  170. data/_sass/uswds/src/utilities/rules/vertical-align.scss +2 -2
  171. data/_sass/uswds/src/utilities/rules/whitespace.scss +2 -2
  172. data/_sass/uswds/src/utilities/rules/width.scss +2 -2
  173. data/_sass/uswds/src/utilities/rules/z-index.scss +2 -2
  174. data/assets/uswds/img/angle-arrow-down-gray-90.svg +1 -0
  175. data/assets/uswds/img/angle-arrow-right-white.svg +1 -0
  176. data/assets/uswds/img/angle-arrow-right.svg +1 -0
  177. data/assets/uswds/img/angle-double-left-solid.svg +1 -0
  178. data/assets/uswds/img/angle-double-right-solid.svg +1 -0
  179. data/assets/uswds/img/angle-left-solid.svg +1 -0
  180. data/assets/uswds/img/angle-right-solid.svg +1 -0
  181. data/assets/uswds/img/arrow-down-gray-60.svg +1 -0
  182. data/assets/uswds/img/arrow-left-indigo-cool-50v.svg +1 -0
  183. data/assets/uswds/img/arrow-left-white.svg +1 -0
  184. data/assets/uswds/img/arrow-left.svg +1 -0
  185. data/assets/uswds/img/calendar-alt-solid.svg +1 -0
  186. data/assets/uswds/img/chevron-right-white.svg +1 -0
  187. data/assets/uswds/img/chevron-right.svg +1 -0
  188. data/assets/uswds/img/chevron-white.svg +1 -0
  189. data/assets/uswds/img/chevron.svg +1 -0
  190. data/assets/uswds/img/circle-gray-20.svg +1 -0
  191. data/assets/uswds/img/close-alt-blue-60v.svg +3 -0
  192. data/assets/uswds/img/close-alt.svg +3 -0
  193. data/assets/uswds/img/close-gray-60.svg +1 -0
  194. data/assets/uswds/img/file-excel.svg +1 -0
  195. data/assets/uswds/img/file-pdf.svg +1 -0
  196. data/assets/uswds/img/file-video.svg +1 -0
  197. data/assets/uswds/img/file-word.svg +1 -0
  198. data/assets/uswds/img/file.svg +1 -0
  199. data/assets/uswds/img/loader.gif +0 -0
  200. data/assets/uswds/img/loader.svg +1 -0
  201. data/assets/uswds/img/lock.svg +1 -0
  202. data/assets/uswds/js/uswds.js +3570 -216
  203. data/assets/uswds/js/uswds.min.js +1 -1
  204. data/assets/uswds/js/uswds.min.js.map +1 -1
  205. metadata +59 -2
data/_sass/uswds/src/theme/_uswds-theme-color.scss CHANGED
@@ -7,7 +7,7 @@
7
7
  ========================================
8
8
  ========================================
9
9
  ----------------------------------------
10
- USWDS 2.4.0
10
+ USWDS 2.9.0
11
11
  ----------------------------------------
12
12
  COLOR SETTINGS
13
13
  ----------------------------------------
@@ -131,3 +131,6 @@ $theme-link-color: "primary";
131
131
  $theme-link-visited-color: "violet-70v";
132
132
  $theme-link-hover-color: "primary-dark";
133
133
  $theme-link-active-color: "primary-darker";
134
+ $theme-link-reverse-color: "base-lighter";
135
+ $theme-link-reverse-hover-color: "base-lightest";
136
+ $theme-link-reverse-active-color: "white";
data/_sass/uswds/src/theme/_uswds-theme-components.scss CHANGED
@@ -7,7 +7,7 @@
7
7
  ========================================
8
8
  ========================================
9
9
  ----------------------------------------
10
- USWDS 2.7.0
10
+ USWDS 2.9.0
11
11
  ----------------------------------------
12
12
  COMPONENT SETTINGS
13
13
  ----------------------------------------
@@ -29,9 +29,22 @@ $theme-alert-icon-size: 4;
29
29
  $theme-alert-padding-x: 2.5;
30
30
 
31
31
  // Banner
32
+ $theme-banner-background-color: "base-lightest";
32
33
  $theme-banner-font-family: "ui";
34
+ $theme-banner-link-color: default;
33
35
  $theme-banner-max-width: "desktop";
34
36
 
37
+ // Breadcrumb
38
+ $theme-breadcrumb-background-color: "white";
39
+ $theme-breadcrumb-font-size: "sm";
40
+ $theme-breadcrumb-font-family: "body";
41
+ $theme-breadcrumb-link-color: default;
42
+ $theme-breadcrumb-min-width: "mobile-lg";
43
+ $theme-breadcrumb-padding-bottom: 2;
44
+ $theme-breadcrumb-padding-top: 2;
45
+ $theme-breadcrumb-padding-x: 0;
46
+ $theme-breadcrumb-separator-color: "base";
47
+
35
48
  // Button
36
49
  $theme-button-font-family: "ui";
37
50
  $theme-button-border-radius: "md";
@@ -53,6 +66,7 @@ $theme-card-padding-y: 2;
53
66
 
54
67
  // Footer
55
68
  $theme-footer-font-family: "body";
69
+ $theme-footer-max-width: "desktop";
56
70
 
57
71
  // Form and input
58
72
  $theme-checkbox-border-radius: "sm";
@@ -72,6 +86,13 @@ $theme-header-min-width: "desktop";
72
86
  // Hero
73
87
  $theme-hero-image: "#{$theme-image-path}/hero.png";
74
88
 
89
+ // Identifier
90
+ $theme-identifier-font-family: "ui";
91
+ $theme-identifier-background-color: "base-darkest";
92
+ $theme-identifier-identity-domain-color: "base-light";
93
+ $theme-identifier-max-width: "desktop";
94
+ $theme-identifier-secondary-link-color: "base-light";
95
+
75
96
  // Navigation
76
97
  $theme-navigation-font-family: "ui";
77
98
  $theme-megamenu-columns: 3;
@@ -83,3 +104,26 @@ $theme-search-min-width: 27ch;
83
104
  // Sidenav
84
105
  $theme-sidenav-current-border-width: 0.5;
85
106
  $theme-sidenav-font-family: "ui";
107
+
108
+ // Step indicator
109
+ $step-indicator-background-color: "white";
110
+ $theme-step-indicator-counter-gap: 0.5;
111
+ $theme-step-indicator-counter-border-width: 0.5;
112
+ $theme-step-indicator-font-family: "ui";
113
+ $theme-step-indicator-heading-color: "ink";
114
+ $theme-step-indicator-heading-font-family: "ui";
115
+ $theme-step-indicator-heading-font-size: "lg";
116
+ $theme-step-indicator-heading-font-size-small: "md";
117
+ $theme-step-indicator-label-font-size: "sm";
118
+ $theme-step-indicator-min-width: "tablet";
119
+ $theme-step-indicator-segment-color-pending: "base-lighter";
120
+ $theme-step-indicator-segment-color-complete: "primary-darker";
121
+ $theme-step-indicator-segment-color-current: "primary";
122
+ $theme-step-indicator-segment-gap: 2px;
123
+ $theme-step-indicator-segment-height: 1;
124
+ $theme-step-indicator-text-pending-color: "base-dark";
125
+
126
+ // Tooltips
127
+ $theme-tooltip-background-color: "ink";
128
+ $theme-tooltip-font-color: "base-lightest";
129
+ $theme-tooltip-font-size: "xs";
data/_sass/uswds/src/theme/_uswds-theme-general.scss CHANGED
@@ -7,7 +7,7 @@
7
7
  ========================================
8
8
  ========================================
9
9
  ----------------------------------------
10
- USWDS 2.4.0
10
+ USWDS 2.9.0
11
11
  ----------------------------------------
12
12
  GENERAL SETTINGS
13
13
  ----------------------------------------
@@ -50,12 +50,12 @@ Namespace
50
50
  $theme-namespace: (
51
51
  "grid": (
52
52
  namespace: "grid-",
53
- output: true
53
+ output: true,
54
54
  ),
55
55
  "utility": (
56
56
  namespace: "u-",
57
- output: false
58
- )
57
+ output: false,
58
+ ),
59
59
  );
60
60
 
61
61
  /*
data/_sass/uswds/src/theme/_uswds-theme-typography.scss CHANGED
@@ -7,7 +7,7 @@
7
7
  ========================================
8
8
  ========================================
9
9
  ----------------------------------------
10
- USWDS 2.3.0
10
+ USWDS 2.9.0
11
11
  ----------------------------------------
12
12
  TYPOGRAPHY SETTINGS
13
13
  ----------------------------------------
@@ -124,12 +124,12 @@ names to something more descriptive.
124
124
  $theme-typeface-tokens: (
125
125
  example-serif-token: (
126
126
  display-name: "Example Serif Display Name",
127
- cap-height: 364px
127
+ cap-height: 364px,
128
128
  ),
129
129
  example-sans-token: (
130
130
  display-name: "Example Sans Display Name",
131
- cap-height: 364px
132
- )
131
+ cap-height: 364px,
132
+ ),
133
133
  );
134
134
 
135
135
  /*
@@ -167,7 +167,7 @@ $theme-font-type-lang: false;
167
167
  $theme-font-type-mono: "roboto-mono";
168
168
 
169
169
  // sans-serif
170
- $theme-font-type-sans: "source-sans-pro";
170
+ $theme-font-type-sans: "public-sans";
171
171
 
172
172
  // serif
173
173
  $theme-font-type-serif: "merriweather";
data/_sass/uswds/src/theme/_uswds-theme-utilities.scss CHANGED
@@ -7,7 +7,7 @@
7
7
  ========================================
8
8
  ========================================
9
9
  ----------------------------------------
10
- USWDS 2.4.0
10
+ USWDS 2.9.0
11
11
  ----------------------------------------
12
12
  UTILITIES SETTINGS
13
13
  ----------------------------------------
@@ -31,24 +31,24 @@ used by utilities or layout grid
31
31
  */
32
32
 
33
33
  $theme-utility-breakpoints: (
34
+ // 160px:
34
35
  "card": false,
35
- // 160px
36
- "card-lg": false,
37
- // 240px
38
- "mobile": false,
39
- // 320px
40
- "mobile-lg": true,
41
- // 480px
42
- "tablet": true,
43
- // 640px
44
- "tablet-lg": false,
45
- // 800px
46
- "desktop": true,
47
- // 1024px
48
- "desktop-lg": false,
49
- // 1200px
50
- "widescreen": false,
51
- // 1400px
36
+ // 240px:
37
+ "card-lg": false,
38
+ // 320px:
39
+ "mobile": false,
40
+ // 480px:
41
+ "mobile-lg": true,
42
+ // 640px:
43
+ "tablet": true,
44
+ // 800px:
45
+ "tablet-lg": false,
46
+ // 1024px:
47
+ "desktop": true,
48
+ // 1200px:
49
+ "desktop-lg": false,
50
+ // 1400px:
51
+ "widescreen": false
52
52
  );
53
53
 
54
54
  /*
@@ -77,7 +77,7 @@ $add-aspect-settings: (
77
77
  active: false,
78
78
  focus: false,
79
79
  hover: false,
80
- visited: false
80
+ visited: false,
81
81
  );
82
82
 
83
83
  $add-list-reset-settings: (
@@ -86,7 +86,7 @@ $add-list-reset-settings: (
86
86
  active: false,
87
87
  focus: false,
88
88
  hover: false,
89
- visited: false
89
+ visited: false,
90
90
  );
91
91
 
92
92
  $align-items-settings: (
@@ -95,7 +95,16 @@ $align-items-settings: (
95
95
  active: false,
96
96
  focus: false,
97
97
  hover: false,
98
- visited: false
98
+ visited: false,
99
+ );
100
+
101
+ $align-self-settings: (
102
+ output: true,
103
+ responsive: false,
104
+ active: false,
105
+ focus: false,
106
+ hover: false,
107
+ visited: false,
99
108
  );
100
109
 
101
110
  $background-color-settings: (
@@ -104,7 +113,7 @@ $background-color-settings: (
104
113
  active: false,
105
114
  focus: false,
106
115
  hover: true,
107
- visited: false
116
+ visited: false,
108
117
  );
109
118
 
110
119
  $border-settings: (
@@ -113,7 +122,7 @@ $border-settings: (
113
122
  active: false,
114
123
  focus: false,
115
124
  hover: true,
116
- visited: false
125
+ visited: false,
117
126
  );
118
127
 
119
128
  $border-color-settings: (
@@ -122,7 +131,7 @@ $border-color-settings: (
122
131
  active: false,
123
132
  focus: false,
124
133
  hover: true,
125
- visited: false
134
+ visited: false,
126
135
  );
127
136
 
128
137
  $border-radius-settings: (
@@ -131,7 +140,7 @@ $border-radius-settings: (
131
140
  active: false,
132
141
  focus: false,
133
142
  hover: false,
134
- visited: false
143
+ visited: false,
135
144
  );
136
145
 
137
146
  $border-style-settings: (
@@ -140,7 +149,7 @@ $border-style-settings: (
140
149
  active: false,
141
150
  focus: false,
142
151
  hover: false,
143
- visited: false
152
+ visited: false,
144
153
  );
145
154
 
146
155
  $border-width-settings: (
@@ -149,7 +158,7 @@ $border-width-settings: (
149
158
  active: false,
150
159
  focus: false,
151
160
  hover: false,
152
- visited: false
161
+ visited: false,
153
162
  );
154
163
 
155
164
  $bottom-settings: (
@@ -158,7 +167,7 @@ $bottom-settings: (
158
167
  active: false,
159
168
  focus: false,
160
169
  hover: false,
161
- visited: false
170
+ visited: false,
162
171
  );
163
172
 
164
173
  $box-shadow-settings: (
@@ -167,7 +176,7 @@ $box-shadow-settings: (
167
176
  active: false,
168
177
  focus: false,
169
178
  hover: true,
170
- visited: false
179
+ visited: false,
171
180
  );
172
181
 
173
182
  $circle-settings: (
@@ -176,7 +185,7 @@ $circle-settings: (
176
185
  active: false,
177
186
  focus: false,
178
187
  hover: false,
179
- visited: false
188
+ visited: false,
180
189
  );
181
190
 
182
191
  $clearfix-settings: (
@@ -185,7 +194,7 @@ $clearfix-settings: (
185
194
  active: false,
186
195
  focus: false,
187
196
  hover: false,
188
- visited: false
197
+ visited: false,
189
198
  );
190
199
 
191
200
  $color-settings: (
@@ -194,7 +203,7 @@ $color-settings: (
194
203
  active: false,
195
204
  focus: false,
196
205
  hover: true,
197
- visited: false
206
+ visited: false,
198
207
  );
199
208
 
200
209
  $cursor-settings: (
@@ -203,7 +212,7 @@ $cursor-settings: (
203
212
  active: false,
204
213
  focus: false,
205
214
  hover: false,
206
- visited: false
215
+ visited: false,
207
216
  );
208
217
 
209
218
  $display-settings: (
@@ -212,7 +221,7 @@ $display-settings: (
212
221
  active: false,
213
222
  focus: false,
214
223
  hover: false,
215
- visited: false
224
+ visited: false,
216
225
  );
217
226
 
218
227
  $flex-settings: (
@@ -221,7 +230,7 @@ $flex-settings: (
221
230
  active: false,
222
231
  focus: false,
223
232
  hover: false,
224
- visited: false
233
+ visited: false,
225
234
  );
226
235
 
227
236
  $flex-direction-settings: (
@@ -230,7 +239,7 @@ $flex-direction-settings: (
230
239
  active: false,
231
240
  focus: false,
232
241
  hover: false,
233
- visited: false
242
+ visited: false,
234
243
  );
235
244
 
236
245
  $flex-wrap-settings: (
@@ -239,7 +248,7 @@ $flex-wrap-settings: (
239
248
  active: false,
240
249
  focus: false,
241
250
  hover: false,
242
- visited: false
251
+ visited: false,
243
252
  );
244
253
 
245
254
  $float-settings: (
@@ -248,7 +257,7 @@ $float-settings: (
248
257
  active: false,
249
258
  focus: false,
250
259
  hover: false,
251
- visited: false
260
+ visited: false,
252
261
  );
253
262
 
254
263
  $font-settings: (
@@ -257,7 +266,7 @@ $font-settings: (
257
266
  active: false,
258
267
  focus: false,
259
268
  hover: false,
260
- visited: false
269
+ visited: false,
261
270
  );
262
271
 
263
272
  $font-family-settings: (
@@ -266,7 +275,7 @@ $font-family-settings: (
266
275
  active: false,
267
276
  focus: false,
268
277
  hover: false,
269
- visited: false
278
+ visited: false,
270
279
  );
271
280
 
272
281
  $font-feature-settings: (
@@ -275,7 +284,7 @@ $font-feature-settings: (
275
284
  active: false,
276
285
  focus: false,
277
286
  hover: false,
278
- visited: false
287
+ visited: false,
279
288
  );
280
289
 
281
290
  $font-style-settings: (
@@ -284,7 +293,7 @@ $font-style-settings: (
284
293
  active: false,
285
294
  focus: false,
286
295
  hover: false,
287
- visited: false
296
+ visited: false,
288
297
  );
289
298
 
290
299
  $font-weight-settings: (
@@ -293,7 +302,7 @@ $font-weight-settings: (
293
302
  active: false,
294
303
  focus: false,
295
304
  hover: false,
296
- visited: false
305
+ visited: false,
297
306
  );
298
307
 
299
308
  $height-settings: (
@@ -302,7 +311,7 @@ $height-settings: (
302
311
  active: false,
303
312
  focus: false,
304
313
  hover: false,
305
- visited: false
314
+ visited: false,
306
315
  );
307
316
 
308
317
  $justify-content-settings: (
@@ -311,7 +320,7 @@ $justify-content-settings: (
311
320
  active: false,
312
321
  focus: false,
313
322
  hover: false,
314
- visited: false
323
+ visited: false,
315
324
  );
316
325
 
317
326
  $left-settings: (
@@ -320,7 +329,7 @@ $left-settings: (
320
329
  active: false,
321
330
  focus: false,
322
331
  hover: false,
323
- visited: false
332
+ visited: false,
324
333
  );
325
334
 
326
335
  $letter-spacing-settings: (
@@ -329,7 +338,7 @@ $letter-spacing-settings: (
329
338
  active: false,
330
339
  focus: false,
331
340
  hover: false,
332
- visited: false
341
+ visited: false,
333
342
  );
334
343
 
335
344
  $line-height-settings: (
@@ -338,7 +347,7 @@ $line-height-settings: (
338
347
  active: false,
339
348
  focus: false,
340
349
  hover: false,
341
- visited: false
350
+ visited: false,
342
351
  );
343
352
 
344
353
  $margin-settings: (
@@ -347,7 +356,7 @@ $margin-settings: (
347
356
  active: false,
348
357
  focus: false,
349
358
  hover: false,
350
- visited: false
359
+ visited: false,
351
360
  );
352
361
 
353
362
  $max-height-settings: (
@@ -356,7 +365,7 @@ $max-height-settings: (
356
365
  active: false,
357
366
  focus: false,
358
367
  hover: false,
359
- visited: false
368
+ visited: false,
360
369
  );
361
370
 
362
371
  $max-width-settings: (
@@ -365,7 +374,7 @@ $max-width-settings: (
365
374
  active: false,
366
375
  focus: false,
367
376
  hover: false,
368
- visited: false
377
+ visited: false,
369
378
  );
370
379
 
371
380
  $measure-settings: (
@@ -374,7 +383,7 @@ $measure-settings: (
374
383
  active: false,
375
384
  focus: false,
376
385
  hover: false,
377
- visited: false
386
+ visited: false,
378
387
  );
379
388
 
380
389
  $min-height-settings: (
@@ -383,7 +392,7 @@ $min-height-settings: (
383
392
  active: false,
384
393
  focus: false,
385
394
  hover: false,
386
- visited: false
395
+ visited: false,
387
396
  );
388
397
 
389
398
  $min-width-settings: (
@@ -392,7 +401,7 @@ $min-width-settings: (
392
401
  active: false,
393
402
  focus: false,
394
403
  hover: false,
395
- visited: false
404
+ visited: false,
396
405
  );
397
406
 
398
407
  $opacity-settings: (
@@ -401,7 +410,7 @@ $opacity-settings: (
401
410
  active: false,
402
411
  focus: false,
403
412
  hover: false,
404
- visited: false
413
+ visited: false,
405
414
  );
406
415
 
407
416
  $order-settings: (
@@ -410,7 +419,7 @@ $order-settings: (
410
419
  active: false,
411
420
  focus: false,
412
421
  hover: false,
413
- visited: false
422
+ visited: false,
414
423
  );
415
424
 
416
425
  $outline-settings: (
@@ -419,7 +428,7 @@ $outline-settings: (
419
428
  active: false,
420
429
  focus: false,
421
430
  hover: false,
422
- visited: false
431
+ visited: false,
423
432
  );
424
433
 
425
434
  $outline-color-settings: (
@@ -428,7 +437,7 @@ $outline-color-settings: (
428
437
  active: false,
429
438
  focus: false,
430
439
  hover: false,
431
- visited: false
440
+ visited: false,
432
441
  );
433
442
 
434
443
  $overflow-settings: (
@@ -437,7 +446,7 @@ $overflow-settings: (
437
446
  active: false,
438
447
  focus: false,
439
448
  hover: false,
440
- visited: false
449
+ visited: false,
441
450
  );
442
451
 
443
452
  $padding-settings: (
@@ -446,7 +455,7 @@ $padding-settings: (
446
455
  active: false,
447
456
  focus: false,
448
457
  hover: false,
449
- visited: false
458
+ visited: false,
450
459
  );
451
460
 
452
461
  $pin-settings: (
@@ -455,7 +464,7 @@ $pin-settings: (
455
464
  active: false,
456
465
  focus: false,
457
466
  hover: false,
458
- visited: false
467
+ visited: false,
459
468
  );
460
469
 
461
470
  $position-settings: (
@@ -464,7 +473,7 @@ $position-settings: (
464
473
  active: false,
465
474
  focus: false,
466
475
  hover: false,
467
- visited: false
476
+ visited: false,
468
477
  );
469
478
 
470
479
  $right-settings: (
@@ -473,7 +482,7 @@ $right-settings: (
473
482
  active: false,
474
483
  focus: false,
475
484
  hover: false,
476
- visited: false
485
+ visited: false,
477
486
  );
478
487
 
479
488
  $square-settings: (
@@ -482,7 +491,7 @@ $square-settings: (
482
491
  active: false,
483
492
  focus: false,
484
493
  hover: false,
485
- visited: false
494
+ visited: false,
486
495
  );
487
496
 
488
497
  $text-align-settings: (
@@ -491,7 +500,7 @@ $text-align-settings: (
491
500
  active: false,
492
501
  focus: false,
493
502
  hover: false,
494
- visited: false
503
+ visited: false,
495
504
  );
496
505
 
497
506
  $text-decoration-settings: (
@@ -500,7 +509,7 @@ $text-decoration-settings: (
500
509
  active: false,
501
510
  focus: false,
502
511
  hover: true,
503
- visited: false
512
+ visited: false,
504
513
  );
505
514
 
506
515
  $text-decoration-color-settings: (
@@ -509,7 +518,7 @@ $text-decoration-color-settings: (
509
518
  active: false,
510
519
  focus: false,
511
520
  hover: true,
512
- visited: false
521
+ visited: false,
513
522
  );
514
523
 
515
524
  $text-indent-settings: (
@@ -518,7 +527,7 @@ $text-indent-settings: (
518
527
  active: false,
519
528
  focus: false,
520
529
  hover: false,
521
- visited: false
530
+ visited: false,
522
531
  );
523
532
 
524
533
  $text-transform-settings: (
@@ -527,7 +536,7 @@ $text-transform-settings: (
527
536
  active: false,
528
537
  focus: false,
529
538
  hover: false,
530
- visited: false
539
+ visited: false,
531
540
  );
532
541
 
533
542
  $top-settings: (
@@ -536,7 +545,7 @@ $top-settings: (
536
545
  active: false,
537
546
  focus: false,
538
547
  hover: false,
539
- visited: false
548
+ visited: false,
540
549
  );
541
550
 
542
551
  $vertical-align-settings: (
@@ -545,7 +554,7 @@ $vertical-align-settings: (
545
554
  active: false,
546
555
  focus: false,
547
556
  hover: false,
548
- visited: false
557
+ visited: false,
549
558
  );
550
559
 
551
560
  $whitespace-settings: (
@@ -554,16 +563,16 @@ $whitespace-settings: (
554
563
  active: false,
555
564
  focus: false,
556
565
  hover: false,
557
- visited: false
566
+ visited: false,
558
567
  );
559
568
 
560
569
  $width-settings: (
561
570
  output: true,
562
- responsive: false,
571
+ responsive: true,
563
572
  active: false,
564
573
  focus: false,
565
574
  hover: false,
566
- visited: false
575
+ visited: false,
567
576
  );
568
577
 
569
578
  $z-index-settings: (
@@ -572,7 +581,7 @@ $z-index-settings: (
572
581
  active: false,
573
582
  focus: false,
574
583
  hover: false,
575
- visited: false
584
+ visited: false,
576
585
  );
577
586
 
578
587
  /*
@@ -591,6 +600,11 @@ $add-aspect-manual-values: ();
591
600
  $align-items-palettes: ("palette-align-items-default");
592
601
  $align-items-manual-values: ();
593
602
 
603
+ // .align-self
604
+
605
+ $align-self-palettes: ("palette-align-self-default");
606
+ $align-self-manual-values: ();
607
+
594
608
  // .background-color
595
609
 
596
610
  $background-color-palettes: ();
@@ -629,8 +643,7 @@ $bottom-manual-values: ();
629
643
 
630
644
  // .box-shadow
631
645
 
632
- $box-shadow-palettes: (/*
633
- */ "palette-box-shadow-default");
646
+ $box-shadow-palettes: ("palette-box-shadow-default");
634
647
 
635
648
  $box-shadow-manual-values: ();
636
649