baseline-scss 0.5.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.
- checksums.yaml +4 -4
- data/LICENSE +1 -1
- data/lib/baseline_scss/version.rb +1 -1
- data/lib/baseline_scss.rb +3 -5
- data/src/baseline-scss/_helpers.scss +23 -7
- data/src/baseline-scss/_mixins.scss +65 -7
- data/src/baseline-scss/_reboot.scss +16 -172
- data/src/baseline-scss/_variables.scss +63 -127
- data/src/baseline-scss/content/_buttons.scss +77 -24
- data/src/baseline-scss/content/_code.scss +23 -10
- data/src/baseline-scss/content/_forms.scss +167 -53
- data/src/baseline-scss/content/_index.scss +8 -0
- data/src/baseline-scss/content/_lists.scss +4 -3
- data/src/baseline-scss/content/_multimedia.scss +13 -0
- data/src/baseline-scss/content/_tables.scss +21 -1
- data/src/baseline-scss/content/_typography.scss +68 -41
- data/src/baseline-scss.scss +5 -11
- metadata +4 -59
- data/src/_baseline.scss +0 -5
- data/src/baseline-scss/_content.scss +0 -7
- data/src/baseline-scss/mixins/_.scss +0 -4
- data/src/baseline-scss/mixins/_after_border.scss +0 -12
- data/src/baseline-scss/mixins/_clearfix.scss +0 -7
- data/src/baseline-scss/mixins/_font_awesome.scss +0 -12
- data/src/baseline-scss/mixins/_max_width_container.scss +0 -15
- data/src/baseline-scss/mixins/_outline.scss +0 -5
- data/src/baseline-scss/mixins/_sr_only.scss +0 -17
- data/src/vendors/_bourbon.scss +0 -54
- data/src/vendors/_include-media.scss +0 -591
- data/src/vendors/bourbon/helpers/_buttons-list.scss +0 -14
- data/src/vendors/bourbon/helpers/_scales.scss +0 -27
- data/src/vendors/bourbon/helpers/_text-inputs-list.scss +0 -26
- data/src/vendors/bourbon/library/_border-color.scss +0 -26
- data/src/vendors/bourbon/library/_border-radius.scss +0 -85
- data/src/vendors/bourbon/library/_border-style.scss +0 -25
- data/src/vendors/bourbon/library/_border-width.scss +0 -25
- data/src/vendors/bourbon/library/_buttons.scss +0 -84
- data/src/vendors/bourbon/library/_clearfix.scss +0 -25
- data/src/vendors/bourbon/library/_contrast-switch.scss +0 -81
- data/src/vendors/bourbon/library/_ellipsis.scss +0 -36
- data/src/vendors/bourbon/library/_font-face.scss +0 -65
- data/src/vendors/bourbon/library/_font-stacks.scss +0 -248
- data/src/vendors/bourbon/library/_hide-text.scss +0 -24
- data/src/vendors/bourbon/library/_hide-visually.scss +0 -70
- data/src/vendors/bourbon/library/_margin.scss +0 -37
- data/src/vendors/bourbon/library/_modular-scale.scss +0 -120
- data/src/vendors/bourbon/library/_overflow-wrap.scss +0 -25
- data/src/vendors/bourbon/library/_padding.scss +0 -36
- data/src/vendors/bourbon/library/_position.scss +0 -62
- data/src/vendors/bourbon/library/_prefixer.scss +0 -37
- data/src/vendors/bourbon/library/_shade.scss +0 -32
- data/src/vendors/bourbon/library/_size.scss +0 -50
- data/src/vendors/bourbon/library/_strip-unit.scss +0 -17
- data/src/vendors/bourbon/library/_text-inputs.scss +0 -163
- data/src/vendors/bourbon/library/_timing-functions.scss +0 -36
- data/src/vendors/bourbon/library/_tint.scss +0 -32
- data/src/vendors/bourbon/library/_triangle.scss +0 -82
- data/src/vendors/bourbon/library/_value-prefixer.scss +0 -37
- data/src/vendors/bourbon/settings/_settings.scss +0 -75
- data/src/vendors/bourbon/utilities/_assign-inputs.scss +0 -28
- data/src/vendors/bourbon/utilities/_compact-shorthand.scss +0 -42
- data/src/vendors/bourbon/utilities/_contrast-ratio.scss +0 -31
- data/src/vendors/bourbon/utilities/_directional-property.scss +0 -68
- data/src/vendors/bourbon/utilities/_fetch-bourbon-setting.scss +0 -16
- data/src/vendors/bourbon/utilities/_font-source-declaration.scss +0 -52
- data/src/vendors/bourbon/utilities/_gamma.scss +0 -24
- data/src/vendors/bourbon/utilities/_lightness.scss +0 -24
- data/src/vendors/bourbon/utilities/_unpack-shorthand.scss +0 -29
- data/src/vendors/bourbon/validators/_contains-falsy.scss +0 -20
- data/src/vendors/bourbon/validators/_contains.scss +0 -26
- data/src/vendors/bourbon/validators/_is-color.scss +0 -13
- data/src/vendors/bourbon/validators/_is-length.scss +0 -20
- data/src/vendors/bourbon/validators/_is-number.scss +0 -15
- 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 | 
            -
            }
         |