2020-06-03 11:42:59 +00:00
|
|
|
.control-panel__button-display {
|
2020-06-01 14:33:53 +00:00
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
.button-text__engraved {
|
|
|
|
text-shadow: 1px 1px 0px #616161, 2px 1px 0px #aeb5b5;
|
|
|
|
color: transparent;
|
|
|
|
margin: 0;
|
2020-06-03 11:42:59 +00:00
|
|
|
text-transform: uppercase;
|
|
|
|
text-align: center;
|
2020-06-01 14:33:53 +00:00
|
|
|
}
|
|
|
|
|
2020-06-03 12:42:17 +00:00
|
|
|
.button-text__engraved__light {
|
|
|
|
@extend .button-text__engraved;
|
|
|
|
text-shadow: 3px 2px 1px #B0B4A9, 1px 1px 0.5px #666C57;
|
|
|
|
}
|
|
|
|
|
2020-06-01 14:33:53 +00:00
|
|
|
.button-text__embossed {
|
|
|
|
color: #bfbfbf;
|
|
|
|
text-shadow: 1px 1px 1px #565656;
|
|
|
|
margin: 0;
|
2020-06-03 11:42:59 +00:00
|
|
|
text-transform: uppercase;
|
|
|
|
text-align: center;
|
2020-06-01 14:33:53 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.button__depressed {
|
|
|
|
width: fit-content;
|
2020-06-01 18:20:54 +00:00
|
|
|
box-shadow: inset 0 0 8px #4C4C4C;
|
2020-06-03 11:42:59 +00:00
|
|
|
padding: 5px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.small-button {
|
|
|
|
}
|
|
|
|
|
|
|
|
.large-button {
|
2020-06-01 14:33:53 +00:00
|
|
|
}
|
|
|
|
|
2020-06-03 13:27:48 +00:00
|
|
|
#rewind-button {
|
|
|
|
}
|
|
|
|
|
2020-06-04 11:46:44 +00:00
|
|
|
#stop-button {
|
|
|
|
font-size: 11.55px;
|
|
|
|
}
|
|
|
|
|