Variables
| Variable | Type | Description | Default Value |
|---|---|---|---|
| $page-width | Layout | Controls the container width. | 1200px |
| $grid-gutter-size | Layout | Size for flex container (eg. recipes grid) | 32px |
| $header-height | Layout | Height of the fixed header
+ main top offset
|
90px |
| $color-primary | Color | Primary color – See colors | #F8A22F |
| $color-blue | Color | Secondary/Sucess color – See colors | #2F8CF8 |
| $color-danger | Color | Danger color – See colors | #F8462F |
| $color-text-1 | Color | Dark color for text – See colors | #242424 |
| $color-text-2 | Color | Secondary color for text – See colors | #F8462F |
| $color-border | Color | Borders color – See colors | #F8462F |
| $color-lightgrey | Color | Just lightgrey, can be used as background – See colors | #F8462F |
| $color-white | Color | Pur white (used for invert texts) – See colors | #F8462F |
| $font-family | Typography | Default font family | 'DM Sans', sans-serif |
| $font-size | Typography | Default font size | 18px |
| $font-weight | Typography | Default font weight – the minimum font weight for DM Sans is 400 | 400 |
| $breadcrumbs-separator | Navigation | Symbol used as breadcrumbs separator – has to be into single quotes | '›' |