Styles
Developer Initial Setup Checklist
- Preparing warden .env for other devs
- Installing newest SPARQ theme-frontend-hyva-demo, snowdog/module-hyva-demo-widgets, snowdog/module-sparq-theme
- Creating child theme (parent should be Snowdog/HyvaDemo)
- Base color palette (primary colors, bg colors, font colors, border colors etc.)
- Adding custom Fonts
- Typography (sizing, weights, line heights, letter spacings etc.)
- Headings
- Buttons
- Links
- Alerts
- Inputs (checkbox, radio, text etc.)
- Selects
- Card element
- Form validation styles (errors, infos)
- Borders
- Icons
Store default logo
Fonts
Ubuntu Light Ubuntu Regular Ubuntu Medium Ubuntu BoldText Size
xs - The quick brown fox jumps over the lazy dog.
sm - The quick brown fox jumps over the lazy dog.
base - The quick brown fox jumps over the lazy dog.
md - The quick brown fox jumps over the lazy dog.
lg - The quick brown fox jumps over the lazy dog.
xl - The quick brown fox jumps over the lazy dog.
2xl - The quick brown fox jumps over the lazy dog.
3xl - The quick brown fox jumps over the lazy dog.
4xl - The quick brown fox jumps over the lazy dog.
5xl - The quick brown fox jumps over the lazy dog.
6xl - The quick brown fox jumps over the lazy dog.
Buttons
Links
Inputs
Form validation
Card
Notifications/messages
Color palette for project (extended colors)
Background colors defined
bg-primary-lighter
bg-primary
bg-primary-darker
bg-secondary-lighter
bg-secondary
bg-secondary-darker
bg-container-lighter
bg-container
bg-container-darker
Text colors defined
text-primary-lighter
text-primary
text-primary-darker
text-secondary-lighter
text-secondary
text-secondary-darker
Border colors defined
Box shadow
Icons
These are extra icons in SPARQ theme on top of heroicons