sass/variables.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
35
36
37
38

// screen //
$screen-transition-width: 600px;

$head_top_vw: 20vw;
$head_top_vh: 20vh;


// board //
$board-size: 60vh;
$board-border: 5vh;

$board-size-mob: 80vw;
$board-border-mob: 5vw;


// colors //
$background-color: #efd;
$foreground-color: #000;


// images //
$background-image: url("assets/dismal.jpg");
$board-image: url("assets/board.jpg");


// head //
$head-margin-top-mob: 20vw;

$head_height: 14vh;
$label_height: 4vh;
$label_width: 16vh;

$head_height_mob: 30vw;
$label_height_mob: 6vw;
$label_width_mob: 26vw;

$label-margin: 0.6;
$label-margin-mob: 0.3;