primary | #333 | |
body | #333 | |
heading | #333 | |
heading-light | #fff | |
secondary | #666 | |
white | #fff | |
accent | orange | |
background-default | #fff | |
background-alt | rgb(95, 95, 95) | |
link | #333 | |
link-hover | #666 | |
input-background | #fff | |
input-border | #333 | |
input-border-focus | blue | |
input-label | gray | |
input-error | red | |
input-disabled | gray | |
button-primary-bg | rgba(75, 157, 249, 1) | |
button-primary-color | #fff | |
icons | #333 |
primary: | sans-serif |
secondary: | serif |
heading: | serif |
default | Heading 1 Heading 2 Heading 3 Heading 4 Heading 5 Font large Font body Font small Form label Form input Form error Text stretch |
mobile | Heading 1 Heading 2 Heading 3 Heading 4 Heading 5 Font large Font body Font small |
Site Max Width | None |
Mobile First | No |
desktop-wide | max-width: 100vw min-width: 1440px content: 1440px col: xl default: true bleed: 1600px |
desktop | max-width: 1439px min-width: 1024px content: 1024px col: lg |
tablet | max-width: 1023px min-width: 768px content: 768px col: md |
mobile | max-width: 767px min-width: 320px content: 100% col: sm default: false |
none | 0 |
xl | 80px |
lg | 50px |
md | 30px |
sm | 20px |
xs | 10px |