bohemia
Version:
Yet another CSS framework. Baked with goodness of SASS, Bourbon & flexbox-based grid.
123 lines • 167 kB
Source Map (JSON)
{
"version": 3,
"file": "bohemia.css",
"sources": [
"../scss/bohemia.scss",
"../scss/bourbon/_bourbon.scss",
"../scss/bourbon/bourbon/helpers/_buttons-list.scss",
"../scss/bourbon/bourbon/helpers/_scales.scss",
"../scss/bourbon/bourbon/helpers/_text-inputs-list.scss",
"../scss/bourbon/bourbon/settings/_settings.scss",
"../scss/bourbon/bourbon/validators/_contains.scss",
"../scss/bourbon/bourbon/validators/_contains-falsy.scss",
"../scss/bourbon/bourbon/validators/_is-color.scss",
"../scss/bourbon/bourbon/validators/_is-length.scss",
"../scss/bourbon/bourbon/validators/_is-light.scss",
"../scss/bourbon/bourbon/validators/_is-number.scss",
"../scss/bourbon/bourbon/validators/_is-size.scss",
"../scss/bourbon/bourbon/utilities/_assign-inputs.scss",
"../scss/bourbon/bourbon/utilities/_collapse-directionals.scss",
"../scss/bourbon/bourbon/utilities/_directional-values.scss",
"../scss/bourbon/bourbon/utilities/_font-source-declaration.scss",
"../scss/bourbon/bourbon/utilities/_retrieve-bourbon-setting.scss",
"../scss/bourbon/bourbon/utilities/_unpack.scss",
"../scss/bourbon/bourbon/library/_border-color.scss",
"../scss/bourbon/bourbon/library/_border-radius.scss",
"../scss/bourbon/bourbon/library/_border-style.scss",
"../scss/bourbon/bourbon/library/_border-width.scss",
"../scss/bourbon/bourbon/library/_buttons.scss",
"../scss/bourbon/bourbon/library/_clearfix.scss",
"../scss/bourbon/bourbon/library/_contrast-switch.scss",
"../scss/bourbon/bourbon/library/_ellipsis.scss",
"../scss/bourbon/bourbon/library/_font-face.scss",
"../scss/bourbon/bourbon/library/_font-stacks.scss",
"../scss/bourbon/bourbon/library/_hide-text.scss",
"../scss/bourbon/bourbon/library/_hide-visually.scss",
"../scss/bourbon/bourbon/library/_margin.scss",
"../scss/bourbon/bourbon/library/_modular-scale.scss",
"../scss/bourbon/bourbon/library/_padding.scss",
"../scss/bourbon/bourbon/library/_position.scss",
"../scss/bourbon/bourbon/library/_prefixer.scss",
"../scss/bourbon/bourbon/library/_shade.scss",
"../scss/bourbon/bourbon/library/_size.scss",
"../scss/bourbon/bourbon/library/_strip-unit.scss",
"../scss/bourbon/bourbon/library/_text-inputs.scss",
"../scss/bourbon/bourbon/library/_timing-functions.scss",
"../scss/bourbon/bourbon/library/_tint.scss",
"../scss/bourbon/bourbon/library/_triangle.scss",
"../scss/bourbon/bourbon/library/_value-prefixer.scss",
"../scss/bourbon/bourbon/library/_word-wrap.scss",
"../scss/utilities/_utilities.scss",
"../scss/utilities/_reset.scss",
"../scss/utilities/_mixins.scss",
"../scss/utilities/_controls.scss",
"../scss/utilities/_functions.scss",
"../scss/utilities/_variables.scss",
"../scss/base/_base.scss",
"../scss/base/_generic.scss",
"../scss/base/_classes.scss",
"../scss/base/_helpers.scss",
"../scss/elements/_elements.scss",
"../scss/elements/_animation.scss",
"../scss/elements/_box.scss",
"../scss/elements/_button.scss",
"../scss/elements/_form.scss",
"../scss/elements/_image.scss",
"../scss/elements/_notification.scss",
"../scss/elements/_table.scss",
"../scss/elements/_title.scss",
"../scss/components/_components.scss",
"../scss/components/_card.scss",
"../scss/components/_grid.scss",
"../scss/components/_menu.scss",
"../scss/components/_modal.scss",
"../scss/components/_pagination.scss",
"../scss/components/_tabs.scss",
"../scss/components/_message.scss",
"../scss/components/_report.scss",
"../scss/components/_progress.scss"
],
"sourcesContent": [
"@import \"bourbon/bourbon\";\n@import \"utilities/utilities\";\n@import \"base/base\";\n@import \"elements/elements\";\n@import \"components/components\";\n",
"// Bourbon 5.0.0-beta.6\n// http://bourbon.io\n// Copyright 2011 thoughtbot, inc.\n// MIT License\n\n@import \"bourbon/helpers/buttons-list\";\n@import \"bourbon/helpers/scales\";\n@import \"bourbon/helpers/text-inputs-list\";\n\n@import \"bourbon/settings/settings\";\n\n@import \"bourbon/validators/contains\";\n@import \"bourbon/validators/contains-falsy\";\n@import \"bourbon/validators/is-color\";\n@import \"bourbon/validators/is-length\";\n@import \"bourbon/validators/is-light\";\n@import \"bourbon/validators/is-number\";\n@import \"bourbon/validators/is-size\";\n\n@import \"bourbon/utilities/assign-inputs\";\n@import \"bourbon/utilities/collapse-directionals\";\n@import \"bourbon/utilities/directional-values\";\n@import \"bourbon/utilities/font-source-declaration\";\n@import \"bourbon/utilities/retrieve-bourbon-setting\";\n@import \"bourbon/utilities/unpack\";\n\n@import \"bourbon/library/border-color\";\n@import \"bourbon/library/border-radius\";\n@import \"bourbon/library/border-style\";\n@import \"bourbon/library/border-width\";\n@import \"bourbon/library/buttons\";\n@import \"bourbon/library/clearfix\";\n@import \"bourbon/library/contrast-switch\";\n@import \"bourbon/library/ellipsis\";\n@import \"bourbon/library/font-face\";\n@import \"bourbon/library/font-stacks\";\n@import \"bourbon/library/hide-text\";\n@import \"bourbon/library/hide-visually\";\n@import \"bourbon/library/margin\";\n@import \"bourbon/library/modular-scale\";\n@import \"bourbon/library/padding\";\n@import \"bourbon/library/position\";\n@import \"bourbon/library/prefixer\";\n@import \"bourbon/library/shade\";\n@import \"bourbon/library/size\";\n@import \"bourbon/library/strip-unit\";\n@import \"bourbon/library/text-inputs\";\n@import \"bourbon/library/timing-functions\";\n@import \"bourbon/library/tint\";\n@import \"bourbon/library/triangle\";\n@import \"bourbon/library/value-prefixer\";\n@import \"bourbon/library/word-wrap\";\n",
"@charset \"UTF-8\";\n\n/// A list of all HTML button elements.\n///\n/// @type list\n///\n/// @access private\n\n$_buttons-list: (\n \"button\",\n \"[type='button']\",\n \"[type='reset']\",\n \"[type='submit']\",\n);\n",
"@charset \"UTF-8\";\n\n////\n/// Pre-defined scales for use with the `modular-scale` function.\n///\n/// @type number (unitless)\n///\n/// @see {function} modular-scale\n////\n\n$minor-second: 1.067;\n$major-second: 1.125;\n$minor-third: 1.2;\n$major-third: 1.25;\n$perfect-fourth: 1.333;\n$augmented-fourth: 1.414;\n$perfect-fifth: 1.5;\n$minor-sixth: 1.6;\n$golden: 1.618;\n$major-sixth: 1.667;\n$minor-seventh: 1.778;\n$major-seventh: 1.875;\n$octave: 2;\n$major-tenth: 2.5;\n$major-eleventh: 2.667;\n$major-twelfth: 3;\n$double-octave: 4;\n",
"@charset \"UTF-8\";\n\n/// A list of all _text-based_ HTML inputs.\n///\n/// @type list\n///\n/// @access private\n\n$_text-inputs-list: (\n \"[type='color']\",\n \"[type='date']\",\n \"[type='datetime']\",\n \"[type='datetime-local']\",\n \"[type='email']\",\n \"[type='month']\",\n \"[type='number']\",\n \"[type='password']\",\n \"[type='search']\",\n \"[type='tel']\",\n \"[type='text']\",\n \"[type='time']\",\n \"[type='url']\",\n \"[type='week']\",\n \"input:not([type])\",\n \"textarea\",\n);\n",
"@charset \"UTF-8\";\n\n/// Default Bourbon configuration settings.\n///\n/// @type map\n///\n/// @property {color} contrast-switch-dark-color [#000]\n/// Global dark color for the `contrast-switch` function.\n///\n/// @property {color} contrast-switch-light-color [#fff]\n/// Global light color for the `contrast-switch` function.\n///\n/// @property {list} global-font-file-formats [(\"ttf\", \"woff2\", \"woff\")]\n/// Global font file formats for the `font-face` mixin.\n///\n/// @property {number (with unit)} modular-scale-base [1em]\n/// Global base value for the `modular-scale` function.\n///\n/// @property {number (unitless)} modular-scale-ratio [$major-third (1.25)]\n/// Global base ratio for the `modular-scale` function.\n///\n/// @property {boolean} rails-asset-pipeline [false]\n/// Enable or disable the `$asset-pipeline` variable for all functions that\n/// accept it.\n///\n/// @access private\n\n$_bourbon-defaults: (\n \"contrast-switch-dark-color\": #000,\n \"contrast-switch-light-color\": #fff,\n \"global-font-file-formats\": (\"ttf\", \"woff2\", \"woff\"),\n \"modular-scale-base\": 1em,\n \"modular-scale-ratio\": $major-third,\n \"rails-asset-pipeline\": false,\n);\n\n/// User overrides of Bourbon configuration settings.\n///\n/// @type map\n///\n/// @example scss\n/// $bourbon: (\n/// \"contrast-switch-dark-color\": #000,\n/// \"contrast-switch-light-color\": #fff,\n/// \"global-font-file-formats\": (\"ttf\", \"woff2\", \"woff\"),\n/// \"modular-scale-base\": 1em,\n/// \"modular-scale-ratio\": $major-third,\n/// \"rails-asset-pipeline\": false,\n/// );\n\n$bourbon: () !default;\n",
"@charset \"UTF-8\";\n\n/// Checks if a list contains a value(s).\n///\n/// @argument {list} $list\n/// The list to check against.\n///\n/// @argument {list} $values\n/// A single value or list of values to check for.\n///\n/// @return {boolean}\n///\n/// @access private\n\n@function _contains(\n $list,\n $values...\n ) {\n\n @each $value in $values {\n @if type-of(index($list, $value)) != \"number\" {\n @return false;\n }\n }\n\n @return true;\n}\n",
"@charset \"UTF-8\";\n\n/// Checks if a list does not contains a value.\n///\n/// @argument {list} $list\n/// The list to check against.\n///\n/// @return {boolean}\n///\n/// @access private\n\n@function _contains-falsy($list) {\n @each $item in $list {\n @if not $item {\n @return true;\n }\n }\n\n @return false;\n}\n",
"@charset \"UTF-8\";\n\n/// Checks for a valid CSS color.\n///\n/// @argument {string} $color\n///\n/// @return {boolean}\n///\n/// @access private\n\n@function _is-color($color) {\n @return (type-of($color) == color) or ($color == \"currentColor\");\n}\n",
"@charset \"UTF-8\";\n\n/// Checks for a valid CSS length.\n///\n/// @argument {string} $value\n///\n/// @return {boolean}\n///\n/// @access private\n\n@function _is-length($value) {\n @return type-of($value) != \"null\" and (str-slice($value + \"\", 1, 4) == \"calc\"\n or index(auto inherit initial 0, $value)\n or (type-of($value) == \"number\" and not(unitless($value))));\n}\n",
"@charset \"UTF-8\";\n\n/// Programatically determines whether a color is light or dark.\n///\n/// @link http://goo.gl/Dil4Y9\n///\n/// @argument {color (hex)} $hex-color\n///\n/// @return {boolean}\n///\n/// @example scss\n/// is-light($color)\n///\n/// @access private\n\n@function _is-light($hex-color) {\n $-local-red: red(rgba($hex-color, 1));\n $-local-green: green(rgba($hex-color, 1));\n $-local-blue: blue(rgba($hex-color, 1));\n $-local-lightness: ($-local-red * 0.2126 + $-local-green * 0.7152 + $-local-blue * 0.0722) / 255;\n\n @return $-local-lightness > 0.6;\n}\n",
"@charset \"UTF-8\";\n\n/// Checks for a valid number.\n///\n/// @argument {number} $value\n///\n/// @require {function} _contains\n///\n/// @return {boolean}\n///\n/// @access private\n\n@function _is-number($value) {\n @return _contains(\"0\" \"1\" \"2\" \"3\" \"4\" \"5\" \"6\" \"7\" \"8\" \"9\" 0 1 2 3 4 5 6 7 8 9, $value);\n}\n",
"@charset \"UTF-8\";\n\n/// Checks for a valid CSS size.\n///\n/// @argument {string} $value\n///\n/// @return {boolean}\n///\n/// @require {function} _contains\n///\n/// @require {function} _is-length\n///\n/// @access private\n\n@function _is-size($value) {\n @return _is-length($value)\n or _contains(\"fill\" \"fit-content\" \"min-content\" \"max-content\", $value);\n}\n",
"@charset \"UTF-8\";\n\n/// Append pseudo-classes to a selector(s).\n///\n/// @argument {list | string} $inputs\n/// A selector, or list of selectors, to apply the pseudo-class to.\n///\n/// @argument {pseudo-class} $pseudo [null]\n/// The pseudo-class to be appended.\n///\n/// @return {list}\n///\n/// @access private\n\n@function _assign-inputs(\n $inputs,\n $pseudo: null\n ) {\n\n $list: ();\n\n @each $input in $inputs {\n $input: unquote($input);\n $input: if($pseudo, $input + \":\" + $pseudo, $input);\n $list: append($list, $input, comma);\n }\n\n @return $list;\n}\n",
"@charset \"UTF-8\";\n\n// scss-lint:disable ElsePlacement\n\n/// Directional-property mixins are shorthands for writing properties like\n/// the following.\n///\n/// @ignore You can also use `false` instead of `null`.\n///\n/// @argument {list} $values\n/// List of directional values.\n///\n/// @example scss - Usage\n/// .element {\n/// @include border-style(dotted null);\n/// @include margin(null 0 10px);\n/// }\n///\n/// @example css - CSS Output\n/// .element {\n/// border-bottom-style: dotted;\n/// border-top-style: dotted;\n/// margin-bottom: 10px;\n/// margin-left: 0;\n/// margin-right: 0;\n/// }\n///\n/// @return {list}\n///\n/// @access private\n\n@function _collapse-directionals($values) {\n $output: null;\n\n $a: nth($values, 1);\n $b: if(length($values) < 2, $a, nth($values, 2));\n $c: if(length($values) < 3, $a, nth($values, 3));\n $d: if(length($values) < 2, $a, nth($values, if(length($values) < 4, 2, 4)));\n\n @if $a == 0 { $a: 0; }\n @if $b == 0 { $b: 0; }\n @if $c == 0 { $c: 0; }\n @if $d == 0 { $d: 0; }\n\n @if $a == $b and $a == $c and $a == $d { $output: $a; }\n @else if $a == $c and $b == $d { $output: $a $b; }\n @else if $b == $d { $output: $a $b $c; }\n @else { $output: $a $b $c $d; }\n\n @return $output;\n}\n",
"@charset \"UTF-8\";\n\n// scss-lint:disable SpaceAroundOperator\n\n/// Output directional properties, for instance `margin`.\n///\n/// @argument {string} $pre\n/// Prefix to use.\n///\n/// @argument {string} $suf\n/// Suffix to use.\n///\n/// @argument {list} $values\n/// List of values.\n///\n/// @require {function} _collapse-directionals\n///\n/// @require {function} _contains-falsy\n///\n/// @access private\n\n@mixin _directional-property(\n $pre,\n $suf,\n $values\n ) {\n\n $top: $pre + \"-top\" + if($suf, \"-#{$suf}\", \"\");\n $bottom: $pre + \"-bottom\" + if($suf, \"-#{$suf}\", \"\");\n $left: $pre + \"-left\" + if($suf, \"-#{$suf}\", \"\");\n $right: $pre + \"-right\" + if($suf, \"-#{$suf}\", \"\");\n $all: $pre + if($suf, \"-#{$suf}\", \"\");\n\n $values: _collapse-directionals($values);\n\n @if _contains-falsy($values) {\n @if nth($values, 1) { #{$top}: nth($values, 1); }\n\n @if length($values) == 1 {\n @if nth($values, 1) { #{$right}: nth($values, 1); }\n } @else {\n @if nth($values, 2) { #{$right}: nth($values, 2); }\n }\n\n @if length($values) == 2 {\n @if nth($values, 1) { #{$bottom}: nth($values, 1); }\n @if nth($values, 2) { #{$left}: nth($values, 2); }\n } @else if length($values) == 3 {\n @if nth($values, 3) { #{$bottom}: nth($values, 3); }\n @if nth($values, 2) { #{$left}: nth($values, 2); }\n } @else if length($values) == 4 {\n @if nth($values, 3) { #{$bottom}: nth($values, 3); }\n @if nth($values, 4) { #{$left}: nth($values, 4); }\n }\n } @else {\n #{$all}: $values;\n }\n}\n",
"@charset \"UTF-8\";\n\n/// Builds the `src` list for an `@font-face` declaration.\n///\n/// @link http://goo.gl/Ru1bKP\n///\n/// @argument {string} $font-family\n///\n/// @argument {string} $file-path\n///\n/// @argument {boolean} $asset-pipeline\n///\n/// @argument {list} $file-formats\n///\n/// @return {list}\n///\n/// @require {function} _contains\n///\n/// @access private\n\n@function _font-source-declaration(\n $font-family,\n $file-path,\n $asset-pipeline,\n $file-formats\n ) {\n\n $src: ();\n\n $formats-map: (\n eot: \"#{$file-path}.eot?#iefix\" format(\"embedded-opentype\"),\n woff2: \"#{$file-path}.woff2\" format(\"woff2\"),\n woff: \"#{$file-path}.woff\" format(\"woff\"),\n ttf: \"#{$file-path}.ttf\" format(\"truetype\"),\n svg: \"#{$file-path}.svg##{$font-family}\" format(\"svg\"),\n );\n\n @each $key, $values in $formats-map {\n @if _contains($file-formats, $key) {\n $file-path: nth($values, 1);\n $font-format: nth($values, 2);\n\n @if $asset-pipeline == true {\n $src: append($src, font-url($file-path) $font-format, comma);\n } @else {\n $src: append($src, url($file-path) $font-format, comma);\n }\n }\n }\n\n @return $src;\n}\n",
"@charset \"UTF-8\";\n\n/// Return a Bourbon setting.\n///\n/// @argument {string} $setting\n///\n/// @return {boolean | color | list | number | string}\n///\n/// @example scss\n/// _retrieve-bourbon-setting(rails-asset-pipeline)\n///\n/// @access private\n\n@function _retrieve-bourbon-setting($setting) {\n @return map-get(map-merge($_bourbon-defaults, $bourbon), $setting);\n}\n",
"@charset \"UTF-8\";\n\n/// Converts shorthand to the 4-value syntax.\n///\n/// @argument {list} $shorthand\n///\n/// @example scss\n/// .element {\n/// margin: _unpack(1em 2em);\n/// }\n///\n/// @example css\n/// .element {\n/// margin: 1em 2em 1em 2em;\n/// }\n///\n/// @access private\n\n@function _unpack($shorthand) {\n @if length($shorthand) == 1 {\n @return nth($shorthand, 1) nth($shorthand, 1) nth($shorthand, 1) nth($shorthand, 1);\n } @else if length($shorthand) == 2 {\n @return nth($shorthand, 1) nth($shorthand, 2) nth($shorthand, 1) nth($shorthand, 2);\n } @else if length($shorthand) == 3 {\n @return nth($shorthand, 1) nth($shorthand, 2) nth($shorthand, 3) nth($shorthand, 2);\n } @else {\n @return $shorthand;\n }\n}\n",
"@charset \"UTF-8\";\n\n/// Provides a quick method for targeting `border-color` on specific sides of a\n/// box. Use a `null` value to “skip” a side.\n///\n/// @argument {arglist} $values\n/// List of colors, defined as CSS shorthand.\n///\n/// @example scss\n/// .element {\n/// @include border-color(#a60b55 #76cd9c null #e8ae1a);\n/// }\n///\n/// @example css\n/// .element {\n/// border-left-color: #e8ae1a;\n/// border-right-color: #76cd9c;\n/// border-top-color: #a60b55;\n/// }\n///\n/// @require {mixin} _directional-property\n\n@mixin border-color($values...) {\n @include _directional-property(border, color, $values...);\n}\n",
"@charset \"UTF-8\";\n\n/// Provides a shorthand syntax to add `border-radius` to both the top-left and\n/// top-right of an element.\n///\n/// @argument {number (with unit)} $radii\n///\n/// @example scss\n/// .element {\n/// @include border-top-radius(4px);\n/// }\n///\n/// @example css\n/// .element {\n/// border-top-left-radius: 4px;\n/// border-top-right-radius: 4px;\n/// }\n\n@mixin border-top-radius($radii) {\n border-top-left-radius: $radii;\n border-top-right-radius: $radii;\n}\n\n/// Provides a shorthand syntax to add `border-radius` to both the top-right and\n/// bottom-right of an element.\n///\n/// @argument {number (with unit)} $radii\n///\n/// @example scss\n/// .element {\n/// @include border-right-radius(3px);\n/// }\n///\n/// @example css\n/// .element {\n/// border-bottom-right-radius: 3px;\n/// border-top-right-radius: 3px;\n/// }\n\n@mixin border-right-radius($radii) {\n border-bottom-right-radius: $radii;\n border-top-right-radius: $radii;\n}\n\n/// Provides a shorthand syntax to add `border-radius` to both the bottom-left\n/// and bottom-right of an element.\n///\n/// @argument {number (with unit)} $radii\n///\n/// @example scss\n/// .element {\n/// @include border-bottom-radius(2px);\n/// }\n///\n/// @example css\n/// .element {\n/// border-bottom-left-radius: 2px;\n/// border-bottom-right-radius: 2px;\n/// }\n\n@mixin border-bottom-radius($radii) {\n border-bottom-left-radius: $radii;\n border-bottom-right-radius: $radii;\n}\n\n/// Provides a shorthand syntax to add `border-radius` to both the top-left\n/// and bottom-left of an element.\n///\n/// @argument {number (with unit)} $radii\n///\n/// @example scss\n/// .element {\n/// @include border-left-radius(1px);\n/// }\n///\n/// @example css\n/// .element {\n/// border-bottom-left-radius: 1px;\n/// border-top-left-radius: 1px;\n/// }\n\n@mixin border-left-radius($radii) {\n border-bottom-left-radius: $radii;\n border-top-left-radius: $radii;\n}\n",
"@charset \"UTF-8\";\n\n/// Provides a quick method for targeting `border-style` on specific sides of a\n/// box. Use a `null` value to “skip” a side.\n///\n/// @argument {arglist} $values\n/// List of border styles, defined as CSS shorthand.\n///\n/// @example scss\n/// .element {\n/// @include border-style(dashed null solid);\n/// }\n///\n/// @example css\n/// .element {\n/// border-bottom-style: solid;\n/// border-top-style: dashed;\n/// }\n///\n/// @require {mixin} _directional-property\n\n@mixin border-style($values...) {\n @include _directional-property(border, style, $values...);\n}\n",
"@charset \"UTF-8\";\n\n/// Provides a quick method for targeting `border-width` on specific sides of a\n/// box. Use a `null` value to “skip” a side.\n///\n/// @argument {arglist} $values\n/// List of border widths, defined as CSS shorthand.\n///\n/// @example scss\n/// .element {\n/// @include border-width(1em null 20px);\n/// }\n///\n/// @example css\n/// .element {\n/// border-bottom-width: 20px;\n/// border-top-width: 1em;\n/// }\n///\n/// @require {mixin} _directional-property\n\n@mixin border-width($values...) {\n @include _directional-property(border, width, $values...);\n}\n",
"@charset \"UTF-8\";\n\n////\n/// @type list\n///\n/// @require {function} _assign-inputs\n///\n/// @require {variable} $_buttons-list\n////\n\n/// A list of all HTML button elements. Please note that you must interpolate\n/// the variable (`#{}`) to use it as a selector.\n///\n/// @example scss\n/// #{$all-buttons} {\n/// background-color: #f00;\n/// }\n///\n/// @example css\n/// button,\n/// [type='button'],\n/// [type='reset'],\n/// [type='submit'] {\n/// background-color: #f00;\n/// }\n\n$all-buttons: _assign-inputs($_buttons-list);\n\n/// A list of all HTML button elements with the `:active` pseudo-class applied.\n/// Please note that you must interpolate the variable (`#{}`) to use it as a\n/// selector.\n///\n/// @example scss\n/// #{$all-buttons-active} {\n/// background-color: #00f;\n/// }\n///\n/// @example css\n/// button:active,\n/// [type='button']:active,\n/// [type='reset']:active,\n/// [type='submit']:active {\n/// background-color: #00f;\n/// }\n\n$all-buttons-active: _assign-inputs($_buttons-list, active);\n\n/// A list of all HTML button elements with the `:focus` pseudo-class applied.\n/// Please note that you must interpolate the variable (`#{}`) to use it as a\n/// selector.\n///\n/// @example scss\n/// #{$all-buttons-focus} {\n/// background-color: #0f0;\n/// }\n///\n/// @example css\n/// button:focus,\n/// [type='button']:focus,\n/// [type='reset']:focus,\n/// [type='submit']:focus {\n/// background-color: #0f0;\n/// }\n\n$all-buttons-focus: _assign-inputs($_buttons-list, focus);\n\n/// A list of all HTML button elements with the `:hover` pseudo-class applied.\n/// Please note that you must interpolate the variable (`#{}`) to use it as a\n/// selector.\n///\n/// @example scss\n/// #{$all-buttons-hover} {\n/// background-color: #0f0;\n/// }\n///\n/// @example css\n/// button:hover,\n/// [type='button']:hover,\n/// [type='reset']:hover,\n/// [type='submit']:hover {\n/// background-color: #0f0;\n/// }\n\n$all-buttons-hover: _assign-inputs($_buttons-list, hover);\n",
"@charset \"UTF-8\";\n\n/// Provides an easy way to include a clearfix for containing floats.\n///\n/// @link http://goo.gl/yP5hiZ\n///\n/// @example scss\n/// .element {\n/// @include clearfix;\n/// }\n///\n/// @example css\n/// .element::after {\n/// clear: both;\n/// content: \"\";\n/// display: block;\n/// }\n\n@mixin clearfix {\n &::after {\n clear: both;\n content: \"\";\n display: block;\n }\n}\n",
"@charset \"UTF-8\";\n\n/// Switches between two colors based on the lightness of a another color. Great\n/// for building button styles.\n///\n/// @argument {color} $base-color\n/// The color to evaluate lightness against.\n///\n/// @argument {color} $dark-color [#000]\n/// The color to be output when `$base-color` is light.\n///\n/// @argument {color} $light-color [#fff]\n/// The color to be output when `$base-color` is dark.\n///\n/// @return {color}\n///\n/// @example scss\n/// .first-element {\n/// color: contrast-switch(#bae6e6);\n/// }\n///\n/// .second-element {\n/// $button-color: #2d72d9;\n/// background-color: $button-color;\n/// color: contrast-switch($button-color, #222, #eee);\n/// }\n///\n/// @example css\n/// .first-element {\n/// color: #000;\n/// }\n///\n/// .second-element {\n/// background-color: #2d72d9;\n/// color: #eee;\n/// }\n///\n/// @require {function} _is-light\n///\n/// @since 5.0.0\n\n@function contrast-switch(\n $base-color,\n $dark-color: _retrieve-bourbon-setting(\"contrast-switch-dark-color\"),\n $light-color: _retrieve-bourbon-setting(\"contrast-switch-light-color\")\n ) {\n\n @if not _is-color($base-color) {\n @error \"`#{$base-color}` is not a valid color for the `$base-color` \" +\n \"argument in the `contrast-switch` function.\";\n } @else if not _is-color($dark-color) {\n @error \"`#{$dark-color}` is not a valid color for the `$dark-color` \" +\n \"argument in the `contrast-switch` function.\";\n } @else if not _is-color($light-color) {\n @error \"`#{$light-color}` is not a valid color for the `$light-color` \" +\n \"argument in the `contrast-switch` function.\";\n } @else {\n @return if(_is-light($base-color), $dark-color, $light-color);\n }\n}\n",
"@charset \"UTF-8\";\n\n/// Truncates text and adds an ellipsis to represent overflow.\n///\n/// @argument {number} $width [100%]\n/// The `max-width` for the string to respect before being truncated.\n///\n/// @argument {string} $display [inline-block]\n/// Sets the display-value of the element.\n///\n/// @example scss\n/// .element {\n/// @include ellipsis;\n/// }\n///\n/// @example css\n/// .element {\n/// display: inline-block;\n/// max-width: 100%;\n/// overflow: hidden;\n/// text-overflow: ellipsis;\n/// white-space: nowrap;\n/// word-wrap: normal;\n/// }\n\n@mixin ellipsis(\n $width: 100%,\n $display: inline-block\n ) {\n\n display: $display;\n max-width: $width;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n word-wrap: normal;\n}\n",
"@charset \"UTF-8\";\n\n/// Generates an `@font-face` declaration. You can choose the specific file\n/// formats you need to output; the mixin supports `eot`, `ttf`, `svg`, `woff2`\n/// and `woff`. The mixin also supports usage with the Rails Asset Pipeline,\n/// which you can enable per use, or globally in the `$bourbon()` settings.\n///\n/// @argument {string} $font-family\n///\n/// @argument {string} $file-path\n///\n/// @argument {string} $asset-pipeline [false]\n/// Set to `true` if you’re using the Rails Asset Pipeline (place the fonts\n/// in `app/assets/fonts/`).\n///\n/// @argument {string | list} $file-formats [(\"ttf\", \"woff2\", \"woff\")]\n/// Pass a list of file formats to support,\n/// for example (\"eot\", \"ttf\", \"svg\", \"woff2\", \"woff\").\n///\n/// @content\n/// Any additional CSS properties that are included in the `@include`\n/// directive will be output within the `@font-face` declaration, e.g. you can\n/// pass in `font-weight`, `font-style` and/or `unicode-range`.\n///\n/// @example scss\n/// @include font-face(\n/// \"source-sans-pro\",\n/// \"fonts/source-sans-pro-regular\",\n/// (\"woff2\", \"woff\")\n/// ) {\n/// font-style: normal;\n/// font-weight: 400;\n/// }\n///\n/// @example css\n/// @font-face {\n/// font-family: \"source-sans-pro\";\n/// src: url(\"fonts/source-sans-pro-regular.woff2\") format(\"woff2\"),\n/// url(\"fonts/source-sans-pro-regular.woff\") format(\"woff\");\n/// font-style: normal;\n/// font-weight: 400;\n/// }\n///\n/// @require {function} _font-source-declaration\n///\n/// @require {function} _retrieve-bourbon-setting\n\n@mixin font-face(\n $font-family,\n $file-path,\n $file-formats: _retrieve-bourbon-setting(\"global-font-file-formats\"),\n $asset-pipeline: _retrieve-bourbon-setting(\"rails-asset-pipeline\")\n ) {\n\n @font-face {\n font-family: $font-family;\n src: _font-source-declaration(\n $font-family,\n $file-path,\n $asset-pipeline,\n $file-formats\n );\n @content;\n }\n}\n",
"@charset \"UTF-8\";\n\n////\n/// @type list\n///\n/// @link goo.gl/Cxb26i\n////\n\n$font-stack-helvetica: (\n \"Helvetica Neue\",\n \"Helvetica\",\n \"Arial\",\n sans-serif,\n);\n\n$font-stack-lucida-grande: (\n \"Lucida Grande\",\n \"Lucida Sans Unicode\",\n \"Geneva\",\n \"Verdana\",\n sans-serif,\n);\n\n$font-stack-verdana: (\n \"Verdana\",\n \"Geneva\",\n sans-serif,\n);\n\n$font-stack-system: (\n -apple-system,\n BlinkMacSystemFont,\n \"Segoe UI\",\n \"Roboto\",\n \"Oxygen\",\n \"Ubuntu\",\n \"Cantarell\",\n \"Fira Sans\",\n \"Droid Sans\",\n \"Helvetica Neue\",\n sans-serif,\n);\n\n$font-stack-garamond: (\n \"Garamond\",\n \"Baskerville\",\n \"Baskerville Old Face\",\n \"Hoefler Text\",\n \"Times New Roman\",\n serif,\n);\n\n$font-stack-georgia: (\n \"Georgia\",\n \"Times\",\n \"Times New Roman\",\n serif,\n);\n\n$font-stack-hoefler-text: (\n \"Hoefler Text\",\n \"Baskerville Old Face\",\n \"Garamond\",\n \"Times New Roman\",\n serif,\n);\n\n$font-stack-consolas: (\n \"Consolas\",\n \"monaco\",\n monospace,\n);\n\n$font-stack-courier-new: (\n \"Courier New\",\n \"Courier\",\n \"Lucida Sans Typewriter\",\n \"Lucida Typewriter\",\n monospace,\n);\n\n$font-stack-monaco: (\n \"monaco\",\n \"Consolas\",\n \"Lucida Console\",\n monospace,\n);\n",
"@charset \"UTF-8\";\n\n/// Hides the text in an element, commonly used to show an image instead. Some\n/// elements will need block-level styles applied.\n///\n/// @link http://goo.gl/EvLRIu\n///\n/// @example scss\n/// .element {\n/// @include hide-text;\n/// }\n///\n/// @example css\n/// .element {\n/// overflow: hidden;\n/// text-indent: 101%;\n/// white-space: nowrap;\n/// }\n\n@mixin hide-text {\n overflow: hidden;\n text-indent: 101%;\n white-space: nowrap;\n}\n",
"@charset \"UTF-8\";\n\n/// Hides an element visually while still allowing the content to be accessible\n/// to assistive technology, e.g. screen readers. Passing `unhide` will reverse\n/// the affects of the hiding, which is handy for showing the element on focus,\n/// for example.\n///\n/// @link http://goo.gl/Vf1TGn\n///\n/// @argument {string} $toggle [hide]\n/// Accepts `hide` or `unhide`. `unhide` reverses the affects of `hide`.\n///\n/// @example scss\n/// .element {\n/// @include hide-visually;\n///\n/// &:active,\n/// &:focus {\n/// @include hide-visually(unhide);\n/// }\n/// }\n///\n/// @example css\n/// .element {\n/// border: 0;\n/// clip: rect(1px, 1px, 1px, 1px);\n/// clip-path: circle(1% at 1% 1%);\n/// height: 1px;\n/// overflow: hidden;\n/// padding: 0;\n/// position: absolute;\n/// width: 1px;\n/// }\n///\n/// .hide-visually:active,\n/// .hide-visually:focus {\n/// clip: auto;\n/// clip-path: none;\n/// height: auto;\n/// overflow: visible;\n/// position: static;\n/// width: auto;\n/// }\n///\n/// @since 5.0.0\n\n@mixin hide-visually($toggle: hide) {\n @if $toggle == \"hide\" {\n border: 0;\n clip: rect(1px, 1px, 1px, 1px);\n clip-path: circle(1% at 1% 1%);\n height: 1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n } @else if $toggle == \"unhide\" {\n clip: auto;\n clip-path: none;\n height: auto;\n overflow: visible;\n position: static;\n width: auto;\n }\n}\n",
"@charset \"UTF-8\";\n\n/// Provides a quick method for targeting `margin` on specific sides of a\n/// box. Use a `null` value to “skip” a side.\n///\n/// @argument {arglist} $values\n/// List of margin values, defined as CSS shorthand.\n///\n/// @example scss\n/// .element-one {\n/// @include margin(null auto);\n/// }\n///\n/// .element-two {\n/// @include margin(10px 3em 20vh null);\n/// }\n///\n/// @example css\n/// .element-one {\n/// margin-left: auto;\n/// margin-right: auto;\n/// }\n///\n/// .element-two {\n/// margin-bottom: 20vh;\n/// margin-right: 3em;\n/// margin-top: 10px;\n/// }\n///\n/// @require {mixin} _directional-property\n\n@mixin margin($values...) {\n @include _directional-property(margin, false, $values...);\n}\n",
"@charset \"UTF-8\";\n\n/// Increments up or down a defined scale and returns an adjusted value. This\n/// helps establish consistent measurements and spacial relationships throughout\n/// your project. We provide a list of commonly used scales as\n/// [pre-defined variables][scales].\n///\n/// [scales]: https://github.com/thoughtbot/bourbon/blob/master/core/bourbon/settings/_scales.scss\n///\n/// @argument {number (unitless)} $increment\n/// How many steps to increment up or down the scale.\n///\n/// @argument {number (with unit) | list} $value [1em]\n/// The base value the scale starts at.\n///\n/// @argument {number (unitless)} $ratio [1.25]\n/// The ratio the scale is built on.\n///\n/// @return {number (with unit)}\n///\n/// @example scss\n/// .first-element {\n/// font-size: modular-scale(2);\n/// }\n///\n/// .second-element {\n/// margin-right: modular-scale(3, 2em);\n/// }\n///\n/// .third-element {\n/// font-size: modular-scale(3, 1em 1.6em, $major-seventh);\n/// }\n///\n/// // Globally change the base ratio\n/// $bourbon: (\n/// \"modular-scale-ratio\": 1.2,\n/// );\n///\n/// .fourth-element {\n/// font-size: modular-scale(3);\n/// }\n///\n/// @example css\n/// .first-element {\n/// font-size: 1.5625em;\n/// }\n///\n/// .second-element {\n/// margin-right: 3.90625em;\n/// }\n///\n/// .third-element {\n/// font-size: 3em;\n/// }\n///\n/// .fourth-element {\n/// font-size: 1.728em;\n/// }\n///\n/// @require {function} _retrieve-bourbon-setting\n\n@function modular-scale(\n $increment,\n $value: _retrieve-bourbon-setting(\"modular-scale-base\"),\n $ratio: _retrieve-bourbon-setting(\"modular-scale-ratio\")\n ) {\n\n $v1: nth($value, 1);\n $v2: nth($value, length($value));\n $value: $v1;\n\n // scale $v2 to just above $v1\n @while $v2 > $v1 {\n $v2: ($v2 / $ratio); // will be off-by-1\n }\n @while $v2 < $v1 {\n $v2: ($v2 * $ratio); // will fix off-by-1\n }\n\n // check AFTER scaling $v2 to prevent double-counting corner-case\n $double-stranded: $v2 > $v1;\n\n @if $increment > 0 {\n @for $i from 1 through $increment {\n @if $double-stranded and ($v1 * $ratio) > $v2 {\n $value: $v2;\n $v2: ($v2 * $ratio);\n } @else {\n $v1: ($v1 * $ratio);\n $value: $v1;\n }\n }\n }\n\n @if $increment < 0 {\n // adjust $v2 to just below $v1\n @if $double-stranded {\n $v2: ($v2 / $ratio);\n }\n\n @for $i from $increment through -1 {\n @if $double-stranded and ($v1 / $ratio) < $v2 {\n $value: $v2;\n $v2: ($v2 / $ratio);\n } @else {\n $v1: ($v1 / $ratio);\n $value: $v1;\n }\n }\n }\n\n @return $value;\n}\n",
"@charset \"UTF-8\";\n\n/// Provides a quick method for targeting `padding` on specific sides of a\n/// box. Use a `null` value to “skip” a side.\n///\n/// @argument {arglist} $values\n/// List of padding values, defined as CSS shorthand.\n///\n/// @example scss\n/// .element-one {\n/// @include padding(null 1rem);\n/// }\n///\n/// .element-two {\n/// @include padding(10vh null 10px 5%);\n/// }\n///\n/// @example css\n/// .element-one {\n/// padding-left: 1rem;\n/// padding-right: 1rem;\n/// }\n///\n/// .element-two {\n/// padding-bottom: 10px;\n/// padding-left: 5%;\n/// padding-top: 10vh;\n/// }\n///\n/// @require {mixin} _directional-property\n\n@mixin padding($values...) {\n @include _directional-property(padding, false, $values...);\n}\n",
"@charset \"UTF-8\";\n\n/// Provides a quick method for setting an element’s position. Use a `null`\n/// value to “skip” a side.\n///\n/// @argument {string} $position [relative]\n/// A CSS position value.\n///\n/// @argument {arglist} $coordinates [null]\n/// List of lengths, defined as CSS shorthand.\n///\n/// @example scss\n/// .element {\n/// @include position(absolute, 0 null null 10em);\n/// }\n///\n/// @example css\n/// .element {\n/// left: 10em;\n/// position: absolute;\n/// top: 0;\n/// }\n///\n/// @require {function} _is-length\n///\n/// @require {function} _unpack\n\n@mixin position(\n $position: relative,\n $coordinates: null\n ) {\n\n @if type-of($position) == list {\n $coordinates: $position;\n $position: relative;\n }\n\n $coordinates: _unpack($coordinates);\n\n $offsets: (\n top: nth($coordinates, 1),\n right: nth($coordinates, 2),\n bottom: nth($coordinates, 3),\n left: nth($coordinates, 4),\n );\n\n position: $position;\n\n @each $offset, $value in $offsets {\n @if _is-length($value) {\n #{$offset}: $value;\n }\n }\n}\n",
"@charset \"UTF-8\";\n\n/// Generates vendor prefixes.\n///\n/// @argument {string} $property\n/// Property to prefix.\n///\n/// @argument {string} $value\n/// Value to use.\n///\n/// @argument {list} $prefixes\n/// Vendor prefixes to output.\n///\n/// @example scss\n/// .element {\n/// @include prefixer(appearance, none, (\"webkit\", \"moz\"));\n/// }\n///\n/// @example css\n/// .element {\n/// -webkit-appearance: none;\n/// -moz-appearance: none;\n/// appearance: none;\n/// }\n///\n/// @author Hugo Giraudel\n\n@mixin prefixer(\n $property,\n $value,\n $prefixes: ()\n ) {\n\n @each $prefix in $prefixes {\n #{\"-\" + $prefix + \"-\" + $property}: $value;\n }\n #{$property}: $value;\n}\n",
"@charset \"UTF-8\";\n\n/// Mixes a color with black.\n///\n/// @argument {color} $color\n///\n/// @argument {number (percentage)} $percent\n/// The amount of black to be mixed in.\n///\n/// @return {color}\n///\n/// @example scss\n/// .element {\n/// background-color: shade(#ffbb52, 60%);\n/// }\n///\n/// @example css\n/// .element {\n/// background-color: #664a20;\n/// }\n\n@function shade(\n $color,\n $percent\n ) {\n\n @if not _is-color($color) {\n @error \"`#{$color}` is not a valid color for the `$color` argument in \" +\n \"the `shade` mixin.\";\n } @else {\n @return mix(#000, $color, $percent);\n }\n}\n",
"@charset \"UTF-8\";\n\n/// Sets the `width` and `height` of the element in one statement.\n///\n/// @argument {number (with unit) | string} $width\n///\n/// @argument {number (with unit) | string} $height [$width]\n///\n/// @example scss\n/// .first-element {\n/// @include size(2em);\n/// }\n///\n/// .second-element {\n/// @include size(auto, 10em);\n/// }\n///\n/// @example css\n/// .first-element {\n/// width: 2em;\n/// height: 2em;\n/// }\n///\n/// .second-element {\n/// width: auto;\n/// height: 10em;\n/// }\n///\n/// @require {function} _is-size\n\n@mixin size(\n $width,\n $height: $width\n ) {\n\n @if _is-size($height) {\n height: $height;\n } @else {\n @error \"`#{$height}` is not a valid length for the `$height` argument \" +\n \"in the `size` mixin.\";\n }\n\n @if _is-size($width) {\n width: $width;\n } @else {\n @error \"`#{$width}` is not a valid length for the `$width` argument \" +\n \"in the `size` mixin.\";\n }\n}\n",
"@charset \"UTF-8\";\n\n/// Strips the unit from a number.\n///\n/// @argument {number} $value\n///\n/// @return {number (unitless)}\n///\n/// @example scss\n/// $dimension: strip-unit(10em);\n///\n/// @example css\n/// $dimension: 10;\n\n@function strip-unit($value) {\n @return ($value / ($value * 0 + 1));\n}\n",
"@charset \"UTF-8\";\n\n////\n/// @type list\n///\n/// @require {function} _assign-inputs\n///\n/// @require {variable} $_text-inputs-list\n////\n\n/// A list of all _text-based_ HTML inputs. Please note that you must\n/// interpolate the variable (`#{}`) to use it as a selector.\n///\n/// @example scss\n/// #{$all-text-inputs} {\n/// border: 1px solid #ccc;\n/// }\n///\n/// @example css\n/// [type='color'],\n/// [type='date'],\n/// [type='datetime'],\n/// [type='datetime-local'],\n/// [type='email'],\n/// [type='month'],\n/// [type='number'],\n/// [type='password'],\n/// [type='search'],\n/// [type='tel'],\n/// [type='text'],\n/// [type='time'],\n/// [type='url'],\n/// [type='week'],\n/// input:not([type]),\n/// textarea {\n/// border: 1px solid #ccc;\n/// }\n\n$all-text-inputs: _assign-inputs($_text-inputs-list);\n\n/// A list of all _text-based_ HTML inputs with the `:active` pseudo-class\n/// applied. Please note that you must interpolate the variable (`#{}`) to use\n/// it as a selector.\n///\n/// @example scss\n/// #{$all-text-inputs-active} {\n/// border: 1px solid #aaa;\n/// }\n///\n/// @example css\n/// [type='color']:active,\n/// [type='date']:active,\n/// [type='datetime']:active,\n/// [type='datetime-local']:active,\n/// [type='email']:active,\n/// [type='month']:active,\n/// [type='number']:active,\n/// [type='password']:active,\n/// [type='search']:active,\n/// [type='tel']:active,\n/// [type='text']:active,\n/// [type='time']:active,\n/// [type='url']:active,\n/// [type='week']:active,\n/// input:not([type]):active,\n/// textarea:active {\n/// border: 1px solid #aaa;\n/// }\n\n$all-text-inputs-active: _assign-inputs($_text-inputs-list, active);\n\n/// A list of all _text-based_ HTML inputs with the `:focus` pseudo-class\n/// applied. Please note that you must interpolate the variable (`#{}`) to use\n/// it as a selector.\n///\n/// @example scss\n/// #{$all-text-inputs-focus} {\n/// border: 1px solid #1565c0;\n/// }\n///\n/// @example css\n/// [type='color']:focus,\n/// [type='date']:focus,\n/// [type='datetime']:focus,\n/// [type='datetime-local']:focus,\n/// [type='email']:focus,\n/// [type='month']:focus,\n/// [type='number']:focus,\n/// [type='password']:focus,\n/// [type='search']:focus,\n/// [type='tel']:focus,\n/// [type='text']:focus,\n/// [type='time']:focus,\n/// [type='url']:focus,\n/// [type='week']:focus,\n/// input:not([type]):focus,\n/// textarea:focus {\n/// border: 1px solid #1565c0;\n/// }\n\n$all-text-inputs-focus: _assign-inputs($_text-inputs-list, focus);\n\n/// A list of all _text-based_ HTML inputs with the `:hover` pseudo-class\n/// applied. Please note that you must interpolate the variable (`#{}`) to use\n/// it as a selector.\n///\n/// @example scss\n/// #{$all-text-inputs-hover} {\n/// border: 1px solid #aaa;\n/// }\n///\n/// @example css\n/// [type='color']:hover,\n/// [type='date']:hover,\n/// [type='datetime']:hover,\n/// [type='datetime-local']:hover,\n/// [type='email']:hover,\n/// [type='month']:hover,\n/// [type='number']:hover,\n/// [type='password']:hover,\n/// [type='search']:hover,\n/// [type='tel']:hover,\n/// [type='text']:hover,\n/// [type='time']:hover,\n/// [type='url']:hover,\n/// [type='week']:hover,\n/// input:not([type]):hover,\n/// textarea:hover {\n/// border: 1px solid #aaa;\n/// }\n\n$all-text-inputs-hover: _assign-inputs($_text-inputs-list, hover);\n\n/// A list of all _text-based_ HTML inputs with the `:invalid` pseudo-class\n/// applied. Please note that you must interpolate the variable (`#{}`) to use\n/// it as a selector.\n///\n/// @example scss\n/// #{$all-text-inputs-invalid} {\n/// border: 1px solid #00f;\n/// }\n///\n/// @example css\n/// [type='color']:invalid,\n/// [type='date']:invalid,\n/// [type='datetime']:invalid,\n/// [type='datetime-local']:invalid,\n/// [type='email']:invalid,\n/// [type='month']:invalid,\n/// [type='number']:invalid,\n/// [type='password']:invalid,\n/// [type='search']:invalid,\n/// [type='tel']:invalid,\n/// [type='text']:invalid,\n/// [type='time']:invalid,\n/// [type='url']:invalid,\n/// [type='week']:invalid,\n/// input:not([type]):invalid,\n/// textarea:invalid {\n/// border: 1px solid #00f;\n/// }\n\n$all-text-inputs-invalid: _assign-inputs($_text-inputs-list, invalid);\n",
"@charset \"UTF-8\";\n\n// scss-lint:disable SpaceAfterComma, UnnecessaryMantissa, TrailingZero\n\n////\n/// CSS cubic-bezier timing functions.\n///\n/// @link http://goo.gl/p8u6SK\n///\n/// @type string\n////\n\n$ease-in-quad: cubic-bezier(0.550, 0.085, 0.680, 0.530);\n$ease-in-cubic: cubic-bezier(0.550, 0.055, 0.675, 0.190);\n$ease-in-quart: cubic-bezier(0.895, 0.030, 0.685, 0.220);\n$ease-in-quint: cubic-bezier(0.755, 0.050, 0.855, 0.060);\n$ease-in-sine: cubic-bezier(0.470, 0.000, 0.745, 0.715);\n$ease-in-expo: cubic-bezier(0.950, 0.050, 0.795, 0.035);\n$ease-in-circ: cubic-bezier(0.600, 0.040, 0.980, 0.335);\n$ease-in-back: cubic-bezier(0.600, -0.280, 0.735, 0.045);\n\n$ease-out-quad: cubic-bezier(0.250, 0.460, 0.450, 0.940);\n$ease-out-cubic: cubic-bezier(0.215, 0.610, 0.355, 1.000);\n$ease-out-quart: cubic-bezier(0.165, 0.840, 0.440, 1.000);\n$ease-out-quint: cubic-bezier(0.230, 1.000, 0.320, 1.000);\n$ease-out-sine: cubic-bezier(0.390, 0.575, 0.565, 1.000);\n$ease-out-expo: cubic-bezier(0.190, 1.000, 0.220, 1.000);\n$ease-out-circ: cubic-bezier(0.075, 0.820, 0.165, 1.000);\n$ease-out-back: cubic-bezier(0.175, 0.885, 0.320, 1.275);\n\n$ease-in-out-quad: cubic-bezier(0.455, 0.030, 0.515, 0.955);\n$ease-in-out-cubic: cubic-bezier(0.645, 0.045, 0.355, 1.000);\n$ease-in-out-quart: cubic-bezier(0.770, 0.000, 0.175, 1.000);\n$ease-in-out-quint: cubic-bezier(0.860, 0.000, 0.070, 1.000);\n$ease-in-out-sine: cubic-bezier(0.445, 0.050, 0.550, 0.950);\n$ease-in-out-expo: cubic-bezier(1.000, 0.000, 0.000, 1.000);\n$ease-in-out-circ: cubic-bezier(0.785, 0.135, 0.150, 0.860);\n$ease-in-out-back: cubic-bezier(0.680, -0.550, 0.265, 1.550);\n",
"@charset \"UTF-8\";\n\n/// Mixes a color with white.\n///\n/// @argument {color} $color\n///\n/// @argument {number (percentage)} $percent\n/// The amount of white to be mixed in.\n///\n/// @return {color}\n///\n/// @example scss\n/// .element {\n/// background-color: tint(#6ecaa6, 40%);\n/// }\n///\n/// @example css\n/// .element {\n/// background-color: #a8dfc9;\n/// }\n\n@function tint(\n $color,\n $percent\n ) {\n\n @if not _is-color($color) {\n @error \"`#{$color}` is not a valid color for the `$color` argument in \" +\n \"the `tint` mixin.\";\n } @else {\n @return mix(#fff, $color, $percent);\n }\n}\n",
"@charset \"UTF-8\";\n\n/// Generates a triangle pointing in a specified direction.\n///\n/// @argument {string} $direction [up]\n/// The direction the triangle should point. Accepts `up`, `up-right`,\n/// `right`, `down-right`, `down`, `down-left`, `left` or `up-left`.\n///\n/// @argument {color} $color [currentColor]\n/// Color of the triangle.\n///\n/// @argument {number (with unit)} $width [1rem]\n/// Width of the triangle.\n///\n/// @argument {number (with unit)} $height [($width / 2)]\n/// Height of the triangle.\n///\n/// @example scss\n/// .element {\n/// &::before {\n/// @include triangle(up, #b25c9c, 2rem);\n/// content: \"\";\n/// }\n/// }\n///\n/// @example css\n/// .element::before {\n/// border-style: solid;\n/// height: 0;\n/// width: 0;\n/// border-color: transparent transparent #b25c9c transparent;\n/// border-width: 0 1rem 1rem;\n/// content: \"\";\n/// }\n\n@mixin triangle(\n $direction: up,\n $color: currentColor,\n $width: 1rem,\n $height: ($width / 2)\n ) {\n @if not index(\n \"up\" \"up-right\" \"right\" \"down-right\" \"down\" \"down-left\" \"left\" \"up-left\",\n $direction\n ) {\n @error \"Direction must be `up`, `up-right`, `right`, `down-right`, \" +\n \"`down`, `down-left`, `left` or `up-left`.\";\n } @else if not _is-color($color) {\n @error \"`#{$color}` is not a valid color for the `$color` argument in \" +\n \"the `triangle` mixin.\";\n } @else {\n border-style: solid;\n height: 0;\n width: 0;\n\n @if $direction == \"up\" {\n border-color: transparent transparent $color;\n border-width: 0 ($width / 2) $height;\n } @else if $direction == \"up-right\" {\n border-color: transparent $color transparent transparent;\n border-width: 0 $width $width 0;\n } @else if $direction == \"right\" {\n border-color: transparent transparent transparent $color;\n border-width: ($height / 2) 0 ($height / 2) $width;\n } @else if $direction == \"down-right\" {\n border-color: transparent transparent $color;\n border-width: 0 0 $width $width;\n } @else if $direction == \"down\" {\n border-color: $color transparent transparent;\n border-width: $height ($width / 2) 0;\n } @else if $direction == \"down-left\" {\n border-color: transparent transparent transparent $color;\n border-width: $width 0 0 $width;\n } @else if $direction == \"left\" {\n border-color: transparent $color transparent transparent;\n