Remove generated files again

This commit is contained in:
Grzegorz Leoniec 2019-02-16 10:28:54 +01:00
parent e767ee5870
commit da25934f4c
No known key found for this signature in database
GPG Key ID: 3AA43686D4EB1377
5 changed files with 3 additions and 1931 deletions

3
.gitignore vendored
View File

@ -5,6 +5,9 @@ node_modules
.env.local
.env.*.local
/src/system/tokens/generated
/src/system/icons/generated
# Log files
npm-debug.log*
yarn-debug.log*

View File

@ -1,187 +0,0 @@
{
"color-neutral-0": "rgb(25, 23, 28)",
"color-neutral-10": "rgb(40, 37, 45)",
"color-neutral-20": "rgb(75, 69, 84)",
"color-neutral-30": "rgb(100, 92, 112)",
"color-neutral-40": "rgb(112, 103, 126)",
"color-neutral-50": "rgb(151, 143, 163)",
"color-neutral-60": "rgb(177, 171, 186)",
"color-neutral-70": "rgb(203, 199, 209)",
"color-neutral-80": "rgb(229, 227, 232)",
"color-neutral-85": "rgb(239, 238, 241)",
"color-neutral-90": "rgb(245, 244, 246)",
"color-neutral-95": "rgb(250, 249, 250)",
"color-neutral-100": "rgb(255, 255, 255)",
"color-primary": "rgb(23, 181, 63)",
"color-primary-active": "rgb(25, 194, 67)",
"color-primary-inverse": "rgb(241, 253, 244)",
"color-secondary": "rgb(0, 142, 230)",
"color-secondary-active": "rgb(10, 161, 255)",
"color-secondary-inverse": "rgb(240, 249, 255)",
"color-success": "rgb(23, 181, 63)",
"color-success-active": "rgb(26, 203, 71)",
"color-success-inverse": "rgb(241, 253, 244)",
"color-danger": "rgb(219, 57, 36)",
"color-danger-active": "rgb(224, 81, 62)",
"color-danger-inverse": "rgb(253, 243, 242)",
"color-warning": "rgb(230, 121, 25)",
"color-warning-active": "rgb(233, 137, 53)",
"color-warning-inverse": "rgb(253, 247, 241)",
"color-yellow": "rgb(245, 196, 0)",
"color-yellow-active": "rgb(255, 206, 10)",
"color-yellow-inverse": "rgb(255, 252, 240)",
"text-color-base": "rgb(75, 69, 84)",
"text-color-soft": "rgb(112, 103, 126)",
"text-color-softer": "rgb(177, 171, 186)",
"text-color-disabled": "rgb(177, 171, 186)",
"text-color-inverse": "rgb(250, 249, 250)",
"text-color-link": "rgb(23, 181, 63)",
"text-color-link-active": "rgb(25, 194, 67)",
"text-color-primary": "rgb(23, 181, 63)",
"text-color-primary-inverse": "rgb(241, 253, 244)",
"text-color-secondary": "rgb(0, 142, 230)",
"text-color-secondary-inverse": "rgb(240, 249, 255)",
"text-color-success": "rgb(23, 181, 63)",
"text-color-success-inverse": "rgb(241, 253, 244)",
"text-color-warning": "rgb(230, 121, 25)",
"text-color-warning-inverse": "rgb(253, 247, 241)",
"text-color-danger": "rgb(219, 57, 36)",
"text-color-danger-inverse": "rgb(253, 243, 242)",
"background-color-base": "rgb(255, 255, 255)",
"background-color-soft": "rgb(250, 249, 250)",
"background-color-softer": "rgb(245, 244, 246)",
"background-color-softer-active": "rgb(250, 249, 250)",
"background-color-softest": "rgb(239, 238, 241)",
"background-color-softest-active": "rgb(245, 244, 246)",
"background-color-inverse": "rgb(25, 23, 28)",
"background-color-inverse-soft": "rgb(40, 37, 45)",
"background-color-inverse-softer": "rgb(75, 69, 84)",
"background-color-inverse-softer-active": "rgb(100, 92, 112)",
"background-color-disabled": "rgb(245, 244, 246)",
"background-color-primary": "rgb(23, 181, 63)",
"background-color-primary-active": "rgb(25, 194, 67)",
"background-color-primary-inverse": "rgb(241, 253, 244)",
"background-color-secondary": "rgb(0, 142, 230)",
"background-color-secondary-active": "rgb(10, 161, 255)",
"background-color-secondary-inverse": "rgb(240, 249, 255)",
"background-color-success": "rgb(23, 181, 63)",
"background-color-success-active": "rgb(26, 203, 71)",
"background-color-success-inverse": "rgb(241, 253, 244)",
"background-color-warning": "rgb(230, 121, 25)",
"background-color-warning-active": "rgb(233, 137, 53)",
"background-color-warning-inverse": "rgb(253, 247, 241)",
"background-color-danger": "rgb(219, 57, 36)",
"background-color-danger-active": "rgb(224, 81, 62)",
"background-color-danger-inverse": "rgb(253, 243, 242)",
"border-color-base": "rgb(177, 171, 186)",
"border-color-soft": "rgb(203, 199, 209)",
"border-color-softer": "rgb(229, 227, 232)",
"border-color-softest": "rgb(245, 244, 246)",
"border-color-active": "rgb(23, 181, 63)",
"border-color-primary": "rgb(23, 181, 63)",
"border-color-success": "rgb(23, 181, 63)",
"border-color-warning": "rgb(230, 121, 25)",
"border-color-danger": "rgb(219, 57, 36)",
"border-size-base": "1px",
"border-size-large": "3px",
"border-size-x-large": "6px",
"border-radius-x-large": "5px",
"border-radius-large": "4px",
"border-radius-base": "4px",
"border-radius-rounded": "2em",
"border-radius-circle": "50%",
"font-size-xxxx-large": "3rem",
"font-size-xxx-large": "2.5rem",
"font-size-xx-large": "2rem",
"font-size-x-large": "1.5rem",
"font-size-large": "1.25rem",
"font-size-base": "1rem",
"font-size-body": "15px",
"font-size-small": "0.8rem",
"font-size-x-small": "0.7rem",
"font-size-xx-small": "0.6rem",
"font-space-xxxx-large": "2em",
"font-space-xxx-large": "1.5em",
"font-space-xx-large": "1.2em",
"font-space-x-large": "1em",
"font-space-large": "0.6em",
"font-space-base": "0.5em",
"font-space-small": "0.4em",
"font-space-x-small": "0.3em",
"font-space-xx-small": "0.2em",
"font-space-xxx-small": "0.1em",
"font-family-heading": "'LatoWeb', sans-serif",
"font-family-text": "'LatoWeb', sans-serif",
"font-family-serif": "'Gentium Basic', serif",
"font-family-code": "inconsolata, monospace",
"font-weight-regular": "normal",
"font-weight-bold": "600",
"line-height-large": "1.5",
"line-height-base": "1.3",
"line-height-small": "1.1",
"line-height-smaller": "1.0",
"letter-spacing-x-large": "0.1em",
"letter-spacing-large": "0.05em",
"letter-spacing-base": "0",
"letter-spacing-small": "-0.01em",
"letter-spacing-x-small": "-0.015em",
"opacity-soft": "0.65",
"opacity-disabled": "0.5",
"xxx-large": 128,
"xx-large": 64,
"x-large": 48,
"large": 32,
"base": 24,
"small": 16,
"x-small": 8,
"xx-small": 4,
"xxx-small": 2,
"space-xxx-large": "128px",
"space-xx-large": "64px",
"space-x-large": "48px",
"space-large": "32px",
"space-base": "24px",
"space-small": "16px",
"space-x-small": "8px",
"space-xx-small": "4px",
"space-xxx-small": "2px",
"size-height-base": "42px",
"size-height-large": "50px",
"size-height-xlarge": "60px",
"size-tappable-square": "44px",
"size-height-footer": "64px",
"box-shadow-x-large": "0 15px 30px 0 rgba(0,0,0,.11),0 5px 15px 0 rgba(0,0,0,.08)",
"box-shadow-large": "0 10px 20px 0 rgba(0,0,0,.11),0 3px 10px 0 rgba(0,0,0,.08)",
"box-shadow-base": "0px 12px 26px -4px rgba(0, 0, 0, .1)",
"box-shadow-small": "0px 8px 18px -2px rgba(0, 0, 0, .1)",
"box-shadow-x-small": "0px 0px 3px 0px rgba(0, 0, 0, .1)",
"box-shadow-active": "0 0 6px 1px rgba(20, 100, 160, 0.5)",
"box-shadow-inset": "inset 0 0 20px 1px rgba(0,0,0,.15)",
"box-shadow-small-inset": "inset 0 0 0 1px rgba(0,0,0,.05)",
"duration-short": "0.08s",
"duration-base": "0.5s",
"duration-long": "0.75s",
"duration-x-long": "1s",
"duration-xx-long": "2s",
"ease-out": "cubic-bezier(0.25, 0.46, 0.45, 0.94)",
"ease-out-sharp": "cubic-bezier(0.165, 0.84, 0.44, 1)",
"ease-out-bounce": "cubic-bezier(.87,-.41,.19,1.44)",
"ease-in": "cubic-bezier(0.55, 0.085, 0.68, 0.53)",
"ease-in-sharp": "cubic-bezier(0.895, 0.03, 0.685, 0.22)",
"z-index-modal": "9999",
"z-index-dropdown": "8888",
"z-index-page-submenu": "2500",
"z-index-page-header": "2000",
"z-index-page-sidebar": "1500",
"z-index-sticky": "100",
"xs": 480,
"sm": 600,
"md": 768,
"lg": 1024,
"xl": 1200,
"media-query-x-small": "(min-width: 480px)",
"media-query-small": "(min-width: 600px)",
"media-query-medium": "(min-width: 768px)",
"media-query-large": "(min-width: 1024px)",
"media-query-x-large": "(min-width: 1200px)"
}

