search

cncf / hugo-netlify-starter

Static website template for CNCF projects
https://cncf-hugo-starter.netlify.com/
Other
26 stars 16 forks source link

Implement parameterize-able color palette #26

Open celestehorgan opened 4 years ago

celestehorgan commented 4 years ago

Users should be able to do the following:

  1. 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:

  1. Run though a loop for each defined variable
  2. Define three classes: main-text (sets CSS color:), main-bg (sets CSS background-color:), main-border (sets CSS border-color).

Allowing people to use custom colors as utility classes in their layouts.