hugo-netlify-starter
hugo-netlify-starter copied to clipboard
Implement parameterize-able color palette
Users should be able to do the following:
- Add a sass variable, i.e.
$main-color: #FFFFFF
Alternately, this might happen in config.toml, or a .yaml file:
[[colors]]
main: #FFFFFF
secondary: #000000
After which, we should use Hugo template variables in custom.sass to do the following:
- Run though a loop for each defined variable
- Define three classes:
main-text(sets CSScolor:),main-bg(sets CSSbackground-color:),main-border(sets CSSborder-color).
Allowing people to use custom colors as utility classes in their layouts.