Code reorganization
[vchess.git] / client / src / stylesheets / layout.sass
CommitLineData
b57dbd12
BA
1@import users
2
1d184b4c 3html, *
1d184b4c 4 font-family: "Open Sans", Arial, sans-serif
d5973790 5 --back-color: #f2f2f2
9a3c9f79
BA
6 --a-link-color: blue
7 --a-visited-color: blue
1d184b4c
BA
8
9body
0bf75837 10 padding: 0
d5973790 11 min-width: 320px
6a01d4f7 12
e6dcb115
BA
13.container
14 padding: 0
6f7f7893 15 overflow: hidden
e6dcb115
BA
16
17.row
18 div
19 padding: 0
20 .section-content
21 *
0596f5e7
BA
22 margin-left: auto
23 margin-right: auto
24 max-width: 767px
25 figure.diagram-container
26 max-width: 1000px
e6dcb115 27 @media screen and (max-width: 767px)
0596f5e7 28 max-width: 100%
e6dcb115
BA
29 padding: 0 5px
30
e8e4adbd
BA
31@media screen and (max-width: 767px)
32 .button-group
33 flex-direction: row
34 button:not(:first-child)
35 border-left: 1px solid var(--button-group-border-color)
36 border-top: 0
37
fd08ab2c
BA
38.right-menu
39 float: right
40 @media screen and (max-width: 767px)
41 .info-container
42 p
43 margin-right: 5px
44
4608eed9
BA
45a.right-menu
46 &:link, &:visited, &:hover
47 color: black
48
298c42e6
BA
49#settings, #contactForm
50 max-width: 767px
51 @media screen and (max-width: 767px)
52 max-width: 100vw
53
54#emailSent
55 color: blue
56 display: none
57
58footer
59 height: 77px
60 background-color: #000033
61 div
62 line-height: 77px
63 a
64 margin: 0 10px 0 0
65 display: inline-block
66 &:visited, &:link
67 color: white
68 p
69 margin: 0 0 0 10px
70 display: inline-block
71 color: white
72 text-decoration: underline
73 @media screen and (max-width: 767px)
74 height: 43px
75 div
76 line-height: 43px
77
9a3c9f79
BA
78a
79 text-decoration: underline
80
1d184b4c
BA
81.text-center
82 text-align: center
83
84.smallpad
85 padding: 5px
3acb852d
BA
86
87.emphasis
88 font-style: italic
89
a5d56686
BA
90.clickable
91 cursor: pointer
92
93.clearer
94 clear: both
95
3acb852d
BA
96.red
97 color: #cc3300
98
99.purple
100 color: purple
101
102.smallfont
103 font-size: 0.8em
104
9a3c9f79
BA
105.bigfont
106 font-size: 1.2em
107
26c1e3bd
BA
108.bold
109 font-weight: bold
110
3acb852d
BA
111[type="checkbox"].modal+div .card
112 max-width: 767px
113 max-height: 100vh
e6dcb115
BA
114[type="checkbox"].modal+div .card.small-modal
115 max-width: 320px
116[type="checkbox"].modal+div .card.big-modal
117 max-width: 90vw