Create a gist now

Instantly share code, notes, and snippets.

What would you like to do?
CSS Variables are a Bad Idea
:root {
--foreground-color: #333;
--background-color: #fff;
}
body {
background: var(--background-color);
color: var(--foreground-color);
}
:root {
--foreground-color: #333;
--background-color: #fff;
}
body {
background: #fff;
background: var(--background-color);
color: #333;
color: var(--foreground-color);
}
body {
background: #fff;
color: #333;
}
$foreground-color: #333;
$background-color: #fff;
body {
background: $background-color;
color: $foreground-color;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment