mirror of
https://github.com/ruisaraiva19/favycon.git
synced 2026-09-14 11:06:21 +05:00
20f009e848
* feat: wip - responsive version * chore(config): update eslint config * fix: align drop zone footer * fix: add prop for immutable colors * fix: container width issue on tablet * chore: change class name convention * chore: add missing error styles on mobile * style(viewport): add 100vh fix for safari * style: update bottom info padding on mobile * perf: remove getInitialProps function and dependencies * chore(deps): update sharp to v0.25.0 * chore: delete unused hook * docs: add @miguellteixeira as a contributor * test(cypress): update page load wait * feat(responsive): update code modal for mobile * feat(responsive): update background images and light/dark toggle color * feat(responsive): add about us modal on mobile * feat(responsive): update sharable image Co-authored-by: Miguel Teixeira <teixeira.silva.miguel@gmail.com>
55 lines
988 B
SCSS
55 lines
988 B
SCSS
@import 'breakpoints';
|
|
|
|
$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;
|
|
|
|
$font-size-extra-large-title: 32px;
|
|
$line-height-extra-large-title: 40px;
|