Commit | Line | Data |
---|---|---|
f22ac31f AE |
1 | /*! |
2 | * Bootstrap v4.0.0-alpha.2 (http://getbootstrap.com) | |
3 | * Copyright 2011-2015 Twitter, Inc. | |
4 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) | |
5 | */ | |
6 | ||
7 | /* | |
8 | * Heads up! This is a modified version containing only the sizes | |
2e8a4c2b | 9 | * "xs" (mobile) and "md" (desktop). Additionally the "push", "pull", |
f22ac31f AE |
10 | * "first" and "last" classes have been left out. |
11 | */ | |
12 | ||
13 | .row { | |
14 | display: flex; | |
15 | margin-right: -.9375rem; | |
16 | margin-left: -.9375rem; | |
17 | ||
18 | flex-wrap: wrap; | |
19 | } | |
20 | ||
21 | .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, | |
22 | .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { | |
23 | position: relative; | |
24 | min-height: 1px; | |
25 | padding-right: .9375rem; | |
26 | padding-left: .9375rem; | |
27 | } | |
28 | ||
29 | .col-xs-1 { | |
30 | flex: 0 0 8.333333%; | |
ce280017 | 31 | max-width: 8.333333%; |
f22ac31f AE |
32 | } |
33 | ||
34 | .col-xs-2 { | |
35 | flex: 0 0 16.666667%; | |
ce280017 | 36 | max-width: 16.666667%; |
f22ac31f AE |
37 | } |
38 | ||
39 | .col-xs-3 { | |
40 | flex: 0 0 25%; | |
ce280017 | 41 | max-width: 25%; |
f22ac31f AE |
42 | } |
43 | ||
44 | .col-xs-4 { | |
45 | flex: 0 0 33.333333%; | |
ce280017 | 46 | max-width: 33.333333%; |
f22ac31f AE |
47 | } |
48 | ||
49 | .col-xs-5 { | |
50 | flex: 0 0 41.666667%; | |
ce280017 | 51 | max-width: 41.666667%; |
f22ac31f AE |
52 | } |
53 | ||
54 | .col-xs-6 { | |
55 | flex: 0 0 50%; | |
ce280017 | 56 | max-width: 50%; |
f22ac31f AE |
57 | } |
58 | ||
59 | .col-xs-7 { | |
60 | flex: 0 0 58.333333%; | |
ce280017 | 61 | max-width: 58.333333%; |
f22ac31f AE |
62 | } |
63 | ||
64 | .col-xs-8 { | |
65 | flex: 0 0 66.666667%; | |
ce280017 | 66 | max-width: 66.666667%; |
f22ac31f AE |
67 | } |
68 | ||
69 | .col-xs-9 { | |
70 | flex: 0 0 75%; | |
ce280017 | 71 | max-width: 75%; |
f22ac31f AE |
72 | } |
73 | ||
74 | .col-xs-10 { | |
75 | flex: 0 0 83.333333%; | |
ce280017 | 76 | max-width: 83.333333%; |
f22ac31f AE |
77 | } |
78 | ||
79 | .col-xs-11 { | |
80 | flex: 0 0 91.666667%; | |
ce280017 | 81 | max-width: 91.666667%; |
f22ac31f AE |
82 | } |
83 | ||
84 | .col-xs-12 { | |
85 | flex: 0 0 100%; | |
86 | } | |
87 | ||
88 | .col-xs-offset-0 { | |
89 | margin-left: 0; | |
90 | } | |
91 | ||
92 | .col-xs-offset-1 { | |
93 | margin-left: 8.333333%; | |
94 | } | |
95 | ||
96 | .col-xs-offset-2 { | |
97 | margin-left: 16.666667%; | |
98 | } | |
99 | ||
100 | .col-xs-offset-3 { | |
101 | margin-left: 25%; | |
102 | } | |
103 | ||
104 | .col-xs-offset-4 { | |
105 | margin-left: 33.333333%; | |
106 | } | |
107 | ||
108 | .col-xs-offset-5 { | |
109 | margin-left: 41.666667%; | |
110 | } | |
111 | ||
112 | .col-xs-offset-6 { | |
113 | margin-left: 50%; | |
114 | } | |
115 | ||
116 | .col-xs-offset-7 { | |
117 | margin-left: 58.333333%; | |
118 | } | |
119 | ||
120 | .col-xs-offset-8 { | |
121 | margin-left: 66.666667%; | |
122 | } | |
123 | ||
124 | .col-xs-offset-9 { | |
125 | margin-left: 75%; | |
126 | } | |
127 | ||
128 | .col-xs-offset-10 { | |
129 | margin-left: 83.333333%; | |
130 | } | |
131 | ||
132 | .col-xs-offset-11 { | |
133 | margin-left: 91.666667%; | |
134 | } | |
135 | ||
136 | .col-xs-offset-12 { | |
137 | margin-left: 100%; | |
138 | } | |
139 | ||
f216765b | 140 | @include screen-md-up { |
f22ac31f AE |
141 | .col-md-1 { |
142 | flex: 0 0 8.333333%; | |
ce280017 | 143 | max-width: 8.333333%; |
f22ac31f AE |
144 | } |
145 | .col-md-2 { | |
146 | flex: 0 0 16.666667%; | |
ce280017 | 147 | max-width: 16.666667%; |
f22ac31f AE |
148 | } |
149 | .col-md-3 { | |
150 | flex: 0 0 25%; | |
ce280017 | 151 | max-width: 25%; |
f22ac31f AE |
152 | } |
153 | .col-md-4 { | |
154 | flex: 0 0 33.333333%; | |
ce280017 | 155 | max-width: 33.333333%; |
f22ac31f AE |
156 | } |
157 | .col-md-5 { | |
158 | flex: 0 0 41.666667%; | |
ce280017 | 159 | max-width: 41.666667%; |
f22ac31f AE |
160 | } |
161 | .col-md-6 { | |
162 | flex: 0 0 50%; | |
ce280017 | 163 | max-width: 50%; |
f22ac31f AE |
164 | } |
165 | .col-md-7 { | |
166 | flex: 0 0 58.333333%; | |
ce280017 | 167 | max-width: 58.333333%; |
f22ac31f AE |
168 | } |
169 | .col-md-8 { | |
170 | flex: 0 0 66.666667%; | |
ce280017 | 171 | max-width: 66.666667%; |
f22ac31f AE |
172 | } |
173 | .col-md-9 { | |
174 | flex: 0 0 75%; | |
ce280017 | 175 | max-width: 75%; |
f22ac31f AE |
176 | } |
177 | .col-md-10 { | |
178 | flex: 0 0 83.333333%; | |
ce280017 | 179 | max-width: 83.333333%; |
f22ac31f AE |
180 | } |
181 | .col-md-11 { | |
182 | flex: 0 0 91.666667%; | |
ce280017 | 183 | max-width: 91.666667%; |
f22ac31f AE |
184 | } |
185 | .col-md-12 { | |
186 | flex: 0 0 100%; | |
ce280017 | 187 | max-width: none; |
f22ac31f AE |
188 | } |
189 | .col-md-pull-0 { | |
190 | right: auto; | |
191 | } | |
192 | .col-md-pull-1 { | |
193 | right: 8.333333%; | |
194 | } | |
195 | .col-md-pull-2 { | |
196 | right: 16.666667%; | |
197 | } | |
198 | .col-md-pull-3 { | |
199 | right: 25%; | |
200 | } | |
201 | .col-md-pull-4 { | |
202 | right: 33.333333%; | |
203 | } | |
204 | .col-md-pull-5 { | |
205 | right: 41.666667%; | |
206 | } | |
207 | .col-md-pull-6 { | |
208 | right: 50%; | |
209 | } | |
210 | .col-md-pull-7 { | |
211 | right: 58.333333%; | |
212 | } | |
213 | .col-md-pull-8 { | |
214 | right: 66.666667%; | |
215 | } | |
216 | .col-md-pull-9 { | |
217 | right: 75%; | |
218 | } | |
219 | .col-md-pull-10 { | |
220 | right: 83.333333%; | |
221 | } | |
222 | .col-md-pull-11 { | |
223 | right: 91.666667%; | |
224 | } | |
225 | .col-md-pull-12 { | |
226 | right: 100%; | |
227 | } | |
228 | .col-md-push-0 { | |
229 | left: auto; | |
230 | } | |
231 | .col-md-push-1 { | |
232 | left: 8.333333%; | |
233 | } | |
234 | .col-md-push-2 { | |
235 | left: 16.666667%; | |
236 | } | |
237 | .col-md-push-3 { | |
238 | left: 25%; | |
239 | } | |
240 | .col-md-push-4 { | |
241 | left: 33.333333%; | |
242 | } | |
243 | .col-md-push-5 { | |
244 | left: 41.666667%; | |
245 | } | |
246 | .col-md-push-6 { | |
247 | left: 50%; | |
248 | } | |
249 | .col-md-push-7 { | |
250 | left: 58.333333%; | |
251 | } | |
252 | .col-md-push-8 { | |
253 | left: 66.666667%; | |
254 | } | |
255 | .col-md-push-9 { | |
256 | left: 75%; | |
257 | } | |
258 | .col-md-push-10 { | |
259 | left: 83.333333%; | |
260 | } | |
261 | .col-md-push-11 { | |
262 | left: 91.666667%; | |
263 | } | |
264 | .col-md-push-12 { | |
265 | left: 100%; | |
266 | } | |
267 | .col-md-offset-0 { | |
268 | margin-left: 0; | |
269 | } | |
270 | .col-md-offset-1 { | |
271 | margin-left: 8.333333%; | |
272 | } | |
273 | .col-md-offset-2 { | |
274 | margin-left: 16.666667%; | |
275 | } | |
276 | .col-md-offset-3 { | |
277 | margin-left: 25%; | |
278 | } | |
279 | .col-md-offset-4 { | |
280 | margin-left: 33.333333%; | |
281 | } | |
282 | .col-md-offset-5 { | |
283 | margin-left: 41.666667%; | |
284 | } | |
285 | .col-md-offset-6 { | |
286 | margin-left: 50%; | |
287 | } | |
288 | .col-md-offset-7 { | |
289 | margin-left: 58.333333%; | |
290 | } | |
291 | .col-md-offset-8 { | |
292 | margin-left: 66.666667%; | |
293 | } | |
294 | .col-md-offset-9 { | |
295 | margin-left: 75%; | |
296 | } | |
297 | .col-md-offset-10 { | |
298 | margin-left: 83.333333%; | |
299 | } | |
300 | .col-md-offset-11 { | |
301 | margin-left: 91.666667%; | |
302 | } | |
303 | .col-md-offset-12 { | |
304 | margin-left: 100%; | |
305 | } | |
306 | } | |
307 | ||
308 | .row-xs-top { | |
309 | -ms-grid-row-align: flex-start; | |
310 | align-items: flex-start; | |
311 | } | |
312 | ||
313 | .row-xs-center { | |
314 | -ms-grid-row-align: center; | |
315 | align-items: center; | |
316 | } | |
317 | ||
318 | .row-xs-bottom { | |
319 | -ms-grid-row-align: flex-end; | |
320 | align-items: flex-end; | |
321 | } | |
322 | ||
f216765b | 323 | @include screen-md-up { |
f22ac31f AE |
324 | .row-md-top { |
325 | -ms-grid-row-align: flex-start; | |
326 | align-items: flex-start; | |
327 | } | |
328 | .row-md-center { | |
329 | -ms-grid-row-align: center; | |
330 | align-items: center; | |
331 | } | |
332 | .row-md-bottom { | |
333 | -ms-grid-row-align: flex-end; | |
334 | align-items: flex-end; | |
335 | } | |
336 | } | |
337 | ||
338 | .col-xs-top { | |
339 | align-self: flex-start; | |
340 | } | |
341 | ||
342 | .col-xs-center { | |
343 | align-self: center; | |
344 | } | |
345 | ||
346 | .col-xs-bottom { | |
347 | align-self: flex-end; | |
348 | } | |
349 | ||
f216765b | 350 | @include screen-md-up { |
f22ac31f AE |
351 | .col-md-top { |
352 | align-self: flex-start; | |
353 | } | |
354 | .col-md-center { | |
355 | align-self: center; | |
356 | } | |
357 | .col-md-bottom { | |
358 | align-self: flex-end; | |
359 | } | |
360 | } | |
2e8a4c2b MW |
361 | |
362 | // WoltLab's custom definitions below | |
363 | ||
364 | /* vertical gap between wrapped columns */ | |
365 | .rowColGap { | |
366 | margin-bottom: -1.875rem; | |
367 | ||
368 | > .col-xs-1, > .col-xs-2, > .col-xs-3, > .col-xs-4, > .col-xs-5, > .col-xs-6, > .col-xs-7, > .col-xs-8, > .col-xs-9, > .col-xs-10, > .col-xs-11, > .col-xs-12, | |
369 | > .col-md-1, > .col-md-2, > .col-md-3, > .col-md-4, > .col-md-5, > .col-md-6, > .col-md-7, > .col-md-8, > .col-md-9, > .col-md-10, > .col-md-11, > .col-md-12 { | |
370 | margin-bottom: 1.875rem !important; | |
371 | } | |
642c6f73 MW |
372 | |
373 | &:not(:first-child) { | |
374 | margin-top: 20px; | |
375 | } | |
2e8a4c2b | 376 | } |