mirror of
https://github.com/ruisaraiva19/favycon.git
synced 2026-09-14 11:06:21 +05:00
3ad6bcd128
* improvement(styles): update hovers and backgrounds * feat(about-us): add project link and contact email * chore(colors): update colors * chore(storybook): add Chromatic * chore: update repo info * chore(deps): upgrade dependencies * refactor: update colors and repo info * chore: remove chromatic * refactor(deps): upgrade react-dropzone to v11 * feat: update app icon * chore: update background image * chore: dark mode favicon
50 lines
889 B
SCSS
50 lines
889 B
SCSS
$white: #fff;
|
|
$white-dark: #a8b7c4;
|
|
$off-white: #fafafa;
|
|
$off-white-dark: #e4ebf2;
|
|
|
|
$grey: #9698a3;
|
|
$grey-dark: #657584;
|
|
$light-grey: #ebebeb;
|
|
$dark-grey: #2e3a47;
|
|
$darker-grey: #33353d;
|
|
|
|
$black: #000;
|
|
$dark-black: #1e262f;
|
|
$darker-black: #0e141a;
|
|
|
|
$link: #4c5ed5;
|
|
$link-dark: #7083ff;
|
|
$link-hover: #7683e2;
|
|
|
|
$red: #e15151;
|
|
$green: #3ea161;
|
|
$green-hover: #69b985;
|
|
|
|
$font-size-h1: 52px;
|
|
$line-height-h1: 64px;
|
|
|
|
$font-size-small-body: 14px;
|
|
$line-height-small-body: 20px;
|
|
|
|
$font-size-regular-body: 14px;
|
|
$line-height-regular-body: 24px;
|
|
|
|
$font-size-medium-body: 16px;
|
|
$line-height-medium-body: 24px;
|
|
|
|
$font-size-large-body: 16px;
|
|
$line-height-large-body: 28px;
|
|
|
|
$font-size-footer: 13px;
|
|
$line-height-footer: 24px;
|
|
|
|
$font-size-superscript: 12px;
|
|
$line-height-superscript: 24px;
|
|
|
|
$font-size-title: 15px;
|
|
$line-height-title: 24px;
|
|
|
|
$font-size-large-title: 18px;
|
|
$line-height-large-title: 24px;
|