Update translations and TODO
[vchess.git] / public / stylesheets / layout.sass
CommitLineData
1d184b4c 1html, *
1d184b4c 2 font-family: "Open Sans", Arial, sans-serif
d5973790 3 --back-color: #f2f2f2
9a3c9f79
BA
4 --a-link-color: blue
5 --a-visited-color: blue
1d184b4c
BA
6
7body
0bf75837 8 padding: 0
d5973790 9 min-width: 320px
0596f5e7 10 margin-bottom: 10px
6a01d4f7 11
e6dcb115
BA
12.container
13 padding: 0
6f7f7893 14 overflow: hidden
e6dcb115
BA
15
16.row
17 div
18 padding: 0
19 .section-content
20 *
0596f5e7
BA
21 margin-left: auto
22 margin-right: auto
23 max-width: 767px
24 figure.diagram-container
25 max-width: 1000px
e6dcb115 26 @media screen and (max-width: 767px)
0596f5e7 27 max-width: 100%
e6dcb115
BA
28 padding: 0 5px
29
e8e4adbd
BA
30@media screen and (max-width: 767px)
31 .button-group
32 flex-direction: row
33 button:not(:first-child)
34 border-left: 1px solid var(--button-group-border-color)
35 border-top: 0
36
9a3c9f79
BA
37a
38 text-decoration: underline
39
1d184b4c
BA
40.text-center
41 text-align: center
42
43.smallpad
44 padding: 5px
3acb852d
BA
45
46.emphasis
47 font-style: italic
48
a5d56686
BA
49.clickable
50 cursor: pointer
51
52.clearer
53 clear: both
54
3acb852d
BA
55.red
56 color: #cc3300
57
58.purple
59 color: purple
60
61.smallfont
62 font-size: 0.8em
63
9a3c9f79
BA
64.bigfont
65 font-size: 1.2em
66
26c1e3bd
BA
67.bold
68 font-weight: bold
69
3acb852d
BA
70[type="checkbox"].modal+div .card
71 max-width: 767px
72 max-height: 100vh
e6dcb115
BA
73[type="checkbox"].modal+div .card.small-modal
74 max-width: 320px
75[type="checkbox"].modal+div .card.big-modal
76 max-width: 90vw