Variables
Prescriba SCSS variable overrides
On this page
Brand Colors
| Variable | Value |
|---|---|
$beige | #eadcd0 |
$sand | #f1e7df |
$plum | #4e2649 |
$forest | #23483c |
$grey | #ececec |
Added to $theme-colors map → auto-generates .bg-*, .text-*, .text-bg-*, .border-*
Typography
| Variable | Value |
|---|---|
$headings-font-family | Vollkorn serif |
$font-family-sans-serif | Inter sans-serif |
$font-size-base | 1.125rem (18px) |
$h1-font-size | 5rem (80px) |
$h2-font-size | 2.5rem (40px) |
Spacing
Added level 6: $spacer * 5 = 80px
Use with .py-6, .pb-6, etc.
Other
| Variable | Value |
|---|---|
$body-bg | #faf7f5 |
$btn-padding-x | 1.5rem (24px) |
$border-radius-xl | 1.25rem (20px) |
Accordion
| Variable | Value |
|---|---|
$accordion-button-active-color | $plum |
$accordion-border-color | rgba($plum, 0.15) |
$accordion-button-icon | Custom plus SVG |
$accordion-button-active-icon | Custom minus SVG |
Source: scss/prescriba/_variables.scss