baseline-scss 0.6.0 → 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (73) hide show
  1. checksums.yaml +4 -4
  2. data/LICENSE +1 -1
  3. data/lib/baseline_scss/version.rb +1 -1
  4. data/src/baseline-scss/_helpers.scss +23 -7
  5. data/src/baseline-scss/_mixins.scss +65 -7
  6. data/src/baseline-scss/_reboot.scss +16 -172
  7. data/src/baseline-scss/_variables.scss +63 -127
  8. data/src/baseline-scss/content/_buttons.scss +77 -24
  9. data/src/baseline-scss/content/_code.scss +23 -10
  10. data/src/baseline-scss/content/_forms.scss +167 -53
  11. data/src/baseline-scss/content/_index.scss +8 -0
  12. data/src/baseline-scss/content/_lists.scss +4 -3
  13. data/src/baseline-scss/content/_multimedia.scss +13 -0
  14. data/src/baseline-scss/content/_tables.scss +21 -1
  15. data/src/baseline-scss/content/_typography.scss +68 -41
  16. data/src/baseline-scss.scss +5 -11
  17. metadata +4 -59
  18. data/src/_baseline.scss +0 -5
  19. data/src/baseline-scss/_content.scss +0 -7
  20. data/src/baseline-scss/mixins/_.scss +0 -4
  21. data/src/baseline-scss/mixins/_after_border.scss +0 -12
  22. data/src/baseline-scss/mixins/_clearfix.scss +0 -7
  23. data/src/baseline-scss/mixins/_font_awesome.scss +0 -12
  24. data/src/baseline-scss/mixins/_max_width_container.scss +0 -15
  25. data/src/baseline-scss/mixins/_outline.scss +0 -5
  26. data/src/baseline-scss/mixins/_sr_only.scss +0 -17
  27. data/src/vendors/_bourbon.scss +0 -54
  28. data/src/vendors/_include-media.scss +0 -591
  29. data/src/vendors/bourbon/helpers/_buttons-list.scss +0 -14
  30. data/src/vendors/bourbon/helpers/_scales.scss +0 -27
  31. data/src/vendors/bourbon/helpers/_text-inputs-list.scss +0 -26
  32. data/src/vendors/bourbon/library/_border-color.scss +0 -26
  33. data/src/vendors/bourbon/library/_border-radius.scss +0 -85
  34. data/src/vendors/bourbon/library/_border-style.scss +0 -25
  35. data/src/vendors/bourbon/library/_border-width.scss +0 -25
  36. data/src/vendors/bourbon/library/_buttons.scss +0 -84
  37. data/src/vendors/bourbon/library/_clearfix.scss +0 -25
  38. data/src/vendors/bourbon/library/_contrast-switch.scss +0 -81
  39. data/src/vendors/bourbon/library/_ellipsis.scss +0 -36
  40. data/src/vendors/bourbon/library/_font-face.scss +0 -65
  41. data/src/vendors/bourbon/library/_font-stacks.scss +0 -248
  42. data/src/vendors/bourbon/library/_hide-text.scss +0 -24
  43. data/src/vendors/bourbon/library/_hide-visually.scss +0 -70
  44. data/src/vendors/bourbon/library/_margin.scss +0 -37
  45. data/src/vendors/bourbon/library/_modular-scale.scss +0 -120
  46. data/src/vendors/bourbon/library/_overflow-wrap.scss +0 -25
  47. data/src/vendors/bourbon/library/_padding.scss +0 -36
  48. data/src/vendors/bourbon/library/_position.scss +0 -62
  49. data/src/vendors/bourbon/library/_prefixer.scss +0 -37
  50. data/src/vendors/bourbon/library/_shade.scss +0 -32
  51. data/src/vendors/bourbon/library/_size.scss +0 -50
  52. data/src/vendors/bourbon/library/_strip-unit.scss +0 -17
  53. data/src/vendors/bourbon/library/_text-inputs.scss +0 -163
  54. data/src/vendors/bourbon/library/_timing-functions.scss +0 -36
  55. data/src/vendors/bourbon/library/_tint.scss +0 -32
  56. data/src/vendors/bourbon/library/_triangle.scss +0 -82
  57. data/src/vendors/bourbon/library/_value-prefixer.scss +0 -37
  58. data/src/vendors/bourbon/settings/_settings.scss +0 -75
  59. data/src/vendors/bourbon/utilities/_assign-inputs.scss +0 -28
  60. data/src/vendors/bourbon/utilities/_compact-shorthand.scss +0 -42
  61. data/src/vendors/bourbon/utilities/_contrast-ratio.scss +0 -31
  62. data/src/vendors/bourbon/utilities/_directional-property.scss +0 -68
  63. data/src/vendors/bourbon/utilities/_fetch-bourbon-setting.scss +0 -16
  64. data/src/vendors/bourbon/utilities/_font-source-declaration.scss +0 -52
  65. data/src/vendors/bourbon/utilities/_gamma.scss +0 -24
  66. data/src/vendors/bourbon/utilities/_lightness.scss +0 -24
  67. data/src/vendors/bourbon/utilities/_unpack-shorthand.scss +0 -29
  68. data/src/vendors/bourbon/validators/_contains-falsy.scss +0 -20
  69. data/src/vendors/bourbon/validators/_contains.scss +0 -26
  70. data/src/vendors/bourbon/validators/_is-color.scss +0 -13
  71. data/src/vendors/bourbon/validators/_is-length.scss +0 -20
  72. data/src/vendors/bourbon/validators/_is-number.scss +0 -15
  73. data/src/vendors/bourbon/validators/_is-size.scss +0 -18
