Skip to content

Instantly share code, notes, and snippets.

@jupegarnica

jupegarnica/HSL-COLOR.CSS

Forked from tsh-code/HSL Variables
Created January 16, 2020 12:55
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save jupegarnica/4a4a5c3a8b67866b55e1c5ed13a06630 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save jupegarnica/4a4a5c3a8b67866b55e1c5ed13a06630 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
HSL-COLOR.CSS
:root {
--primary-color-h: 156;
--primary-color-s: 50%;
--primary-color-l: 50%;
--primary-color: hsl(var(--primary-color-h), var(--primary-color-s), var(--primary-color-l));
--primary-color--light: hsl(var(--primary-color-h), var(--primary-color-s), calc(var(--primary-color-l) + var(--lighten)));
--primary-color--dark: hsl(var(--primary-color-h), var(--primary-color-s), calc(var(--primary-color-l) + var(--darken)));
--secondary-color: hsl(calc(var(--primary-color-h) + 180), var(--primary-color-s), var( --primary-color-l));
--lighten: 15%;
--darken: -15%;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment