Skip to content

Instantly share code, notes, and snippets.

@guidobouman

guidobouman/dynamic-variable.css

Last active June 8, 2017 11:40
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 guidobouman/a328cbea4672b590aa4e8e705650c09e to your computer and use it in GitHub Desktop.
Save guidobouman/a328cbea4672b590aa4e8e705650c09e to your computer and use it in GitHub Desktop.
Download ZIP
CSS variables
Raw
dynamic-variable.css
:root {
--gutter: 10px;
}
@media (min-width: 600px) {
:root {
--gutter: 20px;
}
}
.row {
margin: calc(var(--gutter) * -1);
}
.column {
margin: var(--gutter);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment