Skip to content

Instantly share code, notes, and snippets.

@mattbogado
Created March 5, 2018 23:00
Show Gist options
  • Save mattbogado/dbf50b003dac48b7f2578b46f0e1d4a3 to your computer and use it in GitHub Desktop.
Save mattbogado/dbf50b003dac48b7f2578b46f0e1d4a3 to your computer and use it in GitHub Desktop.
Updates to CSS for version 2
/* Global */
:root {
--color-primary : #F9D021;
--color-primary-hover : #F9D844;
}
/* Button Styling */
.btn {
padding : .375rem 2rem;
border-radius : 0.25rem;
}
.btn-primary {
color : #000;
border-color : var(--color-primary);
background-color : var(--color-primary);
font-weight : 600;
}
.btn-primary:hover {
color : #000;
border-color : var(--color-primary-hover);
background-color : var(--color-primary-hover);
}
.btn-primary:not(:disabled):not(.disabled):active {
color : #000;
border-color : var(--color-primary-hover);
background-color : var(--color-primary-hover);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment