baseline-scss 0.5.0 → 1.0.0

data/src/vendors/bourbon/library/_hide-text.scss

@@ -1,24 +0,0 @@
-@charset "UTF-8";
-
-/// Hides the text in an element, commonly used to show an image instead. Some
-/// elements will need block-level styles applied.
-///
-/// @link https://goo.gl/EvLRIu
-///
-/// @example scss
-///   .element {
-///     @include hide-text;
-///   }
-///
-///   // CSS Output
-///   .element {
-///     overflow: hidden;
-///     text-indent: 101%;
-///     white-space: nowrap;
-///   }
-
-@mixin hide-text {
-  overflow: hidden;
-  text-indent: 101%;
-  white-space: nowrap;
-}

data/src/vendors/bourbon/library/_hide-visually.scss

@@ -1,70 +0,0 @@
-@charset "UTF-8";
-
-/// Hides an element visually while still allowing the content to be accessible
-/// to assistive technology, e.g. screen readers. Passing `unhide` will reverse
-/// the affects of the hiding, which is handy for showing the element on focus,
-/// for example.
-///
-/// @link https://goo.gl/Vf1TGn
-///
-/// @argument {string} $toggle [hide]
-///   Accepts `hide` or `unhide`. `unhide` reverses the affects of `hide`.
-///
-/// @example scss
-///   .element {
-///     @include hide-visually;
-///
-///     &:active,
-///     &:focus {
-///       @include hide-visually("unhide");
-///     }
-///   }
-///
-///   // CSS Output
-///   .element {
-///     border: 0;
-///     clip: rect(1px, 1px, 1px, 1px);
-///     clip-path: inset(100%);
-///     height: 1px;
-///     overflow: hidden;
-///     padding: 0;
-///     position: absolute;
-///     width: 1px;
-///   }
-///
-///   .hide-visually:active,
-///   .hide-visually:focus {
-///     clip: auto;
-///     clip-path: none;
-///     height: auto;
-///     overflow: visible;
-///     position: static;
-///     width: auto;
-///   }
-///
-/// @since 5.0.0
-
-@mixin hide-visually($toggle: "hide") {
-  @if not index("hide" "unhide", $toggle) {
-    @error "`#{$toggle}` is not a valid value for the `$toggle` argument in " +
-      "the `hide-visually` mixin. Must be either `hide` or `unhide`.";
-  } @else if $toggle == "hide" {
-    border: 0;
-    clip: rect(1px, 1px, 1px, 1px);
-    clip-path: inset(100%);
-    height: 1px;
-    overflow: hidden;
-    padding: 0;
-    position: absolute;
-    white-space: nowrap;
-    width: 1px;
-  } @else if $toggle == "unhide" {
-    clip: auto;
-    clip-path: none;
-    height: auto;
-    overflow: visible;
-    position: static;
-    white-space: inherit;
-    width: auto;
-  }
-}

data/src/vendors/bourbon/library/_margin.scss

@@ -1,37 +0,0 @@
-@charset "UTF-8";
-
-/// Provides a concise, one-line method for setting `margin` on specific edges
-/// of a box. Use a `null` value to “skip” edges of the box with standard
-/// CSS shorthand.
-///
-/// @argument {list} $values
-///   List of margin values; accepts CSS shorthand.
-///
-/// @example scss
-///   .element {
-///     @include margin(null auto);
-///   }
-///
-///   // CSS Output
-///   .element {
-///     margin-left: auto;
-///     margin-right: auto;
-///   }
-///
-/// @example scss
-///   .element {
-///     @include margin(10px 3em 20vh null);
-///   }
-///
-///   // CSS Output
-///   .element {
-///     margin-bottom: 20vh;
-///     margin-right: 3em;
-///     margin-top: 10px;
-///   }
-///
-/// @require {mixin} _directional-property
-
-@mixin margin($values) {
-  @include _directional-property(margin, null, $values);
-}

data/src/vendors/bourbon/library/_modular-scale.scss

@@ -1,120 +0,0 @@
-@charset "UTF-8";
-
-/// Increments up or down a defined scale and returns an adjusted value. This
-/// helps establish consistent measurements and spacial relationships throughout
-/// your project. We provide a list of commonly used scales as
-/// [pre-defined variables][scales].
-///
-/// [scales]: https://github.com/thoughtbot/bourbon/blob/master/core/bourbon/helpers/_scales.scss
-///
-/// @argument {number (unitless)} $increment
-///   How many steps to increment up or down the scale.
-///
-/// @argument {number (with unit) | list} $value [1em]
-///   The base value the scale starts at. Can also be set globally using the
-///   `modular-scale-base` key in the Bourbon settings.
-///
-/// @argument {number (unitless)} $ratio [1.25]
-///   The ratio the scale is built on. Can also be set globally using the
-///   `modular-scale-ratio` key in the Bourbon settings.
-///
-/// @return {number (with unit)}
-///
-/// @example scss
-///   .element {
-///     font-size: modular-scale(2);
-///   }
-///
-///   // CSS Output
-///   .element {
-///     font-size: 1.5625em;
-///   }
-///
-/// @example scss
-///   .element {
-///     margin-right: modular-scale(3, 2em);
-///   }
-///
-///   // CSS Output
-///   .element {
-///     margin-right: 3.90625em;
-///   }
-///
-/// @example scss
-///   .element {
-///     font-size: modular-scale(3, 1em 1.6em, $major-seventh);
-///   }
-///
-///   // CSS Output
-///   .element {
-///     font-size: 3em;
-///   }
-///
-/// @example scss
-///   // Globally change the base ratio
-///   $bourbon: (
-///     "modular-scale-ratio": 1.2,
-///   );
-///
-///   .element {
-///     font-size: modular-scale(3);
-///   }
-///
-///   // CSS Output
-///   .element {
-///     font-size: 1.728em;
-///   }
-///
-/// @require {function} _fetch-bourbon-setting
-
-@function modular-scale(
-  $increment,
-  $value: _fetch-bourbon-setting("modular-scale-base"),
-  $ratio: _fetch-bourbon-setting("modular-scale-ratio")
-) {
-  $v1: nth($value, 1);
-  $v2: nth($value, length($value));
-  $value: $v1;
-
-  // scale $v2 to just above $v1
-  @while $v2 > $v1 {
-    $v2: ($v2 / $ratio); // will be off-by-1
-  }
-  @while $v2 < $v1 {
-    $v2: ($v2 * $ratio); // will fix off-by-1
-  }
-
-  // check AFTER scaling $v2 to prevent double-counting corner-case
-  $double-stranded: $v2 > $v1;
-
-  @if $increment > 0 {
-    @for $i from 1 through $increment {
-      @if $double-stranded and ($v1 * $ratio) > $v2 {
-        $value: $v2;
-        $v2: ($v2 * $ratio);
-      } @else {
-        $v1: ($v1 * $ratio);
-        $value: $v1;
-      }
-    }
-  }
-
-  @if $increment < 0 {
-    // adjust $v2 to just below $v1
-    @if $double-stranded {
-      $v2: ($v2 / $ratio);
-    }
-
-    @for $i from $increment through -1 {
-      @if $double-stranded and ($v1 / $ratio) < $v2 {
-        $value: $v2;
-        $v2: ($v2 / $ratio);
-      } @else {
-        $v1: ($v1 / $ratio);
-        $value: $v1;
-      }
-    }
-  }
-
-  @return $value;
-}

data/src/vendors/bourbon/library/_overflow-wrap.scss

