# d8b
# Y8P
#
# 888  .d8888b .d88b.  88888b.  .d8888b
# 888 d88P"   d88""88b 888 "88b 88K
# 888 888     888  888 888  888 "Y8888b.
# 888 Y88b.   Y88..88P 888  888      X88
# 888  "Y8888P "Y88P"  888  888  88888P'

# Icons
#
# These settings control sizing for our icon system. Our base icon is `0.75em` in height and width, and scales up and down based on a [modular scale](https://alistapart.com/article/more-meaningful-typography) ratio of **1.5**. Unlike our typography sizes which will are based on `rem`, our icon sizes are based on `em` and depend on the font size of the containing element.
#
# $icon-size-s      = 0.500em - ​
# $icon-size-m      = 0.750em - ​
# $icon-size-l      = 1.125em - ​
# $icon-size-xl     = 1.688em - ​
# $icon-size-xxl    = 2.531em - ​
# $icon-size-xxxl   = 3.797em - ​
# $icon-size-xxxxl  = 5.695em - ​
#
# Styleguide Tokens.Icons
#
# Weight: 11
icon-size:
  base:           0.75em !default
  scale-ratio:    1.5 !default

  s:              ms($icon-size-scale-ratio, $icon-size-base, -1)
  m:              ms($icon-size-scale-ratio, $icon-size-base, 0)
  l:              ms($icon-size-scale-ratio, $icon-size-base, 1)
  xl:             ms($icon-size-scale-ratio, $icon-size-base, 2)
  xxl:            ms($icon-size-scale-ratio, $icon-size-base, 3)
  xxxl:           ms($icon-size-scale-ratio, $icon-size-base, 4)
  xxxxl:          ms($icon-size-scale-ratio, $icon-size-base, 5)