$colors: (
  'deep': #000,
  'deep2': #1d1d1d,
  'pale': #fff,
  'pale2': #fafafa,
  'grey': #5e5c5d,
  'grey2': #b4b4b4
) !default;

@function color($name) { ... }

$font-family: (
  main: 'sans-serif',
  en: "'Josefin Sans', -apple-system, blinkmacsystemfont, sans-serif"
) !default;

$default-sp-font: 13px !default;

$default-pc-font: 16px !default;

$default-line: 1.6 !default;

@function liquid($minFont: $default-sp-font, $maxFont: $default-pc-font, $minDevice: width(min), $maxDevice: width(max)) { ... }

@mixin limitLines($font-size: $default-sp-font, $line-height: $default-line, $lines: 2, $max: false) { ... }

@mixin liquid-px($px) { ... }

$sp-side: 12px !default;

@mixin spPadding($side: $sp-side, $break: md) { ... }

@mixin content($break: md, $max: width(pc)) { ... }

@mixin grid($fr: (48fr), $min-side: $sp-side) { ... }

$ratios: (
  square: (
    1 / 1
  ),
  normal: (
    1 / 4 * 3
  ),
  silver: (
    1 / 1.414
  ),
  film: (
    1 / 3 * 2
  ),
  golden: (
    1 / 1.6
  ),
  logo: (
    1 / 1.66
  ),
  wide: (
    1 / 16 * 9
  ),
  cinema: (
    1 / 47 * 20
  ),
  banner: (
    1 / 3
  ),
  bronze: (
    1 / 3.303
  )
) !default;

@function ratio($name) { ... }

@mixin aspect($name: normal, $fit: cover, $selector: 'img', $pseudo: 'after') { ... }

@mixin ellipse($width, $height) { ... }

@mixin circle($diameter) { ... }

$content-width: (
  min: 320px,
  max: 1440px,
  landscape: 896px,
  pc: 1200px
) !default;

$breaks: (
  min: 'screen and (max-width:#{width(min)})',
  max: 'screen and (min-width: #{width(max)})',
  sm: 'screen and (max-width:#{width(landscape)})',
  md: 'screen and (min-width:#{(width(landscape) + 1)})',
  lg: 'screen and (min-width:#{width(pc)})'
) !default;

@function width($size) { ... }

@mixin break($name) { ... }

@mixin before() { ... }

@mixin after() { ... }

$z-index: (
  front: 9999,
  drawer: 1000,
  hamburger: 900,
  selectbox: 800,
  header: 800,
  footer: 700,
  follow: 600,
  middle: 500,
  hover: 400,
  masktext: 300,
  mask: 200,
  tag: 100,
  top: 1,
  base: 0,
  back: -1
) !default;

@function z($name: 'base') { ... }