uswds-jekyll 2.2.1 → 3.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (153) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +24 -23
  3. data/_includes/components/footer--medium.html +100 -0
  4. data/_includes/components/header--basic.html +12 -10
  5. data/_includes/components/header--extended.html +16 -12
  6. data/_includes/footer.html +2 -1
  7. data/_includes/header.html +4 -0
  8. data/_includes/scripts.html +12 -3
  9. data/_sass/uswds/components/_header.scss +1 -1
  10. data/_sass/uswds/components/_sidenav.scss +0 -23
  11. data/_sass/uswds/core/_utilities.scss +3 -3
  12. data/_sass/uswds/core/_variables.scss +15 -16
  13. data/_sass/uswds/elements/_inputs.scss +1 -3
  14. data/assets/uswds/css/uswds.css +7 -38
  15. data/assets/uswds/css/uswds.min.css +2 -2
  16. data/assets/uswds/css/uswds.min.css.map +1 -1
  17. metadata +5 -140
  18. data/_includes/components/footer.html +0 -82
  19. data/_includes/last-modified.html +0 -3
  20. data/_layouts/search-results.html +0 -25
  21. data/assets/uswds/scss/_all.scss +0 -1
  22. data/assets/uswds/scss/components/_accordions.scss +0 -150
  23. data/assets/uswds/scss/components/_alerts.scss +0 -125
  24. data/assets/uswds/scss/components/_banner.scss +0 -204
  25. data/assets/uswds/scss/components/_footer.scss +0 -518
  26. data/assets/uswds/scss/components/_forms.scss +0 -164
  27. data/assets/uswds/scss/components/_graphic-list.scss +0 -35
  28. data/assets/uswds/scss/components/_header.scss +0 -218
  29. data/assets/uswds/scss/components/_hero.scss +0 -37
  30. data/assets/uswds/scss/components/_layout.scss +0 -36
  31. data/assets/uswds/scss/components/_media-block.scss +0 -12
  32. data/assets/uswds/scss/components/_navigation.scss +0 -549
  33. data/assets/uswds/scss/components/_search.scss +0 -111
  34. data/assets/uswds/scss/components/_section.scss +0 -37
  35. data/assets/uswds/scss/components/_sidenav.scss +0 -31
  36. data/assets/uswds/scss/components/_skipnav.scss +0 -19
  37. data/assets/uswds/scss/core/_base.scss +0 -35
  38. data/assets/uswds/scss/core/_defaults.scss +0 -8
  39. data/assets/uswds/scss/core/_fonts.scss +0 -65
  40. data/assets/uswds/scss/core/_grid-settings.scss +0 -3
  41. data/assets/uswds/scss/core/_grid.scss +0 -199
  42. data/assets/uswds/scss/core/_utilities.scss +0 -252
  43. data/assets/uswds/scss/core/_variables.scss +0 -156
  44. data/assets/uswds/scss/elements/_buttons.scss +0 -217
  45. data/assets/uswds/scss/elements/_embed.scss +0 -26
  46. data/assets/uswds/scss/elements/_figure.scss +0 -13
  47. data/assets/uswds/scss/elements/_inputs.scss +0 -353
  48. data/assets/uswds/scss/elements/_labels.scss +0 -20
  49. data/assets/uswds/scss/elements/_list.scss +0 -32
  50. data/assets/uswds/scss/elements/_table.scss +0 -55
  51. data/assets/uswds/scss/elements/_typography.scss +0 -260
  52. data/assets/uswds/scss/lib/_bourbon-deprecated-upcoming.scss +0 -411
  53. data/assets/uswds/scss/lib/_bourbon.scss +0 -87
  54. data/assets/uswds/scss/lib/_neat-helpers.scss +0 -11
  55. data/assets/uswds/scss/lib/_neat.scss +0 -23
  56. data/assets/uswds/scss/lib/_normalize.scss +0 -424
  57. data/assets/uswds/scss/lib/addons/_border-color.scss +0 -26
  58. data/assets/uswds/scss/lib/addons/_border-radius.scss +0 -48
  59. data/assets/uswds/scss/lib/addons/_border-style.scss +0 -25
  60. data/assets/uswds/scss/lib/addons/_border-width.scss +0 -25
  61. data/assets/uswds/scss/lib/addons/_buttons.scss +0 -64
  62. data/assets/uswds/scss/lib/addons/_clearfix.scss +0 -25
  63. data/assets/uswds/scss/lib/addons/_ellipsis.scss +0 -30
  64. data/assets/uswds/scss/lib/addons/_font-stacks.scss +0 -31
  65. data/assets/uswds/scss/lib/addons/_hide-text.scss +0 -27
  66. data/assets/uswds/scss/lib/addons/_margin.scss +0 -26
  67. data/assets/uswds/scss/lib/addons/_padding.scss +0 -26
  68. data/assets/uswds/scss/lib/addons/_position.scss +0 -48
  69. data/assets/uswds/scss/lib/addons/_prefixer.scss +0 -66
  70. data/assets/uswds/scss/lib/addons/_retina-image.scss +0 -25
  71. data/assets/uswds/scss/lib/addons/_size.scss +0 -51
  72. data/assets/uswds/scss/lib/addons/_text-inputs.scss +0 -113
  73. data/assets/uswds/scss/lib/addons/_timing-functions.scss +0 -34
  74. data/assets/uswds/scss/lib/addons/_triangle.scss +0 -63
  75. data/assets/uswds/scss/lib/addons/_word-wrap.scss +0 -29
  76. data/assets/uswds/scss/lib/css3/_animation.scss +0 -43
  77. data/assets/uswds/scss/lib/css3/_appearance.scss +0 -3
  78. data/assets/uswds/scss/lib/css3/_backface-visibility.scss +0 -3
  79. data/assets/uswds/scss/lib/css3/_background-image.scss +0 -42
  80. data/assets/uswds/scss/lib/css3/_background.scss +0 -55
  81. data/assets/uswds/scss/lib/css3/_border-image.scss +0 -59
  82. data/assets/uswds/scss/lib/css3/_calc.scss +0 -4
  83. data/assets/uswds/scss/lib/css3/_columns.scss +0 -47
  84. data/assets/uswds/scss/lib/css3/_filter.scss +0 -4
  85. data/assets/uswds/scss/lib/css3/_flex-box.scss +0 -287
  86. data/assets/uswds/scss/lib/css3/_font-face.scss +0 -24
  87. data/assets/uswds/scss/lib/css3/_font-feature-settings.scss +0 -4
  88. data/assets/uswds/scss/lib/css3/_hidpi-media-query.scss +0 -10
  89. data/assets/uswds/scss/lib/css3/_hyphens.scss +0 -4
  90. data/assets/uswds/scss/lib/css3/_image-rendering.scss +0 -14
  91. data/assets/uswds/scss/lib/css3/_keyframes.scss +0 -36
  92. data/assets/uswds/scss/lib/css3/_linear-gradient.scss +0 -38
  93. data/assets/uswds/scss/lib/css3/_perspective.scss +0 -8
  94. data/assets/uswds/scss/lib/css3/_placeholder.scss +0 -8
  95. data/assets/uswds/scss/lib/css3/_radial-gradient.scss +0 -39
  96. data/assets/uswds/scss/lib/css3/_selection.scss +0 -42
  97. data/assets/uswds/scss/lib/css3/_text-decoration.scss +0 -19
  98. data/assets/uswds/scss/lib/css3/_transform.scss +0 -15
  99. data/assets/uswds/scss/lib/css3/_transition.scss +0 -71
  100. data/assets/uswds/scss/lib/css3/_user-select.scss +0 -3
  101. data/assets/uswds/scss/lib/functions/_assign-inputs.scss +0 -11
  102. data/assets/uswds/scss/lib/functions/_contains-falsy.scss +0 -20
  103. data/assets/uswds/scss/lib/functions/_contains.scss +0 -26
  104. data/assets/uswds/scss/lib/functions/_is-length.scss +0 -11
  105. data/assets/uswds/scss/lib/functions/_is-light.scss +0 -21
  106. data/assets/uswds/scss/lib/functions/_is-number.scss +0 -11
  107. data/assets/uswds/scss/lib/functions/_is-size.scss +0 -13
  108. data/assets/uswds/scss/lib/functions/_modular-scale.scss +0 -69
  109. data/assets/uswds/scss/lib/functions/_new-breakpoint.scss +0 -49
  110. data/assets/uswds/scss/lib/functions/_private.scss +0 -114
  111. data/assets/uswds/scss/lib/functions/_px-to-em.scss +0 -13
  112. data/assets/uswds/scss/lib/functions/_px-to-rem.scss +0 -15
  113. data/assets/uswds/scss/lib/functions/_shade.scss +0 -24
  114. data/assets/uswds/scss/lib/functions/_strip-units.scss +0 -17
  115. data/assets/uswds/scss/lib/functions/_tint.scss +0 -24
  116. data/assets/uswds/scss/lib/functions/_transition-property-name.scss +0 -22
  117. data/assets/uswds/scss/lib/functions/_unpack.scss +0 -27
  118. data/assets/uswds/scss/lib/grid/_box-sizing.scss +0 -15
  119. data/assets/uswds/scss/lib/grid/_direction-context.scss +0 -33
  120. data/assets/uswds/scss/lib/grid/_display-context.scss +0 -28
  121. data/assets/uswds/scss/lib/grid/_fill-parent.scss +0 -22
  122. data/assets/uswds/scss/lib/grid/_media.scss +0 -92
  123. data/assets/uswds/scss/lib/grid/_omega.scss +0 -87
  124. data/assets/uswds/scss/lib/grid/_outer-container.scss +0 -34
  125. data/assets/uswds/scss/lib/grid/_pad.scss +0 -25
  126. data/assets/uswds/scss/lib/grid/_private.scss +0 -35
  127. data/assets/uswds/scss/lib/grid/_row.scss +0 -52
  128. data/assets/uswds/scss/lib/grid/_shift.scss +0 -50
  129. data/assets/uswds/scss/lib/grid/_span-columns.scss +0 -94
  130. data/assets/uswds/scss/lib/grid/_to-deprecate.scss +0 -97
  131. data/assets/uswds/scss/lib/grid/_visual-grid.scss +0 -42
  132. data/assets/uswds/scss/lib/helpers/_convert-units.scss +0 -21
  133. data/assets/uswds/scss/lib/helpers/_directional-values.scss +0 -96
  134. data/assets/uswds/scss/lib/helpers/_font-source-declaration.scss +0 -43
  135. data/assets/uswds/scss/lib/helpers/_gradient-positions-parser.scss +0 -13
  136. data/assets/uswds/scss/lib/helpers/_linear-angle-parser.scss +0 -25
  137. data/assets/uswds/scss/lib/helpers/_linear-gradient-parser.scss +0 -41
  138. data/assets/uswds/scss/lib/helpers/_linear-positions-parser.scss +0 -61
  139. data/assets/uswds/scss/lib/helpers/_linear-side-corner-parser.scss +0 -31
  140. data/assets/uswds/scss/lib/helpers/_radial-arg-parser.scss +0 -69
  141. data/assets/uswds/scss/lib/helpers/_radial-gradient-parser.scss +0 -50
  142. data/assets/uswds/scss/lib/helpers/_radial-positions-parser.scss +0 -18
  143. data/assets/uswds/scss/lib/helpers/_render-gradients.scss +0 -26
  144. data/assets/uswds/scss/lib/helpers/_shape-size-stripper.scss +0 -10
  145. data/assets/uswds/scss/lib/helpers/_str-to-num.scss +0 -50
  146. data/assets/uswds/scss/lib/mixins/_clearfix.scss +0 -25
  147. data/assets/uswds/scss/lib/settings/_asset-pipeline.scss +0 -7
  148. data/assets/uswds/scss/lib/settings/_disable-warnings.scss +0 -13
  149. data/assets/uswds/scss/lib/settings/_grid.scss +0 -51
  150. data/assets/uswds/scss/lib/settings/_prefixer.scss +0 -9
  151. data/assets/uswds/scss/lib/settings/_px-to-em.scss +0 -1
  152. data/assets/uswds/scss/lib/settings/_visual-grid.scss +0 -27
  153. data/assets/uswds/scss/uswds.scss +0 -41
