danbarber/chess
1
0
Fork 0
mirror of https://github.com/danbee/chess synced 2025-03-04 08:39:06 +00:00
Code Issues Releases Wiki Activity

Better styling for check indication

Browse Source
This commit is contained in:
Daniel Barber 2018-04-07 22:24:23 -04:00
parent eeb5668e26
commit d131324eaa
Signed by: danbarber
GPG Key ID: 931D8112E0103DD8
1 changed files with 17 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
assets/css/_board.scss
View File

@ -98,24 +98,29 @@
.board-game-state { .board-game-state {
align-items: center; align-items: center;
bottom: 0; background-color: $game-state-background-color;
border-radius: calc(var(--board-size) / 75);
bottom: -2.5%;
box-shadow: 0 calc(var(--board-size) / 200) calc(var(--board-size) / 40) $board-shadow-color, inset 0 0 0 calc(var(--board-size) / 300) $white-square-color;
color: $foreground-color; color: $foreground-color;
display: flex; display: none;
font-size: calc(var(--board-size) / 30); font-size: calc(var(--board-size) / 40);
height: 5%; height: 6%;
justify-content: center;
position: absolute; position: absolute;
width: 90%; right: 5%;
width: 15%;
&.check,
&.checkmate,
&.stalemate {
display: flex;
}
&.checkmate, &.checkmate,
&.stalemate { &.stalemate {
align-items: center; font-size: calc(var(--board-size) / 30);
background-color: $game-state-background-color;
border-radius: calc(var(--board-size) / 75);
box-shadow: 0 calc(var(--board-size) / 200) calc(var(--board-size) / 40) $board-shadow-color,
inset 0 0 0 calc(var(--board-size) / 300) $white-square-color;
display: flex;
height: 7.5%; height: 7.5%;
justify-content: center;
left: calc(50% - 15%); left: calc(50% - 15%);
top: calc(50% - 3.5%); top: calc(50% - 3.5%);
width: 30%; width: 30%;
@ -126,7 +131,6 @@
align-items: center; align-items: center;
display: flex; display: flex;
flex-grow: 1; flex-grow: 1;
font-size: calc(var(--board-size) / 40);
justify-content: center; justify-content: center;
} }