@@ -1,36 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- ////
4
- /// CSS cubic-bezier timing functions.
5
- ///
6
- /// @link https://goo.gl/p8u6SK
7
- ///
8
- /// @type string
9
- ////
10
-
11
- $ease-in-quad: cubic-bezier(0.55, 0.085, 0.68, 0.53);
12
- $ease-in-cubic: cubic-bezier(0.55, 0.055, 0.675, 0.19);
13
- $ease-in-quart: cubic-bezier(0.895, 0.03, 0.685, 0.22);
14
- $ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
15
- $ease-in-sine: cubic-bezier(0.47, 0, 0.745, 0.715);
16
- $ease-in-expo: cubic-bezier(0.95, 0.05, 0.795, 0.035);
17
- $ease-in-circ: cubic-bezier(0.6, 0.04, 0.98, 0.335);
18
- $ease-in-back: cubic-bezier(0.6, -0.28, 0.735, 0.045);
19
-
20
- $ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
21
- $ease-out-cubic: cubic-bezier(0.215, 0.61, 0.355, 1);
22
- $ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
23
- $ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
24
- $ease-out-sine: cubic-bezier(0.39, 0.575, 0.565, 1);
25
- $ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);
26
- $ease-out-circ: cubic-bezier(0.075, 0.82, 0.165, 1);
27
- $ease-out-back: cubic-bezier(0.175, 0.885, 0.32, 1.275);
28
-
29
- $ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
30
- $ease-in-out-cubic: cubic-bezier(0.645, 0.045, 0.355, 1);
31
- $ease-in-out-quart: cubic-bezier(0.77, 0, 0.175, 1);
32
- $ease-in-out-quint: cubic-bezier(0.86, 0, 0.07, 1);
33
- $ease-in-out-sine: cubic-bezier(0.445, 0.05, 0.55, 0.95);
34
- $ease-in-out-expo: cubic-bezier(1, 0, 0, 1);
35
- $ease-in-out-circ: cubic-bezier(0.785, 0.135, 0.15, 0.86);
36
- $ease-in-out-back: cubic-bezier(0.68, -0.55, 0.265, 1.55);
@@ -1,32 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- /// Mixes a color with white.
4
- ///
5
- /// @argument {color} $color
6
- ///
7
- /// @argument {number (percentage)} $percent
8
- /// The amount of white to be mixed in.
9
- ///
10
- /// @return {color}
11
- ///
12
- /// @example scss
13
- /// .element {
14
- /// background-color: tint(#6ecaa6, 40%);
15
- /// }
16
- ///
17
- /// // CSS Output
18
- /// .element {
19
- /// background-color: #a8dfc9;
20
- /// }
21
-
22
- @function tint(
23
- $color,
24
- $percent
25
- ) {
26
- @if not _is-color($color) {
27
- @error "`#{$color}` is not a valid color for the `$color` argument in " +
28
- "the `tint` mixin.";
29
- } @else {
30
- @return mix(#fff, $color, $percent);
31
- }
32
- }
@@ -1,82 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- /// Generates a triangle pointing in a specified direction.
4
- ///
5
- /// @argument {string} $direction
6
- /// The direction the triangle should point. Accepts `up`, `up-right`,
7
- /// `right`, `down-right`, `down`, `down-left`, `left` or `up-left`.
8
- ///
9
- /// @argument {number (with unit)} $width
10
- /// Width of the triangle.
11
- ///
12
- /// @argument {number (with unit)} $height
13
- /// Height of the triangle.
14
- ///
15
- /// @argument {color} $color
16
- /// Color of the triangle.
17
- ///
18
- /// @example scss
19
- /// .element {
20
- /// &::before {
21
- /// @include triangle("up", 2rem, 1rem, #b25c9c);
22
- /// content: "";
23
- /// }
24
- /// }
25
- ///
26
- /// // CSS Output
27
- /// .element::before {
28
- /// border-style: solid;
29
- /// height: 0;
30
- /// width: 0;
31
- /// border-color: transparent transparent #b25c9c;
32
- /// border-width: 0 1rem 1rem;
33
- /// content: "";
34
- /// }
35
-
36
- @mixin triangle(
37
- $direction,
38
- $width,
39
- $height,
40
- $color
41
- ) {
42
- @if not index(
43
- "up" "up-right" "right" "down-right" "down" "down-left" "left" "up-left",
44
- $direction
45
- ) {
46
- @error "Direction must be `up`, `up-right`, `right`, `down-right`, " +
47
- "`down`, `down-left`, `left` or `up-left`.";
48
- } @else if not _is-color($color) {
49
- @error "`#{$color}` is not a valid color for the `$color` argument in " +
50
- "the `triangle` mixin.";
51
- } @else {
52
- border-style: solid;
53
- height: 0;
54
- width: 0;
55
-
56
- @if $direction == "up" {
57
- border-color: transparent transparent $color;
58
- border-width: 0 ($width / 2) $height;
59
- } @else if $direction == "up-right" {
60
- border-color: transparent $color transparent transparent;
61
- border-width: 0 $width $width 0;
62
- } @else if $direction == "right" {
63
- border-color: transparent transparent transparent $color;
64
- border-width: ($height / 2) 0 ($height / 2) $width;
65
- } @else if $direction == "down-right" {
66
- border-color: transparent transparent $color;
67
- border-width: 0 0 $width $width;
68
- } @else if $direction == "down" {
69
- border-color: $color transparent transparent;
70
- border-width: $height ($width / 2) 0;
71
- } @else if $direction == "down-left" {
72
- border-color: transparent transparent transparent $color;
73
- border-width: $width 0 0 $width;
74
- } @else if $direction == "left" {
75
- border-color: transparent $color transparent transparent;
76
- border-width: ($height / 2) $width ($height / 2) 0;
77
- } @else if $direction == "up-left" {
78
- border-color: $color transparent transparent;
79
- border-width: $width $width 0 0;
80
- }
81
- }
82
- }
@@ -1,37 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- /// Generates vendor prefixes for values.
4
- ///
5
- /// @argument {string} $property
6
- /// Property to use.
7
- ///
8
- /// @argument {string} $value
9
- /// Value to prefix.
10
- ///
11
- /// @argument {list} $prefixes
12
- /// Vendor prefixes to output.
13
- ///
14
- /// @example scss
15
- /// .element {
16
- /// @include value-prefixer(cursor, grab, ("webkit", "moz"));
17
- /// }
18
- ///
19
- /// // CSS Output
20
- /// .element {
21
- /// cursor: -webkit-grab;
22
- /// cursor: -moz-grab;
23
- /// cursor: grab;
24
- /// }
25
- ///
26
- /// @author Matthew Tobiasz
27
-
28
- @mixin value-prefixer(
29
- $property,
30
- $value,
31
- $prefixes: ()
32
- ) {
33
- @each $prefix in $prefixes {
34
- #{$property}: #{"-" + $prefix + "-" + $value};
35
- }
36
- #{$property}: $value;
37
- }
@@ -1,75 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- /// Default global Bourbon settings. Values in this map are overwritten by any
4
- /// values set in the `$bourbon` map.
5
- ///
6
- /// @type map
7
- ///
8
- /// @property {color} contrast-switch-dark-color [#000]
9
- /// Global dark color for the `contrast-switch` function.
10
- ///
11
- /// @property {color} contrast-switch-light-color [#fff]
12
- /// Global light color for the `contrast-switch` function.
13
- ///
14
- /// @property {list} global-font-file-formats [("woff2", "woff")]
15
- /// Global font file formats for the `font-face` mixin.
16
- ///
17
- /// @property {number (with unit)} modular-scale-base [1em]
18
- /// Global base value for the `modular-scale` function.
19
- ///
20
- /// @property {number (unitless)} modular-scale-ratio [$major-third (1.25)]
21
- /// Global base ratio for the `modular-scale` function.
22
- ///
23
- /// @property {boolean} rails-asset-pipeline [false]
24
- /// Set this to `true` when using the Rails Asset Pipeline and Bourbon will
25
- /// write asset paths using
26
- /// [sass-rails’ asset helpers](https://github.com/rails/sass-rails#asset-helpers).
27
- ///
28
- /// @access private
29
-
30
- $_bourbon-defaults: (
31
- "contrast-switch-dark-color": #000,
32
- "contrast-switch-light-color": #fff,
33
- "global-font-file-formats": ("woff2", "woff"),
34
- "modular-scale-base": 1em,
35
- "modular-scale-ratio": $major-third,
36
- "rails-asset-pipeline": false,
37
- );
38
-
39
- /// Global Bourbon settings.
40
- ///
41
- /// @name Settings
42
- ///
43
- /// @type map
44
- ///
45
- /// @property {color} contrast-switch-dark-color [#000]
46
- /// Global dark color for the `contrast-switch` function.
47
- ///
48
- /// @property {color} contrast-switch-light-color [#fff]
49
- /// Global light color for the `contrast-switch` function.
50
- ///
51
- /// @property {list} global-font-file-formats [("woff2", "woff")]
52
- /// Global font file formats for the `font-face` mixin.
53
- ///
54
- /// @property {number (with unit)} modular-scale-base [1em]
55
- /// Global base value for the `modular-scale` function.
56
- ///
57
- /// @property {number (unitless)} modular-scale-ratio [$major-third (1.25)]
58
- /// Global base ratio for the `modular-scale` function.
59
- ///
60
- /// @property {boolean} rails-asset-pipeline [false]
61
- /// Set this to `true` when using the Rails Asset Pipeline and Bourbon will
62
- /// write asset paths using
63
- /// [sass-rails’ asset helpers](https://github.com/rails/sass-rails#asset-helpers).
64
- ///
65
- /// @example scss
66
- /// $bourbon: (
67
- /// "contrast-switch-dark-color": #000,
68
- /// "contrast-switch-light-color": #fff,
69
- /// "global-font-file-formats": ("woff2", "woff"),
70
- /// "modular-scale-base": 1em,
71
- /// "modular-scale-ratio": $major-third,
72
- /// "rails-asset-pipeline": false,
73
- /// );
74
-
75
- $bourbon: () !default;
@@ -1,28 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- /// Append pseudo-classes to a selector(s).
4
- ///
5
- /// @argument {list | string} $inputs
6
- /// A selector, or list of selectors, to apply the pseudo-class to.
7
- ///
8
- /// @argument {pseudo-class} $pseudo [null]
9
- /// The pseudo-class to be appended.
10
- ///
11
- /// @return {list}
12
- ///
13
- /// @access private
14
-
15
- @function _assign-inputs(
16
- $inputs,
17
- $pseudo: null
18
- ) {
19
- $list: ();
20
-
21
- @each $input in $inputs {
22
- $input: unquote($input);
23
- $input: if($pseudo, $input + ":" + $pseudo, $input);
24
- $list: append($list, $input, comma);
25
- }
26
-
27
- @return $list;
28
- }
@@ -1,42 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- /// Transforms shorthand to its shortest possible form.
4
- ///
5
- /// @argument {list} $values
6
- /// List of directional values.
7
- ///
8
- /// @example scss
9
- /// $values: _compact-shorthand(10px 20px 10px 20px);
10
- ///
11
- /// // Output
12
- /// $values: 10px 20px;
13
- ///
14
- /// @return {list}
15
- ///
16
- /// @access private
17
-
18
- @function _compact-shorthand($values) {
19
- $output: null;
20
-
21
- $a: nth($values, 1);
22
- $b: if(length($values) < 2, $a, nth($values, 2));
23
- $c: if(length($values) < 3, $a, nth($values, 3));
24
- $d: if(length($values) < 2, $a, nth($values, if(length($values) < 4, 2, 4)));
25
-
26
- @if $a == 0 { $a: 0; }
27
- @if $b == 0 { $b: 0; }
28
- @if $c == 0 { $c: 0; }
29
- @if $d == 0 { $d: 0; }
30
-
31
- @if $a == $b and $a == $c and $a == $d {
32
- $output: $a;
33
- } @else if $a == $c and $b == $d {
34
- $output: $a $b;
35
- } @else if $b == $d {
36
- $output: $a $b $c;
37
- } @else {
38
- $output: $a $b $c $d;
39
- }
40
-
41
- @return $output;
42
- }
@@ -1,31 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- /// Programatically determines the contrast ratio between two colors.
4
- ///
5
- /// Note that the alpha channel is ignored.
6
- ///
7
- /// @link https://goo.gl/54htLV
8
- ///
9
- /// @argument {color (hex)} $color-1
10
- ///
11
- /// @argument {color (hex)} $color-2
12
- ///
13
- /// @return {number (1-21)}
14
- ///
15
- /// @example scss
16
- /// _contrast-ratio(black, white)
17
- ///
18
- /// @require {function} _lightness
19
- ///
20
- /// @access private
21
-
22
- @function _contrast-ratio($color-1, $color-2) {
23
- $-local-lightness-1: _lightness($color-1) + 0.05;
24
- $-local-lightness-2: _lightness($color-2) + 0.05;
25
-
26
- @if $-local-lightness-1 > $-local-lightness-2 {
27
- @return $-local-lightness-1 / $-local-lightness-2;
28
- } @else {
29
- @return $-local-lightness-2 / $-local-lightness-1;
30
- }
31
- }
@@ -1,68 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- /// Builds directional properties by parsing CSS shorthand values. For example,
4
- /// a value of `10px null` will output top and bottom directional properties,
5
- /// but the `null` skips left and right from being output.
6
- ///
7
- /// @argument {string} $property
8
- /// Base property.
9
- ///
10
- /// @argument {string} $suffix
11
- /// Suffix to append. Use `null` to omit.
12
- ///
13
- /// @argument {list} $values
14
- /// List of values to set for the property.
15
- ///
16
- /// @example scss
17
- /// .element {
18
- /// @include _directional-property(border, width, null 5px);
19
- /// }
20
- ///
21
- /// // CSS Output
22
- /// .element {
23
- /// border-right-width: 5px;
24
- /// border-left-width: 5px;
25
- /// }
26
- ///
27
- /// @require {function} _compact-shorthand
28
- ///
29
- /// @require {function} _contains-falsy
30
- ///
31
- /// @access private
32
-
33
- @mixin _directional-property(
34
- $property,
35
- $suffix,
36
- $values
37
- ) {
38
- $top: $property + "-top" + if($suffix, "-#{$suffix}", "");
39
- $bottom: $property + "-bottom" + if($suffix, "-#{$suffix}", "");
40
- $left: $property + "-left" + if($suffix, "-#{$suffix}", "");
41
- $right: $property + "-right" + if($suffix, "-#{$suffix}", "");
42
- $all: $property + if($suffix, "-#{$suffix}", "");
43
-
44
- $values: _compact-shorthand($values);
45
-
46
- @if _contains-falsy($values) {
47
- @if nth($values, 1) { #{$top}: nth($values, 1); }
48
-
49
- @if length($values) == 1 {
50
- @if nth($values, 1) { #{$right}: nth($values, 1); }
51
- } @else {
52
- @if nth($values, 2) { #{$right}: nth($values, 2); }
53
- }
54
-
55
- @if length($values) == 2 {
56
- @if nth($values, 1) { #{$bottom}: nth($values, 1); }
57
- @if nth($values, 2) { #{$left}: nth($values, 2); }
58
- } @else if length($values) == 3 {
59
- @if nth($values, 3) { #{$bottom}: nth($values, 3); }
60
- @if nth($values, 2) { #{$left}: nth($values, 2); }
61
- } @else if length($values) == 4 {
62
- @if nth($values, 3) { #{$bottom}: nth($values, 3); }
63
- @if nth($values, 4) { #{$left}: nth($values, 4); }
64
- }
65
- } @else {
66
- #{$all}: $values;
67
- }
68
- }
@@ -1,16 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- /// Return a Bourbon setting.
4
- ///
5
- /// @argument {string} $setting
6
- ///
7
- /// @return {boolean | color | list | number | string}
8
- ///
9
- /// @example scss
10
- /// _fetch-bourbon-setting(rails-asset-pipeline)
11
- ///
12
- /// @access private
13
-
14
- @function _fetch-bourbon-setting($setting) {
15
- @return map-get(map-merge($_bourbon-defaults, $bourbon), $setting);
16
- }
@@ -1,52 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- /// Builds the `src` list for an `@font-face` declaration.
4
- ///
5
- /// @link https://goo.gl/Ru1bKP
6
- ///
7
- /// @argument {string} $font-family
8
- ///
9
- /// @argument {string} $file-path
10
- ///
11
- /// @argument {boolean} $asset-pipeline
12
- ///
13
- /// @argument {list} $file-formats
14
- ///
15
- /// @return {list}
16
- ///
17
- /// @require {function} _contains
18
- ///
19
- /// @access private
20
-
21
- @function _font-source-declaration(
22
- $font-family,
23
- $file-path,
24
- $asset-pipeline,
25
- $file-formats
26
- ) {
27
- $src: ();
28
-
29
- $formats-map: (
30
- "woff2": "#{$file-path}.woff2" format("woff2"),
31
- "woff": "#{$file-path}.woff" format("woff"),
32
- );
33
-
34
- @each $format in $file-formats {
35
- @if _contains(map-keys($formats-map), $format) {
36
- $value: map-get($formats-map, $format);
37
- $file-path: nth($value, 1);
38
- $font-format: nth($value, 2);
39
-
40
- @if $asset-pipeline == true {
41
- $src: append($src, font-url($file-path) $font-format, comma);
42
- } @else {
43
- $src: append($src, url($file-path) $font-format, comma);
44
- }
45
- } @else {
46
- @error "`#{$file-formats}` contains an unsupported font file format. " +
47
- "Must be `woff` and/or `woff2`.";
48
- }
49
- }
50
-
51
- @return $src;
52
- }
@@ -1,24 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- /// Performs gamma correction on a single color channel.
4
- ///
5
- /// Note that the calculation is approximate if a `pow()` is not available.
6
- ///
7
- /// @argument {number (0-1)} $channel
8
- ///
9
- /// @return {number (0-1)}
10
- ///
11
- /// @access private
12
-
13
- @function _gamma($channel) {
14
- @if $channel < 0.03928 {
15
- @return $channel / 12.92;
16
- } @else {
17
- $c: ($channel + 0.055) / 1.055;
18
- @if function-exists("pow") {
19
- @return pow($c, 2.4);
20
- } @else {
21
- @return 0.56 * $c * $c * $c + 0.44 * $c * $c;
22
- }
23
- }
24
- }
@@ -1,24 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- /// Programatically determines the lightness of a color.
4
- ///
5
- /// @argument {color (hex)} $hex-color
6
- ///
7
- /// @return {number (0-1)}
8
- ///
9
- /// @example scss
10
- /// _lightness($color)
11
- ///
12
- /// @access private
13
-
14
- @function _lightness($hex-color) {
15
- $-local-red-raw: red(rgba($hex-color, 1));
16
- $-local-green-raw: green(rgba($hex-color, 1));
17
- $-local-blue-raw: blue(rgba($hex-color, 1));
18
-
19
- $-local-red: _gamma($-local-red-raw / 255);
20
- $-local-green: _gamma($-local-green-raw / 255);
21
- $-local-blue: _gamma($-local-blue-raw / 255);
22
-
23
- @return $-local-red * 0.2126 + $-local-green * 0.7152 + $-local-blue * 0.0722;
24
- }
@@ -1,29 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- /// Transforms shorthand that can range from 1-to-4 values to be 4 values.
4
- ///
5
- /// @argument {list} $shorthand
6
- ///
7
- /// @example scss
8
- /// .element {
9
- /// margin: _unpack-shorthand(1em 2em);
10
- /// }
11
- ///
12
- /// // CSS Output
13
- /// .element {
14
- /// margin: 1em 2em 1em 2em;
15
- /// }
16
- ///
17
- /// @access private
18
-
19
- @function _unpack-shorthand($shorthand) {
20
- @if length($shorthand) == 1 {
21
- @return nth($shorthand, 1) nth($shorthand, 1) nth($shorthand, 1) nth($shorthand, 1);
22
- } @else if length($shorthand) == 2 {
23
- @return nth($shorthand, 1) nth($shorthand, 2) nth($shorthand, 1) nth($shorthand, 2);
24
- } @else if length($shorthand) == 3 {
25
- @return nth($shorthand, 1) nth($shorthand, 2) nth($shorthand, 3) nth($shorthand, 2);
26
- } @else {
27
- @return $shorthand;
28
- }
29
- }
@@ -1,20 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- /// Checks if a list does not contain any values.
4
- ///
5
- /// @argument {list} $list
6
- /// The list to check against.
7
- ///
8
- /// @return {boolean}
9
- ///
10
- /// @access private
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
- /// @argument {list} $list
6
- /// The list to check against.
7
- ///
8
- /// @argument {list} $values
9
- /// A single value or list of values to check for.
10
- ///
11
- /// @return {boolean}
12
- ///
13
- /// @access private
14
-
15
- @function _contains(
16
- $list,
17
- $values...
18
- ) {
19
- @each $value in $values {
20
- @if type-of(index($list, $value)) != "number" {
21
- @return false;
22
- }
23
- }
24
-
25
- @return true;
26
- }
@@ -1,13 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- /// Checks for a valid CSS color.
4
- ///
5
- /// @argument {string} $color
6
- ///
7
- /// @return {boolean}
8
- ///
9
- /// @access private
10
-
11
- @function _is-color($color) {
12
- @return (type-of($color) == color) or ($color == "currentColor");
13
- }
@@ -1,20 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- /// Checks for a valid CSS length.
4
- ///
5
- /// @argument {string} $value
6
- ///
7
- /// @return {boolean}
8
- ///
9
- /// @access private
10
-
11
- @function _is-length($value) {
12
- @return type-of($value) != "null"
13
- and (
14
- str-slice($value + "", 1, 4) == "calc"
15
- or str-slice($value + "", 1, 3) == "var"
16
- or str-slice($value + "", 1, 3) == "env"
17
- or index(auto inherit initial 0, $value)
18
- or (type-of($value) == "number" and not(unitless($value)))
19
- );
20
- }