@mixin c-button($spacing-vertical: 0.5em, $spacing-horizontal: 1em, $background-color: #2196f3, $color: #fff) { ... }

@mixin c-button-spacing($spacing-vertical: 0.5em, $spacing-horizontal: 1em) { ... }

@mixin c-button-full-width() { ... }

@mixin c-button-outline($border-width: 0.1875em, $background-color: #2196f3, $color: #fff) { ... }

@mixin c-button-color($background-color: #2196f3, $color: #fff) { ... }

$c-button-spacing-vertical-default: setting-spacing(xs) !default;

$c-button-spacing-horizontal-default: setting-spacing(m) !default;

$c-button-spacing-vertical-s: setting-spacing(xxs) !default;

$c-button-spacing-horizontal-s: setting-spacing(xs) !default;

$c-button-spacing-vertical-m: setting-spacing(xs) !default;

$c-button-spacing-horizontal-m: setting-spacing(m) !default;

$c-button-spacing-vertical-l: setting-spacing(s) !default;

$c-button-spacing-horizontal-l: setting-spacing(m) !default;

$c-button-spacing-vertical-xl: setting-spacing(m) !default;

$c-button-spacing-horizontal-xl: setting-spacing(l) !default;

$c-button-outline-border-width: 0.1875em !default;

$c-button-background-color-default: setting-color(a) !default;

$c-button-color-default: setting-color(a, contrast) !default;

@mixin generic-box-sizing-reset() { ... }

@mixin o-aspect-ratio-before($width: 16, $height: 9) { ... }

@mixin o-aspect-ratio-inner() { ... }

@mixin o-aspect-ratio($width: 16, $height: 9, $inner-selector: '.o-aspect-ratio__inner') { ... }

$o-aspect-ratio-default: (
  width: 16,
  height: 9,
) !default;

@mixin o-container($max-width: 64rem, $spacing-horizontal: 1rem, $center-horizontal: true) { ... }

$o-container-max-widths: (
  s: 32rem,
  m: 64rem,
  l: 96rem,
) !default;

$o-container-max-width-default: m !default;

$o-container-spacing-horizontal: m !default;

$o-container-center-horizontal: true !default;

@mixin o-grid($gutter-horizontal: 1rem, $gutter-vertical: 1rem, $layout: true) { ... }

@mixin o-grid-item($gutter-horizontal: 1rem, $gutter-vertical: 1rem, $layout: true) { ... }

$o-grid-gutter-horizontal-default: m !default;

$o-grid-gutter-vertical-default: m !default;

@mixin o-island($spacing: 1em) { ... }

$o-island-spacing-default: m !default;

@mixin o-media($spacing: 1em, $layout: true) { ... }

@mixin o-media-figure() { ... }

@mixin o-media-body() { ... }

$o-media-spacing-default: m !default;

@mixin o-vertical-spacing($spacing: 1em) { ... }

$o-vertical-spacing-default-size: m !default;

@function setting-breakpoint($size, $rem: false) { ... }

$breakpoints: (
  s: 30em,
  m: 45em,
  l: 60em,
  xl: 75em,
) !default;

@function setting-color($color, $type: default) { ... }

$colors: (
  a: #2196f3,
  b: #2364aa,
  c: #73bfb8,
  d: #fec601,
  e: #ea7317,
) !default;

$colors-contrast: (
  a: #fff,
  b: #fff,
  c: #fff,
  d: #fff,
  e: #fff,
) !default;

$colors-alert: (
  positive: #468847,
  neutral: #3a87ad,
  cautious: #c09853,
  negative: #b94a48,
) !default;

$colors-gray: (
  a: #f5f5f5,
  b: #e0e0e0,
  c: #9e9e9e,
) !default;

@function setting-font-family($font-family) { ... }

$font-families: (
  a: sans-serif,
  b: serif,
) !default;

@function setting-font-size($size, $rem: false) { ... }

$font-sizes: (
  xs: 0.64em,
  s: 0.8em,
  m: 1em,
  l: 1.25em,
  xl: 1.563em,
  xxl: 1.953em,
  xxxl: 2.441em,
) !default;

@function setting-spacing($size, $rem: false) { ... }

$spacings: (
  xxs: 0.25em,
  xs: 0.5em,
  s: 0.75em,
  m: 1em,
  l: 1.5em,
  xl: 2em,
  xxl: 3.5em,
  xxxl: 6em,
) !default;

@mixin u-align-self($alignment) { ... }

@mixin u-clearfix() { ... }

@mixin u-font-family($font-family) { ... }

@mixin u-offset($size, $base: 12) { ... }

@mixin u-order($n: 1, $max-elements: 10) { ... }

@mixin u-order-first() { ... }

@mixin u-order-last() { ... }

@mixin u-spacing($spacing: 1em, $direction: top) { ... }

@mixin u-text-align($alignment) { ... }

@mixin u-visibility-hidden() { ... }

@mixin u-visibility-visuallyhidden() { ... }

@mixin u-visibility-invisible() { ... }

@mixin u-width($size, $base: 12) { ... }