@@ -1,25 +0,0 @@
-@charset "UTF-8";
-
-/// Outputs the `overflow-wrap` property and its legacy name `word-wrap` to
-/// support browsers that do not yet use `overflow-wrap`.
-///
-/// @argument {string} $wrap [break-word]
-///   Accepted CSS values are `normal`, `break-word`, `inherit`, `initial`,
-///   or `unset`.
-///
-/// @example scss
-///   .wrapper {
-///     @include overflow-wrap;
-///   }
-///
-///   // CSS Output
-///   .wrapper {
-///     word-wrap: break-word;
-///     overflow-wrap: break-word;
-///   }
-
-@mixin overflow-wrap($wrap: break-word) {
-  word-wrap: $wrap;
-  // stylelint-disable-next-line order/properties-alphabetical-order
-  overflow-wrap: $wrap;
-}

data/src/vendors/bourbon/library/_padding.scss

@@ -1,36 +0,0 @@
-@charset "UTF-8";
-
-/// Provides a concise method for targeting `padding` on specific sides of a
-/// box. Use a `null` value to “skip” a side.
-///
-/// @argument {list} $values
-///   List of padding values; accepts CSS shorthand.
-///
-/// @example scss
-///   .element-one {
-///     @include padding(null 1rem);
-///   }
-///
-///   // CSS Output
-///   .element-one {
-///     padding-left: 1rem;
-///     padding-right: 1rem;
-///   }
-///
-/// @example scss
-///   .element-two {
-///     @include padding(10vh null 10px 5%);
-///   }
-///
-///   // CSS Output
-///   .element-two {
-///     padding-bottom: 10px;
-///     padding-left: 5%;
-///     padding-top: 10vh;
-///   }
-///
-/// @require {mixin} _directional-property
-
-@mixin padding($values) {
-  @include _directional-property(padding, null, $values);
-}

data/src/vendors/bourbon/library/_position.scss

@@ -1,62 +0,0 @@
-@charset "UTF-8";
-
-/// Provides a concise, one-line method for setting an element’s positioning
-/// properties: `position`, `top`, `right`, `bottom` and `left`. Use a `null`
-/// value to “skip” an edge of the box.
-///
-/// @argument {string} $position
-///   A CSS position value.
-///
-/// @argument {list} $box-edge-values
-///   List of lengths; accepts CSS shorthand.
-///
-/// @example scss
-///   .element {
-///     @include position(relative, 0 null null 10em);
-///   }
-///
-///   // CSS Output
-///   .element {
-///     left: 10em;
-///     position: relative;
-///     top: 0;
-///   }
-///
-/// @example scss
-///   .element {
-///     @include position(absolute, 0);
-///   }
-///
-///   // CSS Output
-///   .element {
-///     position: absolute;
-///     top: 0;
-///     right: 0;
-///     bottom: 0;
-///     left: 0;
-///   }
-///
-/// @require {function} _is-length
-///
-/// @require {function} _unpack-shorthand
-
-@mixin position(
-  $position,
-  $box-edge-values
-) {
-  $box-edge-values: _unpack-shorthand($box-edge-values);
-  $offsets: (
-    "top": nth($box-edge-values, 1),
-    "right": nth($box-edge-values, 2),
-    "bottom": nth($box-edge-values, 3),
-    "left": nth($box-edge-values, 4),
-  );
-
-  position: $position;
-
-  @each $offset, $value in $offsets {
-    @if _is-length($value) {
-      #{$offset}: $value;
-    }
-  }
-}

data/src/vendors/bourbon/library/_prefixer.scss

@@ -1,37 +0,0 @@
-@charset "UTF-8";
-
-/// Generates vendor prefixes.
-///
-/// @argument {string} $property
-///   Property to prefix.
-///
-/// @argument {string} $value
-///   Value to use.
-///
-/// @argument {list} $prefixes
-///   Vendor prefixes to output.
-///
-/// @example scss
-///   .element {
-///     @include prefixer(appearance, none, ("webkit", "moz"));
-///   }
-///
-///   // CSS Output
-///   .element {
-///     -webkit-appearance: none;
-///     -moz-appearance: none;
-///     appearance: none;
-///   }
-///
-/// @author Hugo Giraudel
-
-@mixin prefixer(
-  $property,
-  $value,
-  $prefixes: ()
-) {
-  @each $prefix in $prefixes {
-    #{"-" + $prefix + "-" + $property}: $value;
-  }
-  #{$property}: $value;
-}

