Skip to content

Instantly share code, notes, and snippets.

@colorful-tones

colorful-tones/buttons.css

Last active October 31, 2018 18:18
Show Gist options
  • Save colorful-tones/c7a88b5121f52ef0c69a1cac0a4bbc30 to your computer and use it in GitHub Desktop.
Save colorful-tones/c7a88b5121f52ef0c69a1cac0a4bbc30 to your computer and use it in GitHub Desktop.
Download ZIP
CSS buttons
Raw
buttons.css
.button {
--button-bg: var(--button-bg-base);
background-color: var(--button-bg);
color: var(--button-c-base);
// other button default styling stuff...
&:hover {
--button-bg: var(--button-bg-base-hover);
}
}
.button--secondary {
--button-bg: var(--button-bg-secondary);
&:hover {
--button-bg: var(--button-bg-secondary-hover);
}
}
.button--tertiary {
--button-bg: var(--button-bg-tertiary);
&:hover {
--button-bg: var(--button-bg-tertiary-hover);
}
}
.button--quaternary {
--button-bg: var(--button-bg-quaternary);
&:hover {
--button-bg: var(--button-bg-quaternary-hover);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment