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

Fix selected/available borders

Browse Source
This commit is contained in:
Daniel Barber 2018-04-06 16:35:24 -04:00
parent 97a23ff9e7
commit 4d7b3e158f
Signed by: danbarber
GPG Key ID: 931D8112E0103DD8
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
assets/css/_board.scss
View File

@ -109,12 +109,12 @@
&.selected { &.selected {
background-color: mix($black-square-color, $selected-square-color, 60%); background-color: mix($black-square-color, $selected-square-color, 60%);
box-shadow: inset 0 0 0 (var(--board-size) / 400) $selected-outline-color; box-shadow: inset 0 0 0 calc(var(--board-size) / 400) $selected-outline-color;
} }
&.available { &.available {
background-color: mix($black-square-color, $available-square-color, 80%); background-color: mix($black-square-color, $available-square-color, 80%);
box-shadow: inset 0 0 0 (var(--board-size) / 400) $available-outline-color; box-shadow: inset 0 0 0 calc(var(--board-size) / 400) $available-outline-color;
} }
} }
@ -123,12 +123,12 @@
&.selected { &.selected {
background-color: mix($white-square-color, $selected-square-color, 60%); background-color: mix($white-square-color, $selected-square-color, 60%);
box-shadow: inset 0 0 0 (var(--board-size) / 400) $selected-outline-color; box-shadow: inset 0 0 0 calc(var(--board-size) / 400) $selected-outline-color;
} }
&.available { &.available {
background-color: mix($white-square-color, $available-square-color, 80%); background-color: mix($white-square-color, $available-square-color, 80%);
box-shadow: inset 0 0 0 (var(--board-size) / 400) $available-outline-color; box-shadow: inset 0 0 0 calc(var(--board-size) / 400) $available-outline-color;
} }
} }

2
assets/css/_variables.scss
View File

@ -20,7 +20,7 @@ $available-square-color: #6f0;
$square-outline-color: darken($black-square-color, 20%); $square-outline-color: darken($black-square-color, 20%);
$selected-outline-color: lighten($selected-square-color, 20%); $selected-outline-color: lighten($selected-square-color, 20%);
$available-outline-color: rgba(lighten($available-square-color, 20%), 0.7); $available-outline-color: rgba(lighten($available-square-color, 20%), 0.5);
$colours: "black" "white"; $colours: "black" "white";
$pieces: king queen bishop knight rook pawn; $pieces: king queen bishop knight rook pawn;