trent/fcc-challenges
1
0
Fork 0
mirror of https://github.com/TrentSPalmer/fcc-challenges.git synced 2024-11-21 19:31:29 -08:00
Code Issues Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Trent Palmer 2020-05-27 11:40:02 -07:00
parent bd26df5b90
commit 0eb0337b74
1 changed files with 12 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
drum-machine/drumMachine.css
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;