@@ -1,50 +0,0 @@
1
- @function _radial-gradient-parser($image) {
2
- $image: unquote($image);
3
- $gradients: ();
4
- $start: str-index($image, "(");
5
- $end: str-index($image, ",");
6
- $first-val: str-slice($image, $start + 1, $end - 1);
7
-
8
- $prefix: str-slice($image, 1, $start);
9
- $suffix: str-slice($image, $end, str-length($image));
10
-
11
- $is-spec-syntax: str-index($first-val, "at");
12
-
13
- @if $is-spec-syntax and $is-spec-syntax > 1 {
14
- $keyword: str-slice($first-val, 1, $is-spec-syntax - 2);
15
- $pos: str-slice($first-val, $is-spec-syntax + 3, str-length($first-val));
16
- $pos: append($pos, $keyword, comma);
17
-
18
- $gradients: (
19
- webkit-image: -webkit- + $prefix + $pos + $suffix,
20
- spec-image: $image
21
- );
22
- }
23
-
24
- @else if $is-spec-syntax == 1 {
25
- $pos: str-slice($first-val, $is-spec-syntax + 3, str-length($first-val));
26
-
27
- $gradients: (
28
- webkit-image: -webkit- + $prefix + $pos + $suffix,
29
- spec-image: $image
30
- );
31
- }
32
-
33
- @else if str-index($image, "cover") or str-index($image, "contain") {
34
- @warn "Radial-gradient needs to be updated to conform to latest spec.";
35
-
36
- $gradients: (
37
- webkit-image: null,
38
- spec-image: $image
39
- );
40
- }
41
-
42
- @else {
43
- $gradients: (
44
- webkit-image: -webkit- + $image,
45
- spec-image: $image
46
- );
47
- }
48
-
49
- @return $gradients;
50
- }
@@ -1,18 +0,0 @@
1
- @function _radial-positions-parser($gradient-pos) {
2
- $shape-size: nth($gradient-pos, 1);
3
- $pos: nth($gradient-pos, 2);
4
- $shape-size-spec: _shape-size-stripper($shape-size);
5
-
6
- $pre-spec: unquote(if($pos, "#{$pos}, ", null))
7
- unquote(if($shape-size, "#{$shape-size},", null));
8
- $pos-spec: if($pos, "at #{$pos}", null);
9
-
10
- $spec: "#{$shape-size-spec} #{$pos-spec}";
11
-
12
- // Add comma
13
- @if ($spec != " ") {
14
- $spec: "#{$spec},";
15
- }
16
-
17
- @return $pre-spec $spec;
18
- }
@@ -1,26 +0,0 @@
1
- // User for linear and radial gradients within background-image or border-image properties
2
-
3
- @function _render-gradients($gradient-positions, $gradients, $gradient-type, $vendor: false) {
4
- $pre-spec: null;
5
- $spec: null;
6
- $vendor-gradients: null;
7
- @if $gradient-type == linear {
8
- @if $gradient-positions {
9
- $pre-spec: nth($gradient-positions, 1);
10
- $spec: nth($gradient-positions, 2);
11
- }
12
- }
13
- @else if $gradient-type == radial {
14
- $pre-spec: nth($gradient-positions, 1);
15
- $spec: nth($gradient-positions, 2);
16
- }
17
-
18
- @if $vendor {
19
- $vendor-gradients: -#{$vendor}-#{$gradient-type}-gradient(#{$pre-spec} $gradients);
20
- }
21
- @else if $vendor == false {
22
- $vendor-gradients: "#{$gradient-type}-gradient(#{$spec} #{$gradients})";
23
- $vendor-gradients: unquote($vendor-gradients);
24
- }
25
- @return $vendor-gradients;
26
- }
@@ -1,10 +0,0 @@
1
- @function _shape-size-stripper($shape-size) {
2
- $shape-size-spec: null;
3
- @each $value in $shape-size {
4
- @if ($value == "cover") or ($value == "contain") {
5
- $value: null;
6
- }
7
- $shape-size-spec: "#{$shape-size-spec} #{$value}";
8
- }
9
- @return $shape-size-spec;
10
- }
@@ -1,50 +0,0 @@
1
- //************************************************************************//
2
- // Helper function for linear/radial-gradient-parsers.
3
- // Source: http://sassmeister.com/gist/9647408
4
- //************************************************************************//
5
- @function _str-to-num($string) {
6
- // Matrices
7
- $strings: "0" "1" "2" "3" "4" "5" "6" "7" "8" "9";
8
- $numbers: 0 1 2 3 4 5 6 7 8 9;
9
-
10
- // Result
11
- $result: 0;
12
- $divider: 0;
13
- $minus: false;
14
-
15
- // Looping through all characters
16
- @for $i from 1 through str-length($string) {
17
- $character: str-slice($string, $i, $i);
18
- $index: index($strings, $character);
19
-
20
- @if $character == "-" {
21
- $minus: true;
22
- }
23
-
24
- @else if $character == "." {
25
- $divider: 1;
26
- }
27
-
28
- @else {
29
- @if not $index {
30
- $result: if($minus, $result * -1, $result);
31
- @return _convert-units($result, str-slice($string, $i));
32
- }
33
-
34
- $number: nth($numbers, $index);
35
-
36
- @if $divider == 0 {
37
- $result: $result * 10;
38
- }
39
-
40
- @else {
41
- // Move the decimal dot to the left
42
- $divider: $divider * 10;
43
- $number: $number / $divider;
44
- }
45
-
46
- $result: $result + $number;
47
- }
48
- }
49
- @return if($minus, $result * -1, $result);
50
- }
@@ -1,25 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- /// Provides an easy way to include a clearfix for containing floats.
4
- ///
5
- /// @link http://goo.gl/yP5hiZ
6
- ///
7
- /// @example scss
8
- /// .element {
9
- /// @include clearfix;
10
- /// }
11
- ///
12
- /// @example css
13
- /// .element::after {
14
- /// clear: both;
15
- /// content: "";
16
- /// display: block;
17
- /// }
18
-
19
- @mixin clearfix {
20
- &::after {
21
- clear: both;
22
- content: "";
23
- display: block;
24
- }
25
- }
@@ -1,7 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- /// A global setting to enable or disable the `$asset-pipeline` variable for all functions that accept it.
4
- ///
5
- /// @type Bool
6
-
7
- $asset-pipeline: false !default;
@@ -1,13 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- /// Disable all deprecation warnings. Defaults to `false`. Set with a `!global` flag.
4
- ///
5
- /// @type Bool
6
-
7
- $disable-warnings: false !default;
8
-
9
- @mixin -neat-warn($message) {
10
- @if $disable-warnings == false {
11
- @warn "#{$message}";
12
- }
13
- }
@@ -1,51 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- /// Sets the relative width of a single grid column. The unit used should be the same one used to define `$gutter`. Set with a `!global` flag.
4
- ///
5
- /// @type Number (Unit)
6
-
7
- $column: 4.2358em !default;
8
-
9
- /// Sets the relative width of a single grid gutter. The unit used should be the same one used to define `$column`. Set with the `!global` flag.
10
- ///
11
- /// @type Number (Unit)
12
-
13
- $gutter: 1.618em !default;
14
-
15
- /// Sets the total number of columns in the grid. Its value can be overridden inside a media query using the `media()` mixin. Set with the `!global` flag.
16
- ///
17
- /// @type Number (Unitless)
18
-
19
- $grid-columns: 12 !default;
20
-
21
- /// Sets the max-width property of the element that includes `outer-container()`. Set with the `!global` flag.
22
- ///
23
- /// @type Number (Unit)
24
- ///
25
- $max-width: 1200px !default;
26
-
27
- /// When set to true, it sets the box-sizing property of all elements to `border-box`. Set with a `!global` flag.
28
- ///
29
- /// @type Bool
30
- ///
31
- /// @example css - CSS Output
32
- /// html {
33
- /// box-sizing: border-box; }
34
- ///
35
- /// *, *::after, *::before {
36
- /// box-sizing: inherit;
37
- /// }
38
-
39
- $border-box-sizing: true !default;
40
-
41
- /// Sets the default [media feature](http://www.w3.org/TR/css3-mediaqueries/#media) that `media()` and `new-breakpoint()` revert to when only a breakpoint value is passed. Set with a `!global` flag.
42
- ///
43
- /// @type String
44
-
45
- $default-feature: min-width; // Default @media feature for the breakpoint() mixin
46
-
47
- ///Sets the default layout direction of the grid. Can be `LTR` or `RTL`. Set with a `!global` flag.
48
- ///
49
- ///@type String
50
-
51
- $default-layout-direction: LTR !default;
@@ -1,9 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- /// Global variables to enable or disable vendor prefixes
4
-
5
- $prefix-for-webkit: true !default;
6
- $prefix-for-mozilla: true !default;
7
- $prefix-for-microsoft: true !default;
8
- $prefix-for-opera: true !default;
9
- $prefix-for-spec: true !default;
@@ -1 +0,0 @@
1
- $em-base: 16px !default;
@@ -1,27 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- /// Displays the visual grid when set to true. The overlaid grid may be few pixels off depending on the browser's rendering engine and pixel rounding algorithm. Set with the `!global` flag.
4
- ///
5
- /// @type Bool
6
-
7
- $visual-grid: false !default;
8
-
9
- /// Sets the visual grid color. Set with `!global` flag.
10
- ///
11
- /// @type Color
12
-
13
- $visual-grid-color: #eee !default;
14
-
15
- /// Sets the `z-index` property of the visual grid. Can be `back` (behind content) or `front` (in front of content). Set with `!global` flag.
16
- ///
17
- /// @type String
18
-
19
- $visual-grid-index: back !default;
20
-
21
- /// Sets the opacity property of the visual grid. Set with `!global` flag.
22
- ///
23
- /// @type Number (unitless)
24
-
25
- $visual-grid-opacity: 0.4 !default;
26
-
27
- $visual-grid-breakpoints: () !default;
@@ -1,41 +0,0 @@
1
- /*! uswds @version */
2
-
3
- // Vendor -------------- //
4
- @import 'lib/bourbon';
5
- @import 'lib/neat';
6
- @import 'lib/normalize';
7
-
8
- // Core -------------- //
9
- @import 'core/variables';
10
- @import 'core/fonts';
11
- @import 'core/grid';
12
- @import 'core/utilities';
13
- @import 'core/base';
14
-
15
- // Elements -------------- //
16
- // Styles basic HTML elements
17
- @import 'elements/buttons';
18
- @import 'elements/embed';
19
- @import 'elements/figure';
20
- @import 'elements/inputs';
21
- @import 'elements/labels';
22
- @import 'elements/list';
23
- @import 'elements/table';
24
- @import 'elements/typography';
25
-
26
- // Components -------------- //
27
- @import 'components/accordions';
28
- @import 'components/alerts';
29
- @import 'components/banner';
30
- @import 'components/footer';
31
- @import 'components/forms';
32
- @import 'components/graphic-list';
33
- @import 'components/header';
34
- @import 'components/hero';
35
- @import 'components/layout';
36
- @import 'components/media-block';
37
- @import 'components/navigation';
38
- @import 'components/search';
39
- @import 'components/section';
40
- @import 'components/sidenav';
41
- @import 'components/skipnav';