/*
  Do not edit directly
  Generated on Sun, 06 Dec 2020 22:54:50 GMT
*/

$mx-button-padding: 0 1.5rem !default;
$mx-buttons-btn-height: 2.5rem !default;
$mx-buttons-btn-padding: 0 1.5rem !default;
$mx-buttons-btn-display: inline-block !default;
$mx-buttons-btn-text-align: center !default;
$mx-buttons-btn-transition: all .2s !default;
$mx-buttons-btn-border: none !default;
$mx-buttons-btn-focus-border: none !default;
$mx-buttons-btn-focus-outline: none !default;
$mx-buttons-btn-pill-border-radius: 9999rem !default;
$mx-buttons-btn-rounded-border-radius: 0.31rem !default;
$mx-color-black: #000000 !default;
$mx-color-white: #ffffff !default;
$mx-color-gray: #6a737d !default;
$mx-color-lightgray: #d3d3d3 !default;
$mx-color-red: #d73a49 !default;
$mx-color-blue: #0366d6 !default;
$mx-color-orange: #f66a0a !default;
$mx-color-yellow: #ffd33d !default;
$mx-color-green: #008000 !default;
$mx-font-size-group-default: 1rem !default; // default font size 16px.
$mx-font-size-group-1-sm: 0.702rem !default; // 11px - used for fine print
$mx-font-size-group-2-sm: 0.79rem !default; // 12px great for notes small text.
$mx-font-size-group-3-sm: 0.889rem !default; // 14px sidebar, links, navs, product list
$mx-font-size-group-4-md: 1.26rem !default; // 18px great for long posts, blogs
$mx-font-size-group-5-md: 1.424rem !default; // 22px
$mx-font-size-group-6-md: 1.602rem !default; // 25px
$mx-font-size-group-7-lg: 1.802rem !default; // 28px descriptions...
$mx-font-size-group-8-lg: 2.369rem !default; // 37px descriptions...
$mx-font-size-group-9-lg: 3.157rem !default; // 50px descriptions...
$mx-font-size-group-10-xl: 4.209rem !default; // 67px descriptions...
$mx-font-size-group-11-xl: 5.61rem !default; // 90px descriptions...
$mx-font-size-group-12-xl: 7.478rem !default; // 120px descriptions...
$mx-font-weight-medium: 500 !default; // descriptions...
$mx-font-weight-bold: 700 !default; // descriptions...
$mx-letter-spacing-group-1-sm: 1rem !default;
$mx-layout-height-vh-5: 5vh !default;
$mx-layout-height-vh-10: 10vh !default;
$mx-layout-height-vh-20: 20vh !default;
$mx-layout-height-vh-30: 30vh !default;
$mx-layout-height-vh-40: 40vh !default;
$mx-layout-height-vh-50: 50vh !default;
$mx-layout-height-vh-60: 60vh !default;
$mx-layout-height-vh-70: 70vh !default;
$mx-layout-height-vh-80: 80vh !default;
$mx-layout-height-vh-90: 90vh !default;
$mx-layout-height-vh-100: 100vh !default;
$mx-layout-width-vw-5: 5vw !default;
$mx-layout-width-vw-10: 10vw !default;
$mx-layout-width-vw-20: 20vw !default;
$mx-layout-width-vw-30: 30vw !default;
$mx-layout-width-vw-40: 40vw !default;
$mx-layout-width-vw-50: 50vw !default;
$mx-layout-width-vw-60: 60vw !default;
$mx-layout-width-vw-70: 70vw !default;
$mx-layout-width-vw-80: 80vw !default;
$mx-layout-width-vw-90: 90vw !default;
$mx-layout-width-vw-100: 100vw !default;
$mx-links-primary-color: #000000 !default;
$mx-links-primary-hover-color: #010101 !default;
$mx-nav-nav-bar-display: flex !default;
$mx-nav-nav-bar-align-items: center !default;
$mx-nav-nav-bar-height: 60px !default;
$mx-nav-nav-bar-elm-padding: 0 1rem !default;
$mx-nav-nav-bar-list-display: flex !default;
$mx-nav-nav-bar-list-flex-direction: row !default;
$mx-nav-nav-bar-list-list-style: none !default;
$mx-nav-nav-bar-list-margin: auto 0 !default;
$mx-nav-nav-bar-sm-height: 20rem !important !default;
$mx-nav-nav-bar-md-height: 40rem !important !default;
$mx-nav-nav-bar-lg-height: 80rem !important !default;
$mx-nav-nav-bar-xl-height: 100rem !important !default;
$mx-truncate-clip-box-overflow: hidden !default;
$mx-truncate-clip-box-position: relative !default;
$mx-truncate-clip-box-line-height: 1rem !default;
$mx-truncate-clip-box-max-height: 3rem !default;
$mx-truncate-clip-box-text-align: null !default;
$mx-truncate-clip-box-margin-right: -1rem !default;
$mx-truncate-clip-box-padding-right: 1rem !default;
$mx-truncate-clip-box-before-content: "..." !default;
$mx-truncate-clip-box-before-position: absolute !default;
$mx-truncate-clip-box-before-right: 0 !default;
$mx-truncate-clip-box-before-bottom: 0 !default;
$mx-truncate-clip-box-after-content: "" !default;
$mx-truncate-clip-box-after-position: absolute !default;
$mx-truncate-clip-box-after-right: 0 !default;
$mx-truncate-clip-box-after-width: 1rem !default;
$mx-truncate-clip-box-after-height: 1rem !default;
$mx-truncate-clip-box-after-background: transparent !default;

