55 lines
No EOL
905 B
SCSS
55 lines
No EOL
905 B
SCSS
:root{
|
|
--font: Arial, sans-serif;
|
|
|
|
// --fs-small: 9px;
|
|
// --font-size: 12px;
|
|
// --fs-medium: 18px;
|
|
// --fs-big: 24px;
|
|
|
|
--fs-x-small: 9px;
|
|
--fs-small: 13px;
|
|
--fs-normal: 18px;
|
|
--fs-medium: 22px;
|
|
--fs-big: 28px;
|
|
--fs-x-big: 36px;
|
|
|
|
--leading-tight: 1;
|
|
--leading-normal: 1.2;
|
|
// --leading-relaxed: 1.4;
|
|
// --leading-loose: 1.8;
|
|
|
|
--fw-normal: 400;
|
|
--fw-medium: 600;
|
|
|
|
|
|
--color-bg: #161616;
|
|
--color-txt: #FFFFFF;
|
|
--color-accent: #00FF00;
|
|
--color-accent-50: #e9ffe9;
|
|
--color-accent-100: #d8fdd8;
|
|
|
|
--grey-100: #d8d8d8;
|
|
--grey-300: #B9B9B9;
|
|
--grey-400: #969696;
|
|
--grey-800: #383838;
|
|
|
|
--border: 1px solid var(--color-txt);
|
|
|
|
|
|
--header-h: 140px;
|
|
--header-h-shrinked: 60px;
|
|
|
|
|
|
// responsive
|
|
--padding-body: 16px;
|
|
|
|
|
|
--radius-small: 4px;
|
|
--spacing: 40px;
|
|
--h-block: 40px;
|
|
|
|
|
|
|
|
|
|
|
|
} |