Northbrook/TastyBites
1
0
Fork 0
mirror of https://github.com/Fluffy-Bean/TastyBites.git synced 2025-06-10 04:13:12 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add Dropdowns

Browse source 
Rename folder from Components to Elements
Clean up font sizing and weighting
This commit is contained in:
Michał Gdula 2024-04-24 14:47:47 +01:00
parent 1d4f6d5b70
commit 03aef063bc
19 changed files with 628 additions and 135 deletions
Download patch file Download diff file Expand all files Collapse all files

49
front/src/styles/vars.scss Normal file
View file

@ -0,0 +1,49 @@
// COLORS
$color-background: #e8e1ce; // #ccc2ae;
$color-on-background: #33251a;
$color-dark: #443023;
$color-on-dark: #e1dcd3;
$color-light: #fffbf4;
$color-on-light: #33251a;
$color-primary: #6A9343;
$color-on-primary: #fffbf4;
$color-vegan: #75a446;
$color-fish: #487fa6;
$color-nut: #5c4130;
$color-spicy: #c75e32;
$color-gluten: #8c6b49;
// BORDERS
$border-radius-normal: 5px;
$border-radius-large: 10px;
$border-radius-circle: 99999px;
// GAP SIZING
$sizing-default-width: 1000px;
$sizing-full-width: 1200px;
$sizing-navigation-height: 55px;
// PADDING/MARGIN
$spacing-small: 14px;
$spacing-normal: 16px;
$spacing-large: 24px;
// FONT
$font-family: 'Erode', serif;
$font-size-h1: 32.44px;
$font-size-h2: 28.83px;
$font-size-h3: 25.63px;
$font-size-h4: 22.78px;
$font-size-h5: 20.25px;
$font-size-h6: 18px;
$font-size-p: 16px;
$font-size-small: 14.22px;
$font-size-xsmall: 12.64px;
$font-weight-thin: 400;
$font-weight-normal: 500;
$font-weight-bold: 600;
$font-weight-bolder: 700;
$font-weight-black: 800;