View File

@ -1,188 +0,0 @@
$tokens-map: (
'color-neutral-0': (rgb(25, 23, 28)),
'color-neutral-10': (rgb(40, 37, 45)),
'color-neutral-20': (rgb(75, 69, 84)),
'color-neutral-30': (rgb(100, 92, 112)),
'color-neutral-40': (rgb(112, 103, 126)),
'color-neutral-50': (rgb(151, 143, 163)),
'color-neutral-60': (rgb(177, 171, 186)),
'color-neutral-70': (rgb(203, 199, 209)),
'color-neutral-80': (rgb(229, 227, 232)),
'color-neutral-85': (rgb(239, 238, 241)),
'color-neutral-90': (rgb(245, 244, 246)),
'color-neutral-95': (rgb(250, 249, 250)),
'color-neutral-100': (rgb(255, 255, 255)),
'color-primary': (rgb(23, 181, 63)),
'color-primary-active': (rgb(25, 194, 67)),
'color-primary-inverse': (rgb(241, 253, 244)),
'color-secondary': (rgb(0, 142, 230)),
'color-secondary-active': (rgb(10, 161, 255)),
'color-secondary-inverse': (rgb(240, 249, 255)),
'color-success': (rgb(23, 181, 63)),
'color-success-active': (rgb(26, 203, 71)),
'color-success-inverse': (rgb(241, 253, 244)),
'color-danger': (rgb(219, 57, 36)),
'color-danger-active': (rgb(224, 81, 62)),
'color-danger-inverse': (rgb(253, 243, 242)),
'color-warning': (rgb(230, 121, 25)),
'color-warning-active': (rgb(233, 137, 53)),
'color-warning-inverse': (rgb(253, 247, 241)),
'color-yellow': (rgb(245, 196, 0)),
'color-yellow-active': (rgb(255, 206, 10)),
'color-yellow-inverse': (rgb(255, 252, 240)),
'text-color-base': (rgb(75, 69, 84)),
'text-color-soft': (rgb(112, 103, 126)),
'text-color-softer': (rgb(177, 171, 186)),
'text-color-disabled': (rgb(177, 171, 186)),
'text-color-inverse': (rgb(250, 249, 250)),
'text-color-link': (rgb(23, 181, 63)),
'text-color-link-active': (rgb(25, 194, 67)),
'text-color-primary': (rgb(23, 181, 63)),
'text-color-primary-inverse': (rgb(241, 253, 244)),
'text-color-secondary': (rgb(0, 142, 230)),
'text-color-secondary-inverse': (rgb(240, 249, 255)),
'text-color-success': (rgb(23, 181, 63)),
'text-color-success-inverse': (rgb(241, 253, 244)),
'text-color-warning': (rgb(230, 121, 25)),
'text-color-warning-inverse': (rgb(253, 247, 241)),
'text-color-danger': (rgb(219, 57, 36)),
'text-color-danger-inverse': (rgb(253, 243, 242)),
'background-color-base': (rgb(255, 255, 255)),
'background-color-soft': (rgb(250, 249, 250)),
'background-color-softer': (rgb(245, 244, 246)),
'background-color-softer-active': (rgb(250, 249, 250)),
'background-color-softest': (rgb(239, 238, 241)),
'background-color-softest-active': (rgb(245, 244, 246)),
'background-color-inverse': (rgb(25, 23, 28)),
'background-color-inverse-soft': (rgb(40, 37, 45)),
'background-color-inverse-softer': (rgb(75, 69, 84)),
'background-color-inverse-softer-active': (rgb(100, 92, 112)),
'background-color-disabled': (rgb(245, 244, 246)),
'background-color-primary': (rgb(23, 181, 63)),
'background-color-primary-active': (rgb(25, 194, 67)),
'background-color-primary-inverse': (rgb(241, 253, 244)),
'background-color-secondary': (rgb(0, 142, 230)),
'background-color-secondary-active': (rgb(10, 161, 255)),
'background-color-secondary-inverse': (rgb(240, 249, 255)),
'background-color-success': (rgb(23, 181, 63)),
'background-color-success-active': (rgb(26, 203, 71)),
'background-color-success-inverse': (rgb(241, 253, 244)),
'background-color-warning': (rgb(230, 121, 25)),
'background-color-warning-active': (rgb(233, 137, 53)),
'background-color-warning-inverse': (rgb(253, 247, 241)),
'background-color-danger': (rgb(219, 57, 36)),
'background-color-danger-active': (rgb(224, 81, 62)),
'background-color-danger-inverse': (rgb(253, 243, 242)),
'border-color-base': (rgb(177, 171, 186)),
'border-color-soft': (rgb(203, 199, 209)),
'border-color-softer': (rgb(229, 227, 232)),
'border-color-softest': (rgb(245, 244, 246)),
'border-color-active': (rgb(23, 181, 63)),
'border-color-primary': (rgb(23, 181, 63)),
'border-color-success': (rgb(23, 181, 63)),
'border-color-warning': (rgb(230, 121, 25)),
'border-color-danger': (rgb(219, 57, 36)),
'border-size-base': (1px),
'border-size-large': (3px),
'border-size-x-large': (6px),
'border-radius-x-large': (5px),
'border-radius-large': (4px),
'border-radius-base': (4px),
'border-radius-rounded': (2em),
'border-radius-circle': (50%),
'font-size-xxxx-large': (3rem),
'font-size-xxx-large': (2.5rem),
'font-size-xx-large': (2rem),
'font-size-x-large': (1.5rem),
'font-size-large': (1.25rem),
'font-size-base': (1rem),
'font-size-body': (15px),
'font-size-small': (0.8rem),
'font-size-x-small': (0.7rem),
'font-size-xx-small': (0.6rem),
'font-space-xxxx-large': (2em),
'font-space-xxx-large': (1.5em),
'font-space-xx-large': (1.2em),
'font-space-x-large': (1em),
'font-space-large': (0.6em),
'font-space-base': (0.5em),
'font-space-small': (0.4em),
'font-space-x-small': (0.3em),
'font-space-xx-small': (0.2em),
'font-space-xxx-small': (0.1em),
'font-family-heading': ('LatoWeb', sans-serif),
'font-family-text': ('LatoWeb', sans-serif),
'font-family-serif': ('Gentium Basic', serif),
'font-family-code': (inconsolata, monospace),
'font-weight-regular': (normal),
'font-weight-bold': (600),
'line-height-large': (1.5),
'line-height-base': (1.3),
'line-height-small': (1.1),
'line-height-smaller': (1.0),
'letter-spacing-x-large': (0.1em),
'letter-spacing-large': (0.05em),
'letter-spacing-base': (0),
'letter-spacing-small': (-0.01em),
'letter-spacing-x-small': (-0.015em),
'opacity-soft': (0.65),
'opacity-disabled': (0.5),
'xxx-large': (128),
'xx-large': (64),
'x-large': (48),
'large': (32),
'base': (24),
'small': (16),
'x-small': (8),
'xx-small': (4),
'xxx-small': (2),
'space-xxx-large': (128px),
'space-xx-large': (64px),
'space-x-large': (48px),
'space-large': (32px),
'space-base': (24px),
'space-small': (16px),
'space-x-small': (8px),
'space-xx-small': (4px),
'space-xxx-small': (2px),
'size-height-base': (42px),
'size-height-large': (50px),
'size-height-xlarge': (60px),
'size-tappable-square': (44px),
'size-height-footer': (64px),
'box-shadow-x-large': (0 15px 30px 0 rgba(0,0,0,.11),0 5px 15px 0 rgba(0,0,0,.08)),
'box-shadow-large': (0 10px 20px 0 rgba(0,0,0,.11),0 3px 10px 0 rgba(0,0,0,.08)),
'box-shadow-base': (0px 12px 26px -4px rgba(0, 0, 0, .1)),
'box-shadow-small': (0px 8px 18px -2px rgba(0, 0, 0, .1)),
'box-shadow-x-small': (0px 0px 3px 0px rgba(0, 0, 0, .1)),
'box-shadow-active': (0 0 6px 1px rgba(20, 100, 160, 0.5)),
'box-shadow-inset': (inset 0 0 20px 1px rgba(0,0,0,.15)),
'box-shadow-small-inset': (inset 0 0 0 1px rgba(0,0,0,.05)),
'duration-short': (0.08s),
'duration-base': (0.5s),
'duration-long': (0.75s),
'duration-x-long': (1s),
'duration-xx-long': (2s),
'ease-out': (cubic-bezier(0.25, 0.46, 0.45, 0.94)),
'ease-out-sharp': (cubic-bezier(0.165, 0.84, 0.44, 1)),
'ease-out-bounce': (cubic-bezier(.87,-.41,.19,1.44)),
'ease-in': (cubic-bezier(0.55, 0.085, 0.68, 0.53)),
'ease-in-sharp': (cubic-bezier(0.895, 0.03, 0.685, 0.22)),
'z-index-modal': (9999),
'z-index-dropdown': (8888),
'z-index-page-submenu': (2500),
'z-index-page-header': (2000),
'z-index-page-sidebar': (1500),
'z-index-sticky': (100),
'xs': (480),
'sm': (600),
'md': (768),
'lg': (1024),
'xl': (1200),
'media-query-x-small': ((min-width: 480px)),
'media-query-small': ((min-width: 600px)),
'media-query-medium': ((min-width: 768px)),
'media-query-large': ((min-width: 1024px)),
'media-query-x-large': ((min-width: 1200px)),
);

