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 hound warnings

Browse Source
This commit is contained in:
Daniel Barber 2018-02-23 16:33:18 -05:00
parent 65caee7e6e
commit 03b974be9e
Signed by: danbarber
GPG Key ID: 931D8112E0103DD8
3 changed files with 21 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
assets/css/_board.scss
View File

@ -1,19 +1,15 @@
.board { .board {
border: 0.3vmin solid black; border: 0.3vmin solid $board-border-color;
height: 80vmin;
margin: 0 auto; margin: 0 auto;
width: 80vmin; width: 80vmin;
height: 80vmin;
}
.board-rank {
} }
.board-square { .board-square {
border: 0.2vmin solid $square-outline-color;
background-size: 100%;
background-repeat: no-repeat;
background-position: center; background-position: center;
background-repeat: no-repeat;
background-size: 100%;
border: 0.2vmin solid $square-outline-color;
@each $colour in $colours { @each $colour in $colours {
@each $piece in $pieces { @each $piece in $pieces {
@ -24,7 +20,7 @@
} }
} }
%black-square { @mixin black-square {
background-color: $black-square-color; background-color: $black-square-color;
&.selected { &.selected {
@ -33,7 +29,7 @@
} }
} }
%white-square { @mixin white-square {
background-color: $white-square-color; background-color: $white-square-color;
&.selected { &.selected {
@ -44,18 +40,20 @@
.board-rank:nth-child(odd) { .board-rank:nth-child(odd) {
.board-square:nth-child(even) { .board-square:nth-child(even) {
@extend %black-square; @include black-square;
} }
.board-square:nth-child(odd) { .board-square:nth-child(odd) {
@extend %white-square; @include white-square;
} }
} }
.board-rank:nth-child(even) { .board-rank:nth-child(even) {
.board-square:nth-child(even) { .board-square:nth-child(even) {
@extend %white-square; @include white-square;
} }
.board-square:nth-child(odd) { .board-square:nth-child(odd) {
@extend %black-square; @include black-square;
} }
} }

7
assets/css/_layout.scss
View File

@ -7,7 +7,10 @@ a {
color: mix($background-color, $link-color, 30%); color: mix($background-color, $link-color, 30%);
} }
h1, h2, h3, h4 { h1,
h2,
h3,
h4 {
font-variant: small-caps; font-variant: small-caps;
font-weight: 300; font-weight: 300;
} }
@ -17,8 +20,8 @@ h1 {
} }
.container { .container {
width: 80%;
margin: 0 auto; margin: 0 auto;
width: 80%;
} }
.form-group { .form-group {

4
assets/css/_variables.scss
View File

@ -3,13 +3,15 @@ $foreground-color: white;
$link-color: #ffdd00; $link-color: #ffdd00;
$board-border-color: #000;
$board-square-size: 9vmin; $board-square-size: 9vmin;
$base-font-size: 16px; $base-font-size: 16px;
$black-square-color: #777; $black-square-color: #777;
$white-square-color: #bbb; $white-square-color: #bbb;
$selected-square-color: #66ff00; $selected-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%);