Skip to content

Instantly share code, notes, and snippets.

@colabottles

colabottles/css-var.css

Last active July 14, 2020 13:09
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save colabottles/491ef8394c706aa8f175a87846709efb to your computer and use it in GitHub Desktop.
Save colabottles/491ef8394c706aa8f175a87846709efb to your computer and use it in GitHub Desktop.
Download ZIP
Part of a stylesheet where I am trying to get custom variables to work on a background gradient using hue.
Raw
css-var.css
/* Define color intent */
--backgroundColor: hsl(var(--hue) 50% 50%);
--hue: 100;
body {
background-color: var(--backgroundColor);
display: grid;
font-family: var(--bodyFont);
margin: 0;
padding-block: 4rem;
padding-inline: 2rem;
place-content: center;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment