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,4 +0,0 @@
1
- @mixin hyphens($hyphenation: none) {
2
- // none | manual | auto
3
- @include prefixer(hyphens, $hyphenation, webkit moz ms spec);
4
- }
@@ -1,14 +0,0 @@
1
- @mixin image-rendering ($mode:auto) {
2
-
3
- @if ($mode == crisp-edges) {
4
- -ms-interpolation-mode: nearest-neighbor; // IE8+
5
- image-rendering: -moz-crisp-edges;
6
- image-rendering: -o-crisp-edges;
7
- image-rendering: -webkit-optimize-contrast;
8
- image-rendering: crisp-edges;
9
- }
10
-
11
- @else {
12
- image-rendering: $mode;
13
- }
14
- }
@@ -1,36 +0,0 @@
1
- // Adds keyframes blocks for supported prefixes, removing redundant prefixes in the block's content
2
- @mixin keyframes($name) {
3
- $original-prefix-for-webkit: $prefix-for-webkit;
4
- $original-prefix-for-mozilla: $prefix-for-mozilla;
5
- $original-prefix-for-microsoft: $prefix-for-microsoft;
6
- $original-prefix-for-opera: $prefix-for-opera;
7
- $original-prefix-for-spec: $prefix-for-spec;
8
-
9
- @if $original-prefix-for-webkit {
10
- @include disable-prefix-for-all();
11
- $prefix-for-webkit: true !global;
12
- @-webkit-keyframes #{$name} {
13
- @content;
14
- }
15
- }
16
-
17
- @if $original-prefix-for-mozilla {
18
- @include disable-prefix-for-all();
19
- $prefix-for-mozilla: true !global;
20
- @-moz-keyframes #{$name} {
21
- @content;
22
- }
23
- }
24
-
25
- $prefix-for-webkit: $original-prefix-for-webkit !global;
26
- $prefix-for-mozilla: $original-prefix-for-mozilla !global;
27
- $prefix-for-microsoft: $original-prefix-for-microsoft !global;
28
- $prefix-for-opera: $original-prefix-for-opera !global;
29
- $prefix-for-spec: $original-prefix-for-spec !global;
30
-
31
- @if $original-prefix-for-spec {
32
- @keyframes #{$name} {
33
- @content;
34
- }
35
- }
36
- }
@@ -1,38 +0,0 @@
1
- @mixin linear-gradient($pos, $g1, $g2: null,
2
- $g3: null, $g4: null,
3
- $g5: null, $g6: null,
4
- $g7: null, $g8: null,
5
- $g9: null, $g10: null,
6
- $fallback: null) {
7
- // Detect what type of value exists in $pos
8
- $pos-type: type-of(nth($pos, 1));
9
- $pos-spec: null;
10
- $pos-degree: null;
11
-
12
- // If $pos is missing from mixin, reassign vars and add default position
13
- @if ($pos-type == color) or (nth($pos, 1) == "transparent") {
14
- $g10: $g9; $g9: $g8; $g8: $g7; $g7: $g6; $g6: $g5;
15
- $g5: $g4; $g4: $g3; $g3: $g2; $g2: $g1; $g1: $pos;
16
- $pos: null;
17
- }
18
-
19
- @if $pos {
20
- $positions: _linear-positions-parser($pos);
21
- $pos-degree: nth($positions, 1);
22
- $pos-spec: nth($positions, 2);
23
- }
24
-
25
- $full: $g1, $g2, $g3, $g4, $g5, $g6, $g7, $g8, $g9, $g10;
26
-
27
- // Set $g1 as the default fallback color
28
- $fallback-color: nth($g1, 1);
29
-
30
- // If $fallback is a color use that color as the fallback color
31
- @if (type-of($fallback) == color) or ($fallback == "transparent") {
32
- $fallback-color: $fallback;
33
- }
34
-
35
- background-color: $fallback-color;
36
- background-image: -webkit-linear-gradient($pos-degree $full); // Safari 5.1+, Chrome
37
- background-image: unquote("linear-gradient(#{$pos-spec}#{$full})");
38
- }
@@ -1,8 +0,0 @@
1
- @mixin perspective($depth: none) {
2
- // none | <length>
3
- @include prefixer(perspective, $depth, webkit moz spec);
4
- }
5
-
6
- @mixin perspective-origin($value: 50% 50%) {
7
- @include prefixer(perspective-origin, $value, webkit moz spec);
8
- }
@@ -1,8 +0,0 @@
1
- @mixin placeholder {
2
- $placeholders: ":-webkit-input" ":-moz" "-moz" "-ms-input";
3
- @each $placeholder in $placeholders {
4
- &:#{$placeholder}-placeholder {
5
- @content;
6
- }
7
- }
8
- }
@@ -1,39 +0,0 @@
1
- // Requires Sass 3.1+
2
- @mixin radial-gradient($g1, $g2,
3
- $g3: null, $g4: null,
4
- $g5: null, $g6: null,
5
- $g7: null, $g8: null,
6
- $g9: null, $g10: null,
7
- $pos: null,
8
- $shape-size: null,
9
- $fallback: null) {
10
-
11
- $data: _radial-arg-parser($g1, $g2, $pos, $shape-size);
12
- $g1: nth($data, 1);
13
- $g2: nth($data, 2);
14
- $pos: nth($data, 3);
15
- $shape-size: nth($data, 4);
16
-
17
- $full: $g1, $g2, $g3, $g4, $g5, $g6, $g7, $g8, $g9, $g10;
18
-
19
- // Strip deprecated cover/contain for spec
20
- $shape-size-spec: _shape-size-stripper($shape-size);
21
-
22
- // Set $g1 as the default fallback color
23
- $first-color: nth($full, 1);
24
- $fallback-color: nth($first-color, 1);
25
-
26
- @if (type-of($fallback) == color) or ($fallback == "transparent") {
27
- $fallback-color: $fallback;
28
- }
29
-
30
- // Add Commas and spaces
31
- $shape-size: if($shape-size, "#{$shape-size}, ", null);
32
- $pos: if($pos, "#{$pos}, ", null);
33
- $pos-spec: if($pos, "at #{$pos}", null);
34
- $shape-size-spec: if(($shape-size-spec != " ") and ($pos == null), "#{$shape-size-spec}, ", "#{$shape-size-spec} ");
35
-
36
- background-color: $fallback-color;
37
- background-image: -webkit-radial-gradient(#{$pos}#{$shape-size}#{$full});
38
- background-image: radial-gradient(#{$shape-size-spec}#{$pos-spec}#{$full});
39
- }
@@ -1,42 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- /// Outputs the spec and prefixed versions of the `::selection` pseudo-element.
4
- ///
5
- /// @param {Bool} $current-selector [false]
6
- /// If set to `true`, it takes the current element into consideration.
7
- ///
8
- /// @example scss - Usage
9
- /// .element {
10
- /// @include selection(true) {
11
- /// background-color: #ffbb52;
12
- /// }
13
- /// }
14
- ///
15
- /// @example css - CSS Output
16
- /// .element::-moz-selection {
17
- /// background-color: #ffbb52;
18
- /// }
19
- ///
20
- /// .element::selection {
21
- /// background-color: #ffbb52;
22
- /// }
23
-
24
- @mixin selection($current-selector: false) {
25
- @if $current-selector {
26
- &::-moz-selection {
27
- @content;
28
- }
29
-
30
- &::selection {
31
- @content;
32
- }
33
- } @else {
34
- ::-moz-selection {
35
- @content;
36
- }
37
-
38
- ::selection {
39
- @content;
40
- }
41
- }
42
- }
@@ -1,19 +0,0 @@
1
- @mixin text-decoration($value) {
2
- // <text-decoration-line> || <text-decoration-style> || <text-decoration-color>
3
- @include prefixer(text-decoration, $value, moz);
4
- }
5
-
6
- @mixin text-decoration-line($line: none) {
7
- // none || underline || overline || line-through
8
- @include prefixer(text-decoration-line, $line, moz);
9
- }
10
-
11
- @mixin text-decoration-style($style: solid) {
12
- // solid || double || dotted || dashed || wavy
13
- @include prefixer(text-decoration-style, $style, moz webkit);
14
- }
15
-
16
- @mixin text-decoration-color($color: currentColor) {
17
- // currentColor || <color>
18
- @include prefixer(text-decoration-color, $color, moz);
19
- }
@@ -1,15 +0,0 @@
1
- @mixin transform($property: none) {
2
- // none | <transform-function>
3
- @include prefixer(transform, $property, webkit moz ms o spec);
4
- }
5
-
6
- @mixin transform-origin($axes: 50%) {
7
- // x-axis - left | center | right | length | %
8
- // y-axis - top | center | bottom | length | %
9
- // z-axis - length
10
- @include prefixer(transform-origin, $axes, webkit moz ms o spec);
11
- }
12
-
13
- @mixin transform-style($style: flat) {
14
- @include prefixer(transform-style, $style, webkit moz ms o spec);
15
- }
@@ -1,71 +0,0 @@
1
- // Shorthand mixin. Supports multiple parentheses-deliminated values for each variable.
2
- // Example: @include transition (all 2s ease-in-out);
3
- // @include transition (opacity 1s ease-in 2s, width 2s ease-out);
4
- // @include transition-property (transform, opacity);
5
-
6
- @mixin transition($properties...) {
7
- // Fix for vendor-prefix transform property
8
- $needs-prefixes: false;
9
- $webkit: ();
10
- $moz: ();
11
- $spec: ();
12
-
13
- // Create lists for vendor-prefixed transform
14
- @each $list in $properties {
15
- @if nth($list, 1) == "transform" {
16
- $needs-prefixes: true;
17
- $list1: -webkit-transform;
18
- $list2: -moz-transform;
19
- $list3: ();
20
-
21
- @each $var in $list {
22
- $list3: join($list3, $var);
23
-
24
- @if $var != "transform" {
25
- $list1: join($list1, $var);
26
- $list2: join($list2, $var);
27
- }
28
- }
29
-
30
- $webkit: append($webkit, $list1);
31
- $moz: append($moz, $list2);
32
- $spec: append($spec, $list3);
33
- } @else {
34
- $webkit: append($webkit, $list, comma);
35
- $moz: append($moz, $list, comma);
36
- $spec: append($spec, $list, comma);
37
- }
38
- }
39
-
40
- @if $needs-prefixes {
41
- -webkit-transition: $webkit;
42
- -moz-transition: $moz;
43
- transition: $spec;
44
- } @else {
45
- @if length($properties) >= 1 {
46
- @include prefixer(transition, $properties, webkit moz spec);
47
- } @else {
48
- $properties: all 0.15s ease-out 0s;
49
- @include prefixer(transition, $properties, webkit moz spec);
50
- }
51
- }
52
- }
53
-
54
- @mixin transition-property($properties...) {
55
- -webkit-transition-property: transition-property-names($properties, "webkit");
56
- -moz-transition-property: transition-property-names($properties, "moz");
57
- transition-property: transition-property-names($properties, false);
58
- }
59
-
60
- @mixin transition-duration($times...) {
61
- @include prefixer(transition-duration, $times, webkit moz spec);
62
- }
63
-
64
- @mixin transition-timing-function($motions...) {
65
- // ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier()
66
- @include prefixer(transition-timing-function, $motions, webkit moz spec);
67
- }
68
-
69
- @mixin transition-delay($times...) {
70
- @include prefixer(transition-delay, $times, webkit moz spec);
71
- }
@@ -1,3 +0,0 @@
1
- @mixin user-select($value: none) {
2
- @include prefixer(user-select, $value, webkit moz ms spec);
3
- }
@@ -1,11 +0,0 @@
1
- @function assign-inputs($inputs, $pseudo: null) {
2
- $list: ();
3
-
4
- @each $input in $inputs {
5
- $input: unquote($input);
6
- $input: if($pseudo, $input + ":" + $pseudo, $input);
7
- $list: append($list, $input, comma);
8
- }
9
-
10
- @return $list;
11
- }
@@ -1,20 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- /// Checks if a list does not contains a value.
4
- ///
5
- /// @access private
6
- ///
7
- /// @param {List} $list
8
- /// The list to check against.
9
- ///
10
- /// @return {Bool}
11
-
12
- @function contains-falsy($list) {
13
- @each $item in $list {
14
- @if not $item {
15
- @return true;
16
- }
17
- }
18
-
19
- @return false;
20
- }
@@ -1,26 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- /// Checks if a list contains a value(s).
4
- ///
5
- /// @access private
6
- ///
7
- /// @param {List} $list
8
- /// The list to check against.
9
- ///
10
- /// @param {List} $values
11
- /// A single value or list of values to check for.
12
- ///
13
- /// @example scss - Usage
14
- /// contains($list, $value)
15
- ///
16
- /// @return {Bool}
17
-
18
- @function contains($list, $values...) {
19
- @each $value in $values {
20
- @if type-of(index($list, $value)) != "number" {
21
- @return false;
22
- }
23
- }
24
-
25
- @return true;
26
- }
@@ -1,11 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- /// Checks for a valid CSS length.
4
- ///
5
- /// @param {String} $value
6
-
7
- @function is-length($value) {
8
- @return type-of($value) != "null" and (str-slice($value + "", 1, 4) == "calc"
9
- or index(auto inherit initial 0, $value)
10
- or (type-of($value) == "number" and not(unitless($value))));
11
- }
@@ -1,21 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- /// Programatically determines whether a color is light or dark.
4
- ///
5
- /// @link http://robots.thoughtbot.com/closer-look-color-lightness
6
- ///
7
- /// @param {Color (Hex)} $color
8
- ///
9
- /// @example scss - Usage
10
- /// is-light($color)
11
- ///
12
- /// @return {Bool}
13
-
14
- @function is-light($hex-color) {
15
- $-local-red: red(rgba($hex-color, 1));
16
- $-local-green: green(rgba($hex-color, 1));
17
- $-local-blue: blue(rgba($hex-color, 1));
18
- $-local-lightness: ($-local-red * 0.2126 + $-local-green * 0.7152 + $-local-blue * 0.0722) / 255;
19
-
20
- @return $-local-lightness > 0.6;
21
- }
@@ -1,11 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- /// Checks for a valid number.
4
- ///
5
- /// @param {Number} $value
6
- ///
7
- /// @require {function} contains
8
-
9
- @function is-number($value) {
10
- @return contains("0" "1" "2" "3" "4" "5" "6" "7" "8" "9" 0 1 2 3 4 5 6 7 8 9, $value);
11
- }
@@ -1,13 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- /// Checks for a valid CSS size.
4
- ///
5
- /// @param {String} $value
6
- ///
7
- /// @require {function} contains
8
- /// @require {function} is-length
9
-
10
- @function is-size($value) {
11
- @return is-length($value)
12
- or contains("fill" "fit-content" "min-content" "max-content", $value);
13
- }
@@ -1,69 +0,0 @@
1
- // Scaling Variables
2
- $golden: 1.618;
3
- $minor-second: 1.067;
4
- $major-second: 1.125;
5
- $minor-third: 1.2;
6
- $major-third: 1.25;
7
- $perfect-fourth: 1.333;
8
- $augmented-fourth: 1.414;
9
- $perfect-fifth: 1.5;
10
- $minor-sixth: 1.6;
11
- $major-sixth: 1.667;
12
- $minor-seventh: 1.778;
13
- $major-seventh: 1.875;
14
- $octave: 2;
15
- $major-tenth: 2.5;
16
- $major-eleventh: 2.667;
17
- $major-twelfth: 3;
18
- $double-octave: 4;
19
-
20
- $modular-scale-ratio: $perfect-fourth !default;
21
- $modular-scale-base: em($em-base) !default;
22
-
23
- @function modular-scale($increment, $value: $modular-scale-base, $ratio: $modular-scale-ratio) {
24
- $v1: nth($value, 1);
25
- $v2: nth($value, length($value));
26
- $value: $v1;
27
-
28
- // scale $v2 to just above $v1
29
- @while $v2 > $v1 {
30
- $v2: ($v2 / $ratio); // will be off-by-1
31
- }
32
- @while $v2 < $v1 {
33
- $v2: ($v2 * $ratio); // will fix off-by-1
34
- }
35
-
36
- // check AFTER scaling $v2 to prevent double-counting corner-case
37
- $double-stranded: $v2 > $v1;
38
-
39
- @if $increment > 0 {
40
- @for $i from 1 through $increment {
41
- @if $double-stranded and ($v1 * $ratio) > $v2 {
42
- $value: $v2;
43
- $v2: ($v2 * $ratio);
44
- } @else {
45
- $v1: ($v1 * $ratio);
46
- $value: $v1;
47
- }
48
- }
49
- }
50
-
51
- @if $increment < 0 {
52
- // adjust $v2 to just below $v1
53
- @if $double-stranded {
54
- $v2: ($v2 / $ratio);
55
- }
56
-
57
- @for $i from $increment through -1 {
58
- @if $double-stranded and ($v1 / $ratio) < $v2 {
59
- $value: $v2;
60
- $v2: ($v2 / $ratio);
61
- } @else {
62
- $v1: ($v1 / $ratio);
63
- $value: $v1;
64
- }
65
- }
66
- }
67
-
68
- @return $value;
69
- }