mirror of
https://github.com/Max-Stevenson/jurassic-park-interface.git
synced 2024-09-30 01:54:27 +00:00
74c4ca0f94
- Removed unicode chars and pasted in symbols. - Created own border style for console output screen.
49 lines
777 B
SCSS
49 lines
777 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;
|
|
}
|
|
|
|
.small-button {
|
|
padding: 0px 10px;
|
|
}
|
|
|
|
.large-button {
|
|
padding: 2px 20px;
|
|
}
|
|
|
|
#rewind-button {
|
|
display: flex;
|
|
}
|
|
|
|
#stop-button {
|
|
font-size: 11.55px;
|
|
}
|
|
|