portico: Reorder button selectors in preparation for SCSS nesting.

This commit is contained in:
Cynthia Lin
2019-06-18 04:31:01 +00:00
committed by Tim Abbott
parent 7c1b6aa5a8
commit 0f44608974

View File

@@ -160,6 +160,13 @@ button {
outline: none; outline: none;
} }
button.green {
color: hsl(0, 0%, 100%);
background-color: hsl(170, 47%, 53%);
border: 1px solid hsl(169, 45%, 43%);
}
button.green:hover { button.green:hover {
-webkit-filter: brightness(1.05); -webkit-filter: brightness(1.05);
-moz-filter: brightness(1.05); -moz-filter: brightness(1.05);
@@ -172,18 +179,6 @@ button.green:active {
filter: brightness(0.95); filter: brightness(0.95);
} }
button:active {
background-color: hsl(0, 0%, 98%);
border: 1px solid hsl(0, 0%, 73%);
}
button.green {
color: hsl(0, 0%, 100%);
background-color: hsl(170, 47%, 53%);
border: 1px solid hsl(169, 45%, 43%);
}
button.black-disabled { button.black-disabled {
cursor: default; cursor: default;
color: hsl(0, 0%, 20%); color: hsl(0, 0%, 20%);
@@ -191,6 +186,11 @@ button.black-disabled {
border: 1px solid hsl(0, 0%, 53%); border: 1px solid hsl(0, 0%, 53%);
} }
button:active {
background-color: hsl(0, 0%, 98%);
border: 1px solid hsl(0, 0%, 73%);
}
/* -- navbar styling -- */ /* -- navbar styling -- */
nav { nav {