Skip to content

Instantly share code, notes, and snippets.

@tsh-code

tsh-code/HSL Variables

Last active January 16, 2020 12:55
Show Gist options
  • Save tsh-code/c1006b8564cdf067d8c47b33470b4543 to your computer and use it in GitHub Desktop.
Save tsh-code/c1006b8564cdf067d8c47b33470b4543 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
HSL Variables
: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