-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathstyle.sass
160 lines (123 loc) · 2.2 KB
/
style.sass
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
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
$item-color: rgba(24, 24, 36, 0.6)
$item-radius: 2px
body
display: flex
margin: 0
min-height: 100%
height: 100%
button
display: block
background-color: #2E7BCC
cursor: pointer
padding: 5px
border: 0
font-size: 1.1em
div#bracket
margin-left: 450px
background-color: lightgrey
padding: 25px
display: inline-block
width: 100%
overflow-y: auto
h2
display: block
color: grey
text-align: center
vertical-align: middle
div#mainBracket, div#secondaryBracket
padding: 10px
div#options
position: fixed
background-color: #2e404e
color: #fff
padding: 0 10px 10px 10px
width: 450px
height: 100%
overflow-y: auto
h3
margin-bottom: 6px
p
margin: 6px 0
div#projectInfoFlex
display: flex
margin-bottom: 20px
img
height: 50px
p
margin: 0
div.round1, div.round2, div.round3, div.round4, div.round5
vertical-align: top
display: inline-block
min-width: 10%
width: 15%
max-width: 20%
select
height: 30px
div.round1
div.match
padding: 10px 0
height: 80px
div.spacer
height: 28px
div.round2
div.match
padding: 20px 0
div.spacer
height: 98px
div.round3
div.match
padding: 70px 0
div.spacer
height: 198px
div.round4
div.match
padding: 170px 0
div.spacer
height: 398px
div.round5
div.match
padding: 370px 0
div.spacer
height: 798px
div.match
p
margin: 5px
div.spacer
border-top: 1px solid #555
border-bottom: 1px solid #555
border-right: 1px solid #555
input#numberOfPlayers
color: #fff
background-color: $item-color
border-width: 0
padding: 2px
border-radius: $item-radius
display: block
width: 68px
p.warningMessage
display: inline-block
padding: 5px
background-color: red
border-radius: 3px
text-align: center
section
background-color: $item-color
padding: 2px 10px
margin: 10px 0
border-radius: $item-radius
&#projectInfoSection
margin-bottom: 25px
select#winner
display: inline-block
height: 30px
textarea#names
background-color: $item-color
border-width: 0
padding: 2px
border-radius: $item-radius
color: #fff
height: 128px
min-width: 435px
width: 450px
max-width: 450px
resize: none