120 lines
3.5 KiB
CSS
120 lines
3.5 KiB
CSS
/* This file is generated, do not edit manually! */
|
|
:root {
|
|
/* Values */
|
|
--Border-width-lg: 3px;
|
|
--Border-width-md: 2px;
|
|
--Border-width-none: 0px;
|
|
--Border-width-sm: 1px;
|
|
--BoxShadow-Level-1: 0 0 2 1 rgba(0, 0, 0, 0.1);
|
|
--BoxShadow-Level-2: 0 0 4 2 rgba(0, 0, 0, 0.1);
|
|
--BoxShadow-Level-3: 0 0 8 3 rgba(0, 0, 0, 0.1);
|
|
--BoxShadow-Level-4: 0 0 14 6 rgba(0, 0, 0, 0.1);
|
|
--Breakpoints-max-width: 767px;
|
|
--Breakpoints-min-width: 320px;
|
|
--Columns-Column: 4px;
|
|
--Corner-radius-lg: 12px;
|
|
--Corner-radius-md: 8px;
|
|
--Corner-radius-rounded: 250px;
|
|
--Corner-radius-sm: 4px;
|
|
--Corner-radius-xl: 16px;
|
|
--Font-family-Body: 'Fira sans';
|
|
--Font-family-Decorative: 'Biro Script Plus';
|
|
--Font-family-Title: 'Brandon Text';
|
|
--Font-weight-Black: 900;
|
|
--Font-weight-Bold: 700;
|
|
--Font-weight-Extra-Bold: 800;
|
|
--Font-weight-Medium: 500;
|
|
--Font-weight-Regular-bold: 450;
|
|
--Font-weight-Regular: 400;
|
|
--Font-weight-Semi-Bold: 600;
|
|
--Gutter-max-width: 16px;
|
|
--Gutter-min-width: 16px;
|
|
--Icon-2xs: 16px;
|
|
--Icon-lg: 40px;
|
|
--Icon-md: 32px;
|
|
--Icon-sm: 24px;
|
|
--Icon-xl: 42px;
|
|
--Icon-xs: 20px;
|
|
--Line-height-xs: 100px;
|
|
--Margin-Margin-max: 16px;
|
|
--Margin-Margin-min: 16px;
|
|
--Neutral-0: #fcfcfc;
|
|
--Neutral-100: #141414;
|
|
--Neutral-10: #f0f0f0;
|
|
--Neutral-15: #e9e9e9;
|
|
--Neutral-20: #d9d9d9;
|
|
--Neutral-30: #bfbfbf;
|
|
--Neutral-40: #8c8c8c;
|
|
--Neutral-50: #747474;
|
|
--Neutral-5: #f5f5f5;
|
|
--Neutral-60: #575757;
|
|
--Neutral-70: #454545;
|
|
--Neutral-80: #262626;
|
|
--Neutral-90: #1f1f1f;
|
|
--Neutral-Opacity-Black-0: #1f1c1b00;
|
|
--Neutral-Opacity-Black-100: #1f1c1b;
|
|
--Neutral-Opacity-Black-10: #1f1c1b1a;
|
|
--Neutral-Opacity-Black-20: #1f1c1b33;
|
|
--Neutral-Opacity-Black-30: #1f1c1b4d;
|
|
--Neutral-Opacity-Black-40: #1f1c1b66;
|
|
--Neutral-Opacity-Black-50: #1f1c1b80;
|
|
--Neutral-Opacity-Black-5: #1f1c1b0d;
|
|
--Neutral-Opacity-Black-60: #1f1c1b99;
|
|
--Neutral-Opacity-Black-70: #1f1c1bb3;
|
|
--Neutral-Opacity-Black-80: #1f1c1bcc;
|
|
--Neutral-Opacity-Black-90: #1f1c1be6;
|
|
--Neutral-Opacity-White-0: #ffffff00;
|
|
--Neutral-Opacity-White-100: #ffffff;
|
|
--Neutral-Opacity-White-10: #ffffff1a;
|
|
--Neutral-Opacity-White-20: #ffffff33;
|
|
--Neutral-Opacity-White-30: #ffffff4d;
|
|
--Neutral-Opacity-White-40: #ffffff66;
|
|
--Neutral-Opacity-White-50: #ffffff80;
|
|
--Neutral-Opacity-White-5: #ffffff00;
|
|
--Neutral-Opacity-White-60: #ffffff99;
|
|
--Neutral-Opacity-White-70: #ffffffb3;
|
|
--Neutral-Opacity-White-80: #ffffffcc;
|
|
--Neutral-Opacity-White-90: #ffffffe6;
|
|
--Size-1100-48: 48px;
|
|
--Size-1300-56: 56px;
|
|
--Size-1500-64: 64px;
|
|
--Size-200-12: 12px;
|
|
--Size-250-14: 14px;
|
|
--Size-300-16: 16px;
|
|
--Size-350-18: 18px;
|
|
--Size-400-20: 20px;
|
|
--Size-500-24: 24px;
|
|
--Size-550-26: 26px;
|
|
--Size-600-28: 28px;
|
|
--Size-700-32: 32px;
|
|
--Size-800-36: 36px;
|
|
--Size-900-40: 40px;
|
|
--Space-x025: 2px;
|
|
--Space-x05: 4px;
|
|
--Space-x0: 0px;
|
|
--Space-x15: 12px;
|
|
--Space-x1: 8px;
|
|
--Space-x2: 16px;
|
|
--Space-x3: 24px;
|
|
--Space-x4: 32px;
|
|
--Space-x5: 40px;
|
|
--Space-x6: 48px;
|
|
--Space-x7: 56px;
|
|
--Space-x8: 72px;
|
|
|
|
/* Aliases */
|
|
--Text-size-2xl: var(--Size-800-36);
|
|
--Text-size-2xs: var(--Size-300-16);
|
|
--Text-size-3xl: var(--Size-700-32);
|
|
--Text-size-3xs: var(--Size-300-16);
|
|
--Text-size-4xl: var(--Size-800-36);
|
|
--Text-size-4xs: var(--Size-250-14);
|
|
--Text-size-5xl: var(--Size-1300-56);
|
|
--Text-size-5xs: var(--Size-200-12);
|
|
--Text-size-lg: var(--Size-500-24);
|
|
--Text-size-md: var(--Size-500-24);
|
|
--Text-size-sm: var(--Size-400-20);
|
|
--Text-size-xl: var(--Size-500-24);
|
|
--Text-size-xs: var(--Size-350-18);
|
|
}
|