jurassic-park-interface/sass/components/_buttons.scss
Max Stevenson 3490377cac Started working on the power section of the game / experience.
- Added the famous push to charge and push to close buttons.
- Added some basic styling.
2020-06-13 11:43:37 +01:00

60 lines
954 B
SCSS

.control-panel__button-display {
display: flex;
align-items: center;
}
.button-text__engraved {
text-shadow: 1px 1px 0px #616161, 2px 1px 0px #aeb5b5;
color: transparent;
margin: 0;
text-transform: uppercase;
text-align: center;
}
.button-text__engraved__light {
@extend .button-text__engraved;
text-shadow: 3px 2px 1px #B0B4A9, 1px 1px 0.5px #666C57;
}
.button-text__embossed {
color: #bfbfbf;
text-shadow: 1px 1px 1px #565656;
margin: 0;
text-transform: uppercase;
text-align: center;
}
.button__depressed {
width: fit-content;
box-shadow: inset 0 0 8px #4C4C4C;
padding: 5px;
cursor: default;
}
.buttons {
cursor: pointer;
}
#stop-button {
font-size: 11.55px;
}
#power-charge {
border-radius: 50%;
background-color: #F6E100;
width: 50px;
height: 50px;
}
#power-close {
border-radius: 50%;
background-color: #148E42;
width: 50px;
height: 50px;
}
.power-button__text {
color: white;
}