mirror of
https://github.com/danbee/chess
synced 2025-03-04 08:39:06 +00:00
Dan Barber
bedd6605ef
* Forms and board tweaks for small screen sizes * Re-style game status indicators * Re-style viewing/offline indicator * Better eyecons 👁 * Re-organise CSS according to ITCSS principles * Pick new font from Google Fonts * Fix up tests * Move some things into partials
32 lines
686 B
SCSS
32 lines
686 B
SCSS
.game-state {
|
|
align-items: center;
|
|
background-color: $foreground-color;
|
|
border-radius: calc(var(--board-size) / 100);
|
|
bottom: -2.5%;
|
|
box-shadow: 0 0 0 0.2rem $background-color;
|
|
color: $background-color;
|
|
display: none;
|
|
font-size: calc(var(--board-size) / 40);
|
|
height: 6%;
|
|
justify-content: center;
|
|
left: 5%;
|
|
position: absolute;
|
|
width: 15%;
|
|
}
|
|
|
|
&.game-state--check,
|
|
&.game-state--checkmate,
|
|
&.game-state--stalemate {
|
|
display: block; // So PhantomJS will display it.
|
|
display: flex;
|
|
}
|
|
|
|
&.game-state--checkmate,
|
|
&.game-state--stalemate {
|
|
font-size: calc(var(--board-size) / 30);
|
|
height: 7.5%;
|
|
left: calc(50% - 15%);
|
|
top: calc(50% - 3.5%);
|
|
width: 30%;
|
|
}
|