Clearly highlight focused buttons

This commit is contained in:
2020-09-29 17:39:45 +02:00
parent 7c86edcaaa
commit 37dc91da57
+3 -3
View File
@@ -20,7 +20,7 @@ button, input[type=submit], .button {
background-color: rgba(22, 21, 40, 0.8); background-color: rgba(22, 21, 40, 0.8);
} }
&:active, &.active { &:focus, &:active, &.active {
border-color: $primary-color; border-color: $primary-color;
} }
@@ -41,7 +41,7 @@ button, input[type=submit], .button {
&:hover { &:hover {
background-color: rgba(40, 21, 21, 0.8); background-color: rgba(40, 21, 21, 0.8);
} }
&:active, &.active { &:focus, &:active, &.active {
border-color: $red; border-color: $red;
} }
} }
@@ -54,7 +54,7 @@ button, input[type=submit], .button {
&:hover { &:hover {
background-color: rgba(21, 40, 21, 0.8); background-color: rgba(21, 40, 21, 0.8);
} }
&:active, &.active { &:focus, &:active, &.active {
border-color: $green; border-color: $green;
} }
} }