data/src/vendors/bourbon/library/_shade.scss

@@ -1,32 +0,0 @@
-@charset "UTF-8";
-
-/// Mixes a color with black.
-///
-/// @argument {color} $color
-///
-/// @argument {number (percentage)} $percent
-///   The amount of black to be mixed in.
-///
-/// @return {color}
-///
-/// @example scss
-///   .element {
-///     background-color: shade(#ffbb52, 60%);
-///   }
-///
-///   // CSS Output
-///   .element {
-///     background-color: #664a20;
-///   }
-
-@function shade(
-  $color,
-  $percent
-) {
-  @if not _is-color($color) {
-    @error "`#{$color}` is not a valid color for the `$color` argument in " +
-      "the `shade` mixin.";
-  } @else {
-    @return mix(#000, $color, $percent);
-  }
-}

data/src/vendors/bourbon/library/_size.scss

@@ -1,50 +0,0 @@
-@charset "UTF-8";
-
-/// Sets the `width` and `height` of the element in one statement.
-///
-/// @argument {number (with unit) | string} $width
-///
-/// @argument {number (with unit) | string} $height [$width]
-///
-/// @example scss
-///   .first-element {
-///     @include size(2em);
-///   }
-///
-///   // CSS Output
-///   .first-element {
-///     width: 2em;
-///     height: 2em;
-///   }
-///
-/// @example scss
-///   .second-element {
-///     @include size(auto, 10em);
-///   }
-///
-///   // CSS Output
-///   .second-element {
-///     width: auto;
-///     height: 10em;
-///   }
-///
-/// @require {function} _is-size
-
-@mixin size(
-  $width,
-  $height: $width
-) {
-  @if _is-size($height) {
-    height: $height;
-  } @else {
-    @error "`#{$height}` is not a valid length for the `$height` argument " +
-      "in the `size` mixin.";
-  }
-
-  @if _is-size($width) {
-    width: $width;
-  } @else {
-    @error "`#{$width}` is not a valid length for the `$width` argument " +
-      "in the `size` mixin.";
-  }
-}

data/src/vendors/bourbon/library/_strip-unit.scss

@@ -1,17 +0,0 @@
-@charset "UTF-8";
-
-/// Strips the unit from a number.
-///
-/// @argument {number} $value
-///
-/// @return {number (unitless)}
-///
-/// @example scss
-///   $dimension: strip-unit(10em);
-///
-///   // Output
-///   $dimension: 10;
-
-@function strip-unit($value) {
-  @return ($value / ($value * 0 + 1));
-}

data/src/vendors/bourbon/library/_text-inputs.scss

@@ -1,163 +0,0 @@
-@charset "UTF-8";
-
-////
-/// @type list
-///
-/// @require {function} _assign-inputs
-///
-/// @require {variable} $_text-inputs-list
-////
-
-/// A list of all _text-based_ HTML inputs. Please note that you must
-/// interpolate the variable (`#{}`) to use it as a selector.
-///
-/// @example scss
-///   #{$all-text-inputs} {
-///     border: 1px solid #ccc;
-///   }
-///
-///   // CSS Output
-///   [type='color'],
-///   [type='date'],
-///   [type='datetime'],
-///   [type='datetime-local'],
-///   [type='email'],
-///   [type='month'],
-///   [type='number'],
-///   [type='password'],
-///   [type='search'],
-///   [type='tel'],
-///   [type='text'],
-///   [type='time'],
-///   [type='url'],
-///   [type='week'],
-///   input:not([type]),
-///   textarea {
-///     border: 1px solid #ccc;
-///   }
-
-$all-text-inputs: _assign-inputs($_text-inputs-list);
-
-/// A list of all _text-based_ HTML inputs with the `:active` pseudo-class
-/// applied. Please note that you must interpolate the variable (`#{}`) to use
-/// it as a selector.
-///
-/// @example scss
-///   #{$all-text-inputs-active} {
-///     border: 1px solid #aaa;
-///   }
-///
-///   // CSS Output
-///   [type='color']:active,
-///   [type='date']:active,
-///   [type='datetime']:active,
-///   [type='datetime-local']:active,
-///   [type='email']:active,
-///   [type='month']:active,
-///   [type='number']:active,
-///   [type='password']:active,
-///   [type='search']:active,
-///   [type='tel']:active,
-///   [type='text']:active,
-///   [type='time']:active,
-///   [type='url']:active,
-///   [type='week']:active,
-///   input:not([type]):active,
-///   textarea:active {
-///     border: 1px solid #aaa;
-///   }
-
-$all-text-inputs-active: _assign-inputs($_text-inputs-list, active);
-
-/// A list of all _text-based_ HTML inputs with the `:focus` pseudo-class
-/// applied. Please note that you must interpolate the variable (`#{}`) to use
-/// it as a selector.
-///
-/// @example scss
-///   #{$all-text-inputs-focus} {
-///     border: 1px solid #1565c0;
-///   }
-///
-///   // CSS Output
-///   [type='color']:focus,
-///   [type='date']:focus,
-///   [type='datetime']:focus,
-///   [type='datetime-local']:focus,
-///   [type='email']:focus,
-///   [type='month']:focus,
-///   [type='number']:focus,
-///   [type='password']:focus,
-///   [type='search']:focus,
-///   [type='tel']:focus,
-///   [type='text']:focus,
-///   [type='time']:focus,
-///   [type='url']:focus,
-///   [type='week']:focus,
-///   input:not([type]):focus,
-///   textarea:focus {
-///     border: 1px solid #1565c0;
-///   }
-
-$all-text-inputs-focus: _assign-inputs($_text-inputs-list, focus);
-
-/// A list of all _text-based_ HTML inputs with the `:hover` pseudo-class
-/// applied. Please note that you must interpolate the variable (`#{}`) to use
-/// it as a selector.
-///
-/// @example scss
-///   #{$all-text-inputs-hover} {
-///     border: 1px solid #aaa;
-///   }
-///
-///   // CSS Output
-///   [type='color']:hover,
-///   [type='date']:hover,
-///   [type='datetime']:hover,
-///   [type='datetime-local']:hover,
-///   [type='email']:hover,
-///   [type='month']:hover,
-///   [type='number']:hover,
-///   [type='password']:hover,
-///   [type='search']:hover,
-///   [type='tel']:hover,
-///   [type='text']:hover,
-///   [type='time']:hover,
-///   [type='url']:hover,
-///   [type='week']:hover,
-///   input:not([type]):hover,
-///   textarea:hover {
-///     border: 1px solid #aaa;
-///   }
-
-$all-text-inputs-hover: _assign-inputs($_text-inputs-list, hover);
-
-/// A list of all _text-based_ HTML inputs with the `:invalid` pseudo-class
-/// applied. Please note that you must interpolate the variable (`#{}`) to use
-/// it as a selector.
-///
-/// @example scss
-///   #{$all-text-inputs-invalid} {
-///     border: 1px solid #00f;
-///   }
-///
-///   // CSS Output
-///   [type='color']:invalid,
-///   [type='date']:invalid,
-///   [type='datetime']:invalid,
-///   [type='datetime-local']:invalid,
-///   [type='email']:invalid,
-///   [type='month']:invalid,
-///   [type='number']:invalid,
-///   [type='password']:invalid,
-///   [type='search']:invalid,
-///   [type='tel']:invalid,
-///   [type='text']:invalid,
-///   [type='time']:invalid,
-///   [type='url']:invalid,
-///   [type='week']:invalid,
-///   input:not([type]):invalid,
-///   textarea:invalid {
-///     border: 1px solid #00f;
-///   }
-
-$all-text-inputs-invalid: _assign-inputs($_text-inputs-list, invalid);