$element-separator: '__' !default;

$modifier-separator: '--' !default;

@function contains-modifier($selector) { ... }

@function selector-to-string($selector) { ... }

@function get-block($selector) { ... }

@mixin b($element) { ... }

@mixin e($element) { ... }

@mixin m($element) { ... }

@mixin aspect-ratio($shape: rect) { ... }

@mixin auto-grid($min-size: 16rem, $gap: 1rem) { ... }

@mixin font-size($size, $rem: 16) { ... }

@mixin full-bleed() { ... }

@mixin grid($items: 4, $gutter: $grid-gutter) { ... }

@mixin loader($svg: $loader, $repeat: no-repeat, $position: 50% 50%, $size: 2rem 2rem) { ... }

@mixin rainbow($colors, $stops, $direction: horizontal) { ... }

@mixin scroll-shadow($background: #fff, $color: #000, $size: 5) { ... }

@mixin select($text-color: #444, $border-color: #444, $background-color: #fff, $shadow-color: #000) { ... }

@mixin text-truncate($overflow-style: ellipsis) { ... }

@mixin triangle($size: 2rem, $background: red, $radius: true) { ... }

@mixin unbreak($hyphens: auto) { ... }

$grid-cols: 12 !default;

$grid-sizes: 1, 2, 3, 4, 6 !default;

$grid-gutter: 16px !default;

$grid-element: '.o-grid' !default;

$grid-output-css: false !default;

$grid-breakpoints: (
	'small': 0px,
	'medium': 768px,
	'large': 1024px
) !default;

$loader: '<svg width="100" height="100" viewBox="0 0 38 38" xmlns="http://www.w3.org/2000/svg" stroke="#000"><g fill="none" fill-rule="evenodd"><g transform="translate(1 1)" stroke-width="2"><circle stroke-opacity=".5" cx="18" cy="18" r="18"></circle><path d="M36 18c0-9.94-8.06-18-18-18" transform="rotate(0 18 18)"><animateTransform attributeName="transform" type="rotate" from="0 18 18" to="360 18 18" dur="1.5s" repeatCount="indefinite"></animateTransform></path></g></g></svg>' !default;

$triangle-before: '<svg width="19" height="11" viewBox="0 0 19 11"><path fill="';

$triangle-after: '" d="M18.6067065,0.422572289 C18.3723515,0.182891566 18.0945495,0.0631506024 17.7735597,0.0631506024 L1.18500341,0.0631506024 C0.863883959,0.0631506024 0.586276451,0.182891566 0.351726962,0.422572289 C0.117177474,0.662518072 0,0.946198795 0,1.27414458 C0,1.6020241 0.117177474,1.88570482 0.351726962,2.12545181 L8.64603754,10.6012169 C8.88084642,10.8408976 9.15845392,10.9609036 9.47931399,10.9609036 C9.80017406,10.9609036 10.078041,10.8408976 10.3123959,10.6012169 L18.6067065,2.12538554 C18.8409966,1.88570482 18.958628,1.6020241 18.958628,1.27407831 C18.958628,0.946198795 18.8409966,0.662518072 18.6067065,0.422572289 Z"/></svg>';

@function grid-item-width() { ... }

$asset-base-path: '../assets' !default;

$breakpoints: (
	'phone': 320px,
	'phone-wide': 480px,
	'phablet': 560px,
	'tablet-small': 640px,
	'tablet': 768px,
	'tablet-wide': 1024px,
	'desktop': 1280px,
	'desktop-wide': 1440px
) !default;

$sides: (top, bottom, left, right, all) !default;

$spaceamounts: (0, 10, 20, 30, 50) !default;

@function asset($type, $file) { ... }

@function image($file) { ... }

@function font($file) { ... }

@function half-negative-number($num) { ... }

@function half-number($num) { ... }

@function negative-number($num) { ... }

@function shade($color, $percentage) { ... }

@function str-replace($string, $search, $replace: '') { ... }

@function svg-url($svg) { ... }

@function tint($color, $percentage) { ... }

@function to-boolean($value) { ... }

@function v($var, $fallback: null) { ... }

@function z($name, $list) { ... }

@mixin hover() { ... }

@mixin mq($breakpoint, $type: min, $breakpoints: $breakpoints) { ... }

@mixin reset($all: true, $box-sizing: true, $image: true, $table: true, $textarea: true, $contenteditable: true) { ... }

@mixin spacing-helpers($sides: $sides, $spaceamounts: $spaceamounts, $paddingPrefix, $marginPrefix, $shorten: false) { ... }

@mixin multi-background-svg($backgrounds) { ... }

@mixin background-svg($svg, $repeat: no-repeat, $position: 0 0, $size: 100% 100%) { ... }