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
.table {
.head span {
padding: .65em .2em;
}
span {
padding: .45em .2em;
}
}
.icon-table {
content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24"><path d="M3 9h14V7H3zm0 4h14v-2H3zm0 4h14v-2H3zm16 0h2v-2h-2zm0-10v2h2V7zm0 6h2v-2h-2z" fill="white" /></svg>');
}
.icon-canvas {
content: url('data:image/svg+xml;utf8,<svg version="1.1" viewBox="0 0 24 24" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m11 5v14h2v-14zm-4-2v14h2v-14zm10 4h-2v14h2z" fill="white"/></svg>');
}
.relative {
position: relative;
}
@media (max-width: 799px) {
.arrowButton {
width: 48px;
height: 48px;
margin: 15px auto;
}
}
@media (min-width: 800px) {
.arrowButton.flipped {
margin-top: 45px;
}
table {
margin: 15px auto;
}
}