make some css class names more generic

This commit is contained in:
or-else
2021-04-04 18:35:41 -07:00
parent 9e17dc73fe
commit 5175ac1dfe
13 changed files with 20 additions and 29 deletions
+4 -13
View File
@@ -143,7 +143,6 @@ button.round.small {
line-height: 2rem;
box-shadow: 0 2px 0.35rem 0 rgba(0, 0, 0, 0.25);
}
button:focus, button:hover, button:active {
color: #fff;
}
@@ -154,27 +153,19 @@ button:active.round.small {
box-shadow: inset 0 2px 0.35rem rgba(0, 0, 0, 0.125);
}
button.blue {
button.primary {
background-color: #1e88e5; /* blue 600 */
color: white;
}
button.blue:focus, button.blue:hover, button.blue:active {
background-color: #1976d2;
}
button.blue {
background-color: #1e88e5; /* blue 600 */
color: white;
}
button.blue:focus, button.blue:hover, button.blue:active {
button.primary:focus, button.primary:hover, button.primary:active {
background-color: #2962ff;
}
button.white {
button.secondary {
background-color: #FFF;
color: #2196f3; /* blue 500 */
}
button.white:focus, button.white:hover, button.blue:active {
button.secondary:focus, button.secondary:hover, button.secondary:active {
background-color: #e3f2fd;
}