File diff suppressed because it is too large Load Diff

View File

@ -1,186 +0,0 @@
$color-neutral-0: rgb(25, 23, 28);
$color-neutral-10: rgb(40, 37, 45);
$color-neutral-20: rgb(75, 69, 84);
$color-neutral-30: rgb(100, 92, 112);
$color-neutral-40: rgb(112, 103, 126);
$color-neutral-50: rgb(151, 143, 163);
$color-neutral-60: rgb(177, 171, 186);
$color-neutral-70: rgb(203, 199, 209);
$color-neutral-80: rgb(229, 227, 232);
$color-neutral-85: rgb(239, 238, 241);
$color-neutral-90: rgb(245, 244, 246);
$color-neutral-95: rgb(250, 249, 250);
$color-neutral-100: rgb(255, 255, 255);
$color-primary: rgb(23, 181, 63);
$color-primary-active: rgb(25, 194, 67);
$color-primary-inverse: rgb(241, 253, 244);
$color-secondary: rgb(0, 142, 230);
$color-secondary-active: rgb(10, 161, 255);
$color-secondary-inverse: rgb(240, 249, 255);
$color-success: rgb(23, 181, 63);
$color-success-active: rgb(26, 203, 71);
$color-success-inverse: rgb(241, 253, 244);
$color-danger: rgb(219, 57, 36);
$color-danger-active: rgb(224, 81, 62);
$color-danger-inverse: rgb(253, 243, 242);
$color-warning: rgb(230, 121, 25);
$color-warning-active: rgb(233, 137, 53);
$color-warning-inverse: rgb(253, 247, 241);
$color-yellow: rgb(245, 196, 0);
$color-yellow-active: rgb(255, 206, 10);
$color-yellow-inverse: rgb(255, 252, 240);
$text-color-base: rgb(75, 69, 84);
$text-color-soft: rgb(112, 103, 126);
$text-color-softer: rgb(177, 171, 186);
$text-color-disabled: rgb(177, 171, 186);
$text-color-inverse: rgb(250, 249, 250);
$text-color-link: rgb(23, 181, 63);
$text-color-link-active: rgb(25, 194, 67);
$text-color-primary: rgb(23, 181, 63);
$text-color-primary-inverse: rgb(241, 253, 244);
$text-color-secondary: rgb(0, 142, 230);
$text-color-secondary-inverse: rgb(240, 249, 255);
$text-color-success: rgb(23, 181, 63);
$text-color-success-inverse: rgb(241, 253, 244);
$text-color-warning: rgb(230, 121, 25);
$text-color-warning-inverse: rgb(253, 247, 241);
$text-color-danger: rgb(219, 57, 36);
$text-color-danger-inverse: rgb(253, 243, 242);
$background-color-base: rgb(255, 255, 255);
$background-color-soft: rgb(250, 249, 250);
$background-color-softer: rgb(245, 244, 246);
$background-color-softer-active: rgb(250, 249, 250);
$background-color-softest: rgb(239, 238, 241);
$background-color-softest-active: rgb(245, 244, 246);
$background-color-inverse: rgb(25, 23, 28);
$background-color-inverse-soft: rgb(40, 37, 45);
$background-color-inverse-softer: rgb(75, 69, 84);
$background-color-inverse-softer-active: rgb(100, 92, 112);
$background-color-disabled: rgb(245, 244, 246);
$background-color-primary: rgb(23, 181, 63);
$background-color-primary-active: rgb(25, 194, 67);
$background-color-primary-inverse: rgb(241, 253, 244);
$background-color-secondary: rgb(0, 142, 230);
$background-color-secondary-active: rgb(10, 161, 255);
$background-color-secondary-inverse: rgb(240, 249, 255);
$background-color-success: rgb(23, 181, 63);
$background-color-success-active: rgb(26, 203, 71);
$background-color-success-inverse: rgb(241, 253, 244);
$background-color-warning: rgb(230, 121, 25);
$background-color-warning-active: rgb(233, 137, 53);
$background-color-warning-inverse: rgb(253, 247, 241);
$background-color-danger: rgb(219, 57, 36);
$background-color-danger-active: rgb(224, 81, 62);
$background-color-danger-inverse: rgb(253, 243, 242);
$border-color-base: rgb(177, 171, 186);
$border-color-soft: rgb(203, 199, 209);
$border-color-softer: rgb(229, 227, 232);
$border-color-softest: rgb(245, 244, 246);
$border-color-active: rgb(23, 181, 63);
$border-color-primary: rgb(23, 181, 63);
$border-color-success: rgb(23, 181, 63);
$border-color-warning: rgb(230, 121, 25);
$border-color-danger: rgb(219, 57, 36);
$border-size-base: 1px;
$border-size-large: 3px;
$border-size-x-large: 6px;
$border-radius-x-large: 5px;
$border-radius-large: 4px;
$border-radius-base: 4px;
$border-radius-rounded: 2em;
$border-radius-circle: 50%;
$font-size-xxxx-large: 3rem;
$font-size-xxx-large: 2.5rem;
$font-size-xx-large: 2rem;
$font-size-x-large: 1.5rem;
$font-size-large: 1.25rem;
$font-size-base: 1rem;
$font-size-body: 15px;
$font-size-small: 0.8rem;
$font-size-x-small: 0.7rem;
$font-size-xx-small: 0.6rem;
$font-space-xxxx-large: 2em;
$font-space-xxx-large: 1.5em;
$font-space-xx-large: 1.2em;
$font-space-x-large: 1em;
$font-space-large: 0.6em;
$font-space-base: 0.5em;
$font-space-small: 0.4em;
$font-space-x-small: 0.3em;
$font-space-xx-small: 0.2em;
$font-space-xxx-small: 0.1em;
$font-family-heading: 'LatoWeb', sans-serif;
$font-family-text: 'LatoWeb', sans-serif;
$font-family-serif: 'Gentium Basic', serif;
$font-family-code: inconsolata, monospace;
$font-weight-regular: normal;
$font-weight-bold: 600;
$line-height-large: 1.5;
$line-height-base: 1.3;
$line-height-small: 1.1;
$line-height-smaller: 1.0;
$letter-spacing-x-large: 0.1em;
$letter-spacing-large: 0.05em;
$letter-spacing-base: 0;
$letter-spacing-small: -0.01em;
$letter-spacing-x-small: -0.015em;
$opacity-soft: 0.65;
$opacity-disabled: 0.5;
$xxx-large: 128;
$xx-large: 64;
$x-large: 48;
$large: 32;
$base: 24;
$small: 16;
$x-small: 8;
$xx-small: 4;
$xxx-small: 2;
$space-xxx-large: 128px;
$space-xx-large: 64px;
$space-x-large: 48px;
$space-large: 32px;
$space-base: 24px;
$space-small: 16px;
$space-x-small: 8px;
$space-xx-small: 4px;
$space-xxx-small: 2px;
$size-height-base: 42px;
$size-height-large: 50px;
$size-height-xlarge: 60px;
$size-tappable-square: 44px;
$size-height-footer: 64px;
$box-shadow-x-large: 0 15px 30px 0 rgba(0,0,0,.11),0 5px 15px 0 rgba(0,0,0,.08);
$box-shadow-large: 0 10px 20px 0 rgba(0,0,0,.11),0 3px 10px 0 rgba(0,0,0,.08);
$box-shadow-base: 0px 12px 26px -4px rgba(0, 0, 0, .1);
$box-shadow-small: 0px 8px 18px -2px rgba(0, 0, 0, .1);
$box-shadow-x-small: 0px 0px 3px 0px rgba(0, 0, 0, .1);
$box-shadow-active: 0 0 6px 1px rgba(20, 100, 160, 0.5);
$box-shadow-inset: inset 0 0 20px 1px rgba(0,0,0,.15);
$box-shadow-small-inset: inset 0 0 0 1px rgba(0,0,0,.05);
$duration-short: 0.08s;
$duration-base: 0.5s;
$duration-long: 0.75s;
$duration-x-long: 1s;
$duration-xx-long: 2s;
$ease-out: cubic-bezier(0.25, 0.46, 0.45, 0.94);
$ease-out-sharp: cubic-bezier(0.165, 0.84, 0.44, 1);
$ease-out-bounce: cubic-bezier(.87,-.41,.19,1.44);
$ease-in: cubic-bezier(0.55, 0.085, 0.68, 0.53);
$ease-in-sharp: cubic-bezier(0.895, 0.03, 0.685, 0.22);
$z-index-modal: 9999;
$z-index-dropdown: 8888;
$z-index-page-submenu: 2500;
$z-index-page-header: 2000;
$z-index-page-sidebar: 1500;
$z-index-sticky: 100;
$xs: 480;
$sm: 600;
$md: 768;
$lg: 1024;
$xl: 1200;
$media-query-x-small: (min-width: 480px);
$media-query-small: (min-width: 600px);
$media-query-medium: (min-width: 768px);
$media-query-large: (min-width: 1024px);
$media-query-x-large: (min-width: 1200px);