turnometer/turnometer.css at master · LukeusMaximus/turnometer · GitHub

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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
* {
    box-sizing: border-box;
}

html {
    height: 100%;
    font-family: sans-serif;
}

body {
    margin: 0;
    height: 100%;

    display: grid;
    grid-template-rows: 1fr auto auto auto 1fr;
    grid-template-columns: 0.1fr 1fr 0.1fr;
    grid-template-areas:
        ". . ."
        ". time ."
        ". turn ."
        ". phase ."
        ". . .";
}

#time-container {
    grid-area: time;
    width: 30%;
    justify-self: center;
}

#time-backing {
    stroke: transparent;
    fill: black
}

#time {
    fill: white;
}

#turn-container {
    grid-area: turn;
    width: 100%;
}

#turn {
    fill: black;
}

#phase-container {
    grid-area: phase;
    width: 60%;
    justify-self: center;
}

#phase-backing {
    fill: black;
}

#phase {
    fill: white;
}