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%; | |
31 | } | |
32 | ||
33 | .col-xs-2 { | |
34 | flex: 0 0 16.666667%; | |
35 | } | |
36 | ||
37 | .col-xs-3 { | |
38 | flex: 0 0 25%; | |
39 | } | |
40 | ||
41 | .col-xs-4 { | |
42 | flex: 0 0 33.333333%; | |
43 | } | |
44 | ||
45 | .col-xs-5 { | |
46 | flex: 0 0 41.666667%; | |
47 | } | |
48 | ||
49 | .col-xs-6 { | |
50 | flex: 0 0 50%; | |
51 | } | |
52 | ||
53 | .col-xs-7 { | |
54 | flex: 0 0 58.333333%; | |
55 | } | |
56 | ||
57 | .col-xs-8 { | |
58 | flex: 0 0 66.666667%; | |
59 | } | |
60 | ||
61 | .col-xs-9 { | |
62 | flex: 0 0 75%; | |
63 | } | |
64 | ||
65 | .col-xs-10 { | |
66 | flex: 0 0 83.333333%; | |
67 | } | |
68 | ||
69 | .col-xs-11 { | |
70 | flex: 0 0 91.666667%; | |
71 | } | |
72 | ||
73 | .col-xs-12 { | |
74 | flex: 0 0 100%; | |
75 | } | |
76 | ||
77 | .col-xs-offset-0 { | |
78 | margin-left: 0; | |
79 | } | |
80 | ||
81 | .col-xs-offset-1 { | |
82 | margin-left: 8.333333%; | |
83 | } | |
84 | ||
85 | .col-xs-offset-2 { | |
86 | margin-left: 16.666667%; | |
87 | } | |
88 | ||
89 | .col-xs-offset-3 { | |
90 | margin-left: 25%; | |
91 | } | |
92 | ||
93 | .col-xs-offset-4 { | |
94 | margin-left: 33.333333%; | |
95 | } | |
96 | ||
97 | .col-xs-offset-5 { | |
98 | margin-left: 41.666667%; | |
99 | } | |
100 | ||
101 | .col-xs-offset-6 { | |
102 | margin-left: 50%; | |
103 | } | |
104 | ||
105 | .col-xs-offset-7 { | |
106 | margin-left: 58.333333%; | |
107 | } | |
108 | ||
109 | .col-xs-offset-8 { | |
110 | margin-left: 66.666667%; | |
111 | } | |
112 | ||
113 | .col-xs-offset-9 { | |
114 | margin-left: 75%; | |
115 | } | |
116 | ||
117 | .col-xs-offset-10 { | |
118 | margin-left: 83.333333%; | |
119 | } | |
120 | ||
121 | .col-xs-offset-11 { | |
122 | margin-left: 91.666667%; | |
123 | } | |
124 | ||
125 | .col-xs-offset-12 { | |
126 | margin-left: 100%; | |
127 | } | |
128 | ||
c3102e61 | 129 | @include large-screen-only { |
f22ac31f AE |
130 | .col-md-1 { |
131 | flex: 0 0 8.333333%; | |
132 | } | |
133 | .col-md-2 { | |
134 | flex: 0 0 16.666667%; | |
135 | } | |
136 | .col-md-3 { | |
137 | flex: 0 0 25%; | |
138 | } | |
139 | .col-md-4 { | |
140 | flex: 0 0 33.333333%; | |
141 | } | |
142 | .col-md-5 { | |
143 | flex: 0 0 41.666667%; | |
144 | } | |
145 | .col-md-6 { | |
146 | flex: 0 0 50%; | |
147 | } | |
148 | .col-md-7 { | |
149 | flex: 0 0 58.333333%; | |
150 | } | |
151 | .col-md-8 { | |
152 | flex: 0 0 66.666667%; | |
153 | } | |
154 | .col-md-9 { | |
155 | flex: 0 0 75%; | |
156 | } | |
157 | .col-md-10 { | |
158 | flex: 0 0 83.333333%; | |
159 | } | |
160 | .col-md-11 { | |
161 | flex: 0 0 91.666667%; | |
162 | } | |
163 | .col-md-12 { | |
164 | flex: 0 0 100%; | |
165 | } | |
166 | .col-md-pull-0 { | |
167 | right: auto; | |
168 | } | |
169 | .col-md-pull-1 { | |
170 | right: 8.333333%; | |
171 | } | |
172 | .col-md-pull-2 { | |
173 | right: 16.666667%; | |
174 | } | |
175 | .col-md-pull-3 { | |
176 | right: 25%; | |
177 | } | |
178 | .col-md-pull-4 { | |
179 | right: 33.333333%; | |
180 | } | |
181 | .col-md-pull-5 { | |
182 | right: 41.666667%; | |
183 | } | |
184 | .col-md-pull-6 { | |
185 | right: 50%; | |
186 | } | |
187 | .col-md-pull-7 { | |
188 | right: 58.333333%; | |
189 | } | |
190 | .col-md-pull-8 { | |
191 | right: 66.666667%; | |
192 | } | |
193 | .col-md-pull-9 { | |
194 | right: 75%; | |
195 | } | |
196 | .col-md-pull-10 { | |
197 | right: 83.333333%; | |
198 | } | |
199 | .col-md-pull-11 { | |
200 | right: 91.666667%; | |
201 | } | |
202 | .col-md-pull-12 { | |
203 | right: 100%; | |
204 | } | |
205 | .col-md-push-0 { | |
206 | left: auto; | |
207 | } | |
208 | .col-md-push-1 { | |
209 | left: 8.333333%; | |
210 | } | |
211 | .col-md-push-2 { | |
212 | left: 16.666667%; | |
213 | } | |
214 | .col-md-push-3 { | |
215 | left: 25%; | |
216 | } | |
217 | .col-md-push-4 { | |
218 | left: 33.333333%; | |
219 | } | |
220 | .col-md-push-5 { | |
221 | left: 41.666667%; | |
222 | } | |
223 | .col-md-push-6 { | |
224 | left: 50%; | |
225 | } | |
226 | .col-md-push-7 { | |
227 | left: 58.333333%; | |
228 | } | |
229 | .col-md-push-8 { | |
230 | left: 66.666667%; | |
231 | } | |
232 | .col-md-push-9 { | |
233 | left: 75%; | |
234 | } | |
235 | .col-md-push-10 { | |
236 | left: 83.333333%; | |
237 | } | |
238 | .col-md-push-11 { | |
239 | left: 91.666667%; | |
240 | } | |
241 | .col-md-push-12 { | |
242 | left: 100%; | |
243 | } | |
244 | .col-md-offset-0 { | |
245 | margin-left: 0; | |
246 | } | |
247 | .col-md-offset-1 { | |
248 | margin-left: 8.333333%; | |
249 | } | |
250 | .col-md-offset-2 { | |
251 | margin-left: 16.666667%; | |
252 | } | |
253 | .col-md-offset-3 { | |
254 | margin-left: 25%; | |
255 | } | |
256 | .col-md-offset-4 { | |
257 | margin-left: 33.333333%; | |
258 | } | |
259 | .col-md-offset-5 { | |
260 | margin-left: 41.666667%; | |
261 | } | |
262 | .col-md-offset-6 { | |
263 | margin-left: 50%; | |
264 | } | |
265 | .col-md-offset-7 { | |
266 | margin-left: 58.333333%; | |
267 | } | |
268 | .col-md-offset-8 { | |
269 | margin-left: 66.666667%; | |
270 | } | |
271 | .col-md-offset-9 { | |
272 | margin-left: 75%; | |
273 | } | |
274 | .col-md-offset-10 { | |
275 | margin-left: 83.333333%; | |
276 | } | |
277 | .col-md-offset-11 { | |
278 | margin-left: 91.666667%; | |
279 | } | |
280 | .col-md-offset-12 { | |
281 | margin-left: 100%; | |
282 | } | |
283 | } | |
284 | ||
285 | .row-xs-top { | |
286 | -ms-grid-row-align: flex-start; | |
287 | align-items: flex-start; | |
288 | } | |
289 | ||
290 | .row-xs-center { | |
291 | -ms-grid-row-align: center; | |
292 | align-items: center; | |
293 | } | |
294 | ||
295 | .row-xs-bottom { | |
296 | -ms-grid-row-align: flex-end; | |
297 | align-items: flex-end; | |
298 | } | |
299 | ||
4bc56433 | 300 | @include large-screen-only { |
f22ac31f AE |
301 | .row-md-top { |
302 | -ms-grid-row-align: flex-start; | |
303 | align-items: flex-start; | |
304 | } | |
305 | .row-md-center { | |
306 | -ms-grid-row-align: center; | |
307 | align-items: center; | |
308 | } | |
309 | .row-md-bottom { | |
310 | -ms-grid-row-align: flex-end; | |
311 | align-items: flex-end; | |
312 | } | |
313 | } | |
314 | ||
315 | .col-xs-top { | |
316 | align-self: flex-start; | |
317 | } | |
318 | ||
319 | .col-xs-center { | |
320 | align-self: center; | |
321 | } | |
322 | ||
323 | .col-xs-bottom { | |
324 | align-self: flex-end; | |
325 | } | |
326 | ||
4bc56433 | 327 | @include large-screen-only { |
f22ac31f AE |
328 | .col-md-top { |
329 | align-self: flex-start; | |
330 | } | |
331 | .col-md-center { | |
332 | align-self: center; | |
333 | } | |
334 | .col-md-bottom { | |
335 | align-self: flex-end; | |
336 | } | |
337 | } | |
2e8a4c2b MW |
338 | |
339 | // WoltLab's custom definitions below | |
340 | ||
341 | /* vertical gap between wrapped columns */ | |
342 | .rowColGap { | |
343 | margin-bottom: -1.875rem; | |
344 | ||
345 | > .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, | |
346 | > .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 { | |
347 | margin-bottom: 1.875rem !important; | |
348 | } | |
349 | } |