sass/board.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34

@import "variables";

#board {
    background-image: $board_image;
    background-size: 100%;
    opacity:0.9;

    margin: 0 auto;
    padding: $board-border;

    height: $board-size;
    aspect-ratio: 1;
}

@media screen and (max-width: $screen-transition-width) {
    #board {
        height: $board-size-mob;
        padding: $board-border-mob;
    }
}

table {
    height: 100%;
    width: 100%;
}

table, tr, td {
    border: 1px solid black;
    padding: 0;
    margin: 0;
    border-collapse: collapse;
}