$tokens: (
  'button-padding': $mx-button-padding,
  'buttons': (
    'btn': (
      'height': $mx-buttons-btn-height,
      'padding': $mx-buttons-btn-padding,
      'display': $mx-buttons-btn-display,
      'text-align': $mx-buttons-btn-text-align,
      'transition': $mx-buttons-btn-transition,
      'border': $mx-buttons-btn-border,
      'focus': (
        'border': $mx-buttons-btn-focus-border,
        'outline': $mx-buttons-btn-focus-outline
      ),
      'pill': (
        'border-radius': $mx-buttons-btn-pill-border-radius
      ),
      'rounded': (
        'border-radius': $mx-buttons-btn-rounded-border-radius
      )
    )
  ),
  'color': (
    'black': $mx-color-black,
    'white': $mx-color-white,
    'gray': $mx-color-gray,
    'lightgray': $mx-color-lightgray,
    'red': $mx-color-red,
    'blue': $mx-color-blue,
    'orange': $mx-color-orange,
    'yellow': $mx-color-yellow,
    'green': $mx-color-green
  ),
  'font': (
    'size': (
      'group': (
        'default': $mx-font-size-group-default,
        '1sm': $mx-font-size-group-1-sm,
        '2sm': $mx-font-size-group-2-sm,
        '3sm': $mx-font-size-group-3-sm,
        '4md': $mx-font-size-group-4-md,
        '5md': $mx-font-size-group-5-md,
        '6md': $mx-font-size-group-6-md,
        '7lg': $mx-font-size-group-7-lg,
        '8lg': $mx-font-size-group-8-lg,
        '9lg': $mx-font-size-group-9-lg,
        '10xl': $mx-font-size-group-10-xl,
        '11xl': $mx-font-size-group-11-xl,
        '12xl': $mx-font-size-group-12-xl
      )
    ),
    'weight': (
      'medium': $mx-font-weight-medium,
      'bold': $mx-font-weight-bold
    )
  ),
  'letter': (
    'spacing': (
      'group': (
        '1sm': $mx-letter-spacing-group-1-sm
      )
    )
  ),
  'layout': (
    'height': (
      'vh-5': $mx-layout-height-vh-5,
      'vh-10': $mx-layout-height-vh-10,
      'vh-20': $mx-layout-height-vh-20,
      'vh-30': $mx-layout-height-vh-30,
      'vh-40': $mx-layout-height-vh-40,
      'vh-50': $mx-layout-height-vh-50,
      'vh-60': $mx-layout-height-vh-60,
      'vh-70': $mx-layout-height-vh-70,
      'vh-80': $mx-layout-height-vh-80,
      'vh-90': $mx-layout-height-vh-90,
      'vh-100': $mx-layout-height-vh-100
    ),
    'width': (
      'vw5': $mx-layout-width-vw-5,
      'vw10': $mx-layout-width-vw-10,
      'vw20': $mx-layout-width-vw-20,
      'vw30': $mx-layout-width-vw-30,
      'vw40': $mx-layout-width-vw-40,
      'vw50': $mx-layout-width-vw-50,
      'vw60': $mx-layout-width-vw-60,
      'vw70': $mx-layout-width-vw-70,
      'vw80': $mx-layout-width-vw-80,
      'vw90': $mx-layout-width-vw-90,
      'vw100': $mx-layout-width-vw-100
    )
  ),
  'links': (
    'primary': (
      'color': $mx-links-primary-color,
      'hover': (
        'color': $mx-links-primary-hover-color
      )
    )
  ),
  'nav': (
    'nav-bar': (
      'display': $mx-nav-nav-bar-display,
      'align-items': $mx-nav-nav-bar-align-items,
      'height': $mx-nav-nav-bar-height,
      'elm': (
        'padding': $mx-nav-nav-bar-elm-padding
      ),
      'list': (
        'display': $mx-nav-nav-bar-list-display,
        'flex-direction': $mx-nav-nav-bar-list-flex-direction,
        'list-style': $mx-nav-nav-bar-list-list-style,
        'margin': $mx-nav-nav-bar-list-margin
      ),
      'sm': (
        'height': $mx-nav-nav-bar-sm-height
      ),
      'md': (
        'height': $mx-nav-nav-bar-md-height
      ),
      'lg': (
        'height': $mx-nav-nav-bar-lg-height
      ),
      'xl': (
        'height': $mx-nav-nav-bar-xl-height
      )
    )
  ),
  'truncate': (
    'clip-box': (
      'overflow': $mx-truncate-clip-box-overflow,
      'position': $mx-truncate-clip-box-position,
      'line-height': $mx-truncate-clip-box-line-height,
      'max-height': $mx-truncate-clip-box-max-height,
      'text-align': $mx-truncate-clip-box-text-align,
      'margin-right': $mx-truncate-clip-box-margin-right,
      'padding-right': $mx-truncate-clip-box-padding-right,
      'before': (
        'content': $mx-truncate-clip-box-before-content,
        'position': $mx-truncate-clip-box-before-position,
        'right': $mx-truncate-clip-box-before-right,
        'bottom': $mx-truncate-clip-box-before-bottom
      ),
      'after': (
        'content': $mx-truncate-clip-box-after-content,
        'position': $mx-truncate-clip-box-after-position,
        'right': $mx-truncate-clip-box-after-right,
        'width': $mx-truncate-clip-box-after-width,
        'height': $mx-truncate-clip-box-after-height,
        'background': $mx-truncate-clip-box-after-background
      )
    )
  )
);