drum-machine add active-state color change for (buttons)

This commit is contained in:
Trent Palmer 2020-05-27 11:40:02 -07:00
parent bd26df5b90
commit 0eb0337b74

View File

@ -118,6 +118,10 @@ body {
font-style: oblique; font-style: oblique;
} }
.drum-pad:active {
background-color: var(--global-first-color);
}
.drum-pad > p { .drum-pad > p {
margin-top: auto; margin-top: auto;
margin-bottom: auto; margin-bottom: auto;
@ -159,6 +163,10 @@ body {
font-size: 1.6rem; font-size: 1.6rem;
} }
.selectionMenuItem:active, .volumeSelectionMenuItem:active, .metronomeSelectionMenuItem:active {
background-color: var(--global-first-color);
}
#display-middle-right { #display-middle-right {
flex-basis: 45%; flex-basis: 45%;
display: flex; display: flex;
@ -214,6 +222,10 @@ body {
justify-content: space-around; justify-content: space-around;
} }
.selection:active {
background-color: var(--global-first-color);
}
.selection > p { .selection > p {
margin: auto; margin: auto;
text-align: center; text-align: center;