Skip to content

Instantly share code, notes, and snippets.

@stephan-romhart

stephan-romhart/organize-variables.css Secret

Last active November 26, 2021 13:19
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 2 You must be signed in to fork a gist
  • Save stephan-romhart/c04a8ed7c1ce68787cf27edead6c16ac to your computer and use it in GitHub Desktop.
Save stephan-romhart/c04a8ed7c1ce68787cf27edead6c16ac to your computer and use it in GitHub Desktop.
Download ZIP
Raw
organize-variables.css
/* Variables */
:root{
/* Reset 1rem = 10px */
font-size:10px;
/* Basic colors */
--white:#ffffff;
--black:#000000;
...
/* Project colors */
--yellow:hsl(57,88%,58%);
--blue:hsl(220,88%,58%);
...
/* Layout variables */
--content-width:90rem;
--content-padding:5rem;
...
--header-height:10rem;
--keyvisual-height:60rem;
...
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment