52 lines
755 B
SCSS
52 lines
755 B
SCSS
.retro-box {
|
|
.title {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.player.center {
|
|
justify-content: center;
|
|
}
|
|
|
|
&:not(.find) .player {
|
|
height: 100%;
|
|
}
|
|
|
|
.win .icon:not(.off) {
|
|
color: #759900;
|
|
}
|
|
|
|
.fail .icon:not(.off) {
|
|
color: #dc322f;
|
|
}
|
|
|
|
.instruction glyph {
|
|
font-weight: normal;
|
|
opacity: 0.7;
|
|
}
|
|
|
|
.half {
|
|
flex: 1 1 50%;
|
|
}
|
|
|
|
.continue {
|
|
display: flex;
|
|
font-size: 1.3em;
|
|
background: rgba(56, 147, 232, 0.8);
|
|
color: #fff;
|
|
align-items: center;
|
|
justify-content: center;
|
|
text-transform: uppercase;
|
|
padding: 0 10px;
|
|
}
|
|
|
|
.continue:hover {
|
|
background: rgba(56, 147, 232, 1);
|
|
}
|
|
|
|
.continue i::before {
|
|
font-size: 2.5em;
|
|
margin-right: 10px;
|
|
}
|
|
}
|