flexbox-rails 1.0.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -0,0 +1,7 @@
1
+ ---
2
+ SHA1:
3
+ metadata.gz: 5e3f78d47d89d4b69c6b4600406e4ac24f1b52b4
4
+ data.tar.gz: 6ea4117ea18ee64987bf0252321b6928fcc80ea3
5
+ SHA512:
6
+ metadata.gz: 5849b8b3112c7ea9b98e14c5d71a6507280355471d76157918ad4d8ca3a87ae298ca81c9227d614c5127e11ed70a1bba88a66726ec07931c0fea1f4ed75221a0
7
+ data.tar.gz: 50198c95a0573a3f1cc6db169645f5be5c88a4c3527778bc16d8606727069a23900f6cf040bec5167fb181eb24ef76873ab6055729a2a912debb19547c81b304
@@ -0,0 +1,8 @@
1
+ require "flexbox/rails/version"
2
+
3
+ module Flexbox
4
+ module Rails
5
+ class Engine < ::Rails::Engine
6
+ end
7
+ end
8
+ end
@@ -0,0 +1,5 @@
1
+ module Flexbox
2
+ module Rails
3
+ VERSION = "1.0.0"
4
+ end
5
+ end
@@ -0,0 +1,11 @@
1
+ require 'spec_helper'
2
+
3
+ describe Flexbox::Rails do
4
+ it 'has a version number' do
5
+ expect(Flexbox::Rails::VERSION).not_to be nil
6
+ end
7
+
8
+ it 'does something useful' do
9
+ expect(false).to eq(true)
10
+ end
11
+ end
@@ -0,0 +1,2 @@
1
+ $LOAD_PATH.unshift File.expand_path('../../lib', __FILE__)
2
+ require 'flexbox/rails'
@@ -0,0 +1,3062 @@
1
+ /* F L E X */
2
+
3
+ .row-start-start
4
+ {
5
+ display: -webkit-flex;
6
+ -webkit-flex-direction: row;
7
+ -webkit-justify-content: flex-start;
8
+ -webkit-align-items: flex-start;
9
+
10
+ display: flex;
11
+ flex-direction: row;
12
+ justify-content: flex-start;
13
+ align-items: flex-start;
14
+ }
15
+ .row-start-center
16
+ {
17
+ display: -webkit-flex;
18
+ -webkit-flex-direction: row;
19
+ -webkit-justify-content: flex-start;
20
+ -webkit-align-items: center;
21
+
22
+ display: flex;
23
+ flex-direction: row;
24
+ justify-content: flex-start;
25
+ align-items: center;
26
+ }
27
+ .row-start-end
28
+ {
29
+ display: -webkit-flex;
30
+ -webkit-flex-direction: row;
31
+ -webkit-justify-content: flex-start;
32
+ -webkit-align-items: flex-end;
33
+
34
+ display: flex;
35
+ flex-direction: row;
36
+ justify-content: flex-start;
37
+ align-items: flex-end;
38
+ }
39
+ .row-start-stretch
40
+ {
41
+ display: -webkit-flex;
42
+ -webkit-flex-direction: row;
43
+ -webkit-justify-content: flex-start;
44
+ -webkit-align-items: stretch;
45
+
46
+ display: flex;
47
+ flex-direction: row;
48
+ justify-content: flex-start;
49
+ align-items: stretch;
50
+ }
51
+ .row-start-baseline
52
+ {
53
+ display: -webkit-flex;
54
+ -webkit-flex-direction: row;
55
+ -webkit-justify-content: flex-start;
56
+ -webkit-align-items: baseline;
57
+
58
+ display: flex;
59
+ flex-direction: row;
60
+ justify-content: flex-start;
61
+ align-items: baseline;
62
+ }
63
+
64
+
65
+ .row-center-start
66
+ {
67
+ display: -webkit-flex;
68
+ -webkit-flex-direction: row;
69
+ -webkit-justify-content: center;
70
+ -webkit-align-items: flex-start;
71
+
72
+ display: flex;
73
+ flex-direction: row;
74
+ justify-content: center;
75
+ align-items: flex-start;
76
+ }
77
+ .row-center-center
78
+ {
79
+ display: -webkit-flex;
80
+ -webkit-flex-direction: row;
81
+ -webkit-justify-content: center;
82
+ -webkit-align-items: center;
83
+
84
+ display: flex;
85
+ flex-direction: row;
86
+ justify-content: center;
87
+ align-items: center;
88
+ }
89
+ .row-center-end
90
+ {
91
+ display: -webkit-flex;
92
+ -webkit-flex-direction: row;
93
+ -webkit-justify-content: center;
94
+ -webkit-align-items: flex-end;
95
+
96
+ display: flex;
97
+ flex-direction: row;
98
+ justify-content: center;
99
+ align-items: flex-end;
100
+ }
101
+ .row-center-stretch
102
+ {
103
+ display: -webkit-flex;
104
+ -webkit-flex-direction: row;
105
+ -webkit-justify-content: center;
106
+ -webkit-align-items: stretch;
107
+
108
+ display: flex;
109
+ flex-direction: row;
110
+ justify-content: center;
111
+ align-items: stretch;
112
+ }
113
+ .row-center-baseline
114
+ {
115
+ display: -webkit-flex;
116
+ -webkit-flex-direction: row;
117
+ -webkit-justify-content: center;
118
+ -webkit-align-items: baseline;
119
+
120
+ display: flex;
121
+ flex-direction: row;
122
+ justify-content: center;
123
+ align-items: baseline;
124
+ }
125
+
126
+
127
+ .row-end-start
128
+ {
129
+ display: -webkit-flex;
130
+ -webkit-flex-direction: row;
131
+ -webkit-justify-content: flex-end;
132
+ -webkit-align-items: flex-start;
133
+
134
+ display: flex;
135
+ flex-direction: row;
136
+ justify-content: flex-end;
137
+ align-items: flex-start;
138
+ }
139
+ .row-end-center
140
+ {
141
+ display: -webkit-flex;
142
+ -webkit-flex-direction: row;
143
+ -webkit-justify-content: flex-end;
144
+ -webkit-align-items: center;
145
+
146
+ display: flex;
147
+ flex-direction: row;
148
+ justify-content: flex-end;
149
+ align-items: center;
150
+ }
151
+ .row-end-end
152
+ {
153
+ display: -webkit-flex;
154
+ -webkit-flex-direction: row;
155
+ -webkit-justify-content: flex-end;
156
+ -webkit-align-items: flex-end;
157
+
158
+ display: flex;
159
+ flex-direction: row;
160
+ justify-content: flex-end;
161
+ align-items: flex-end;
162
+ }
163
+ .row-end-stretch
164
+ {
165
+ display: -webkit-flex;
166
+ -webkit-flex-direction: row;
167
+ -webkit-justify-content: flex-end;
168
+ -webkit-align-items: stretch;
169
+
170
+ display: flex;
171
+ flex-direction: row;
172
+ justify-content: flex-end;
173
+ align-items: stretch;
174
+ }
175
+ .row-end-baseline
176
+ {
177
+ display: -webkit-flex;
178
+ -webkit-flex-direction: row;
179
+ -webkit-justify-content: flex-end;
180
+ -webkit-align-items: baseline;
181
+
182
+ display: flex;
183
+ flex-direction: row;
184
+ justify-content: flex-end;
185
+ align-items: baseline;
186
+ }
187
+
188
+
189
+ .row-around-start
190
+ {
191
+ display: -webkit-flex;
192
+ -webkit-flex-direction: row;
193
+ -webkit-justify-content: space-around;
194
+ -webkit-align-items: flex-start;
195
+
196
+ display: flex;
197
+ flex-direction: row;
198
+ justify-content: space-around;
199
+ align-items: flex-start;
200
+ }
201
+ .row-around-center
202
+ {
203
+ display: -webkit-flex;
204
+ -webkit-flex-direction: row;
205
+ -webkit-justify-content: space-around;
206
+ -webkit-align-items: center;
207
+
208
+ display: flex;
209
+ flex-direction: row;
210
+ justify-content: space-around;
211
+ align-items: center;
212
+ }
213
+ .row-around-end
214
+ {
215
+ display: -webkit-flex;
216
+ -webkit-flex-direction: row;
217
+ -webkit-justify-content: space-around;
218
+ -webkit-align-items: flex-end;
219
+
220
+ display: flex;
221
+ flex-direction: row;
222
+ justify-content: space-around;
223
+ align-items: flex-end;
224
+ }
225
+ .row-around-stretch
226
+ {
227
+ display: -webkit-flex;
228
+ -webkit-flex-direction: row;
229
+ -webkit-justify-content: space-around;
230
+ -webkit-align-items: stretch;
231
+
232
+ display: flex;
233
+ flex-direction: row;
234
+ justify-content: space-around;
235
+ align-items: stretch;
236
+ }
237
+ .row-around-baseline
238
+ {
239
+ display: -webkit-flex;
240
+ -webkit-flex-direction: row;
241
+ -webkit-justify-content: space-around;
242
+ -webkit-align-items: baseline;
243
+
244
+ display: flex;
245
+ flex-direction: row;
246
+ justify-content: space-around;
247
+ align-items: baseline;
248
+ }
249
+
250
+
251
+ .row-between-start
252
+ {
253
+ display: -webkit-flex;
254
+ -webkit-flex-direction: row;
255
+ -webkit-justify-content: space-between;
256
+ -webkit-align-items: flex-start;
257
+
258
+ display: flex;
259
+ flex-direction: row;
260
+ justify-content: space-between;
261
+ align-items: flex-start;
262
+ }
263
+ .row-between-center
264
+ {
265
+ display: -webkit-flex;
266
+ -webkit-flex-direction: row;
267
+ -webkit-justify-content: space-between;
268
+ -webkit-align-items: center;
269
+
270
+ display: flex;
271
+ flex-direction: row;
272
+ justify-content: space-between;
273
+ align-items: center;
274
+ }
275
+ .row-between-end
276
+ {
277
+ display: -webkit-flex;
278
+ -webkit-flex-direction: row;
279
+ -webkit-justify-content: space-between;
280
+ -webkit-align-items: flex-end;
281
+
282
+ display: flex;
283
+ flex-direction: row;
284
+ justify-content: space-around;
285
+ align-items: flex-end;
286
+ }
287
+ .row-between-stretch
288
+ {
289
+ display: -webkit-flex;
290
+ -webkit-flex-direction: row;
291
+ -webkit-justify-content: space-between;
292
+ -webkit-align-items: stretch;
293
+
294
+ display: flex;
295
+ flex-direction: row;
296
+ justify-content: space-between;
297
+ align-items: stretch;
298
+ }
299
+ .row-between-baseline
300
+ {
301
+ display: -webkit-flex;
302
+ -webkit-flex-direction: row;
303
+ -webkit-justify-content: space-between;
304
+ -webkit-align-items: baseline;
305
+
306
+ display: flex;
307
+ flex-direction: row;
308
+ justify-content: space-between;
309
+ align-items: baseline;
310
+ }
311
+
312
+
313
+ .column-start-start
314
+ {
315
+ display: -webkit-flex;
316
+ -webkit-flex-direction: column;
317
+ -webkit-justify-content: flex-start;
318
+ -webkit-align-items: flex-start;
319
+
320
+ display: flex;
321
+ flex-direction: column;
322
+ justify-content: flex-start;
323
+ align-items: flex-start;
324
+ }
325
+ .column-start-center
326
+ {
327
+ display: -webkit-flex;
328
+ -webkit-flex-direction: column;
329
+ -webkit-justify-content: flex-start;
330
+ -webkit-align-items: center;
331
+
332
+ display: flex;
333
+ flex-direction: column;
334
+ justify-content: flex-start;
335
+ align-items: center;
336
+ }
337
+ .column-start-end
338
+ {
339
+ display: -webkit-flex;
340
+ -webkit-flex-direction: column;
341
+ -webkit-justify-content: flex-start;
342
+ -webkit-align-items: flex-end;
343
+
344
+ display: flex;
345
+ flex-direction: column;
346
+ justify-content: flex-start;
347
+ align-items: flex-end;
348
+ }
349
+ .column-start-stretch
350
+ {
351
+ display: -webkit-flex;
352
+ -webkit-flex-direction: column;
353
+ -webkit-justify-content: flex-start;
354
+ -webkit-align-items: stretch;
355
+
356
+ display: flex;
357
+ flex-direction: column;
358
+ justify-content: flex-start;
359
+ align-items: stretch;
360
+ }
361
+ .column-start-baseline
362
+ {
363
+ display: -webkit-flex;
364
+ -webkit-flex-direction: column;
365
+ -webkit-justify-content: flex-start;
366
+ -webkit-align-items: baseline;
367
+
368
+ display: flex;
369
+ flex-direction: column;
370
+ justify-content: flex-start;
371
+ align-items: baseline;
372
+ }
373
+
374
+
375
+ .column-center-start
376
+ {
377
+ display: -webkit-flex;
378
+ -webkit-flex-direction: column;
379
+ -webkit-justify-content: center;
380
+ -webkit-align-items: flex-start;
381
+
382
+ display: flex;
383
+ flex-direction: column;
384
+ justify-content: center;
385
+ align-items: flex-start;
386
+ }
387
+ .column-center-center
388
+ {
389
+ display: -webkit-flex;
390
+ -webkit-flex-direction: column;
391
+ -webkit-justify-content: center;
392
+ -webkit-align-items: center;
393
+
394
+ display: flex;
395
+ flex-direction: column;
396
+ justify-content: center;
397
+ align-items: center;
398
+ }
399
+ .column-center-end
400
+ {
401
+ display: -webkit-flex;
402
+ -webkit-flex-direction: column;
403
+ -webkit-justify-content: center;
404
+ -webkit-align-items: flex-end;
405
+
406
+ display: flex;
407
+ flex-direction: column;
408
+ justify-content: center;
409
+ align-items: flex-end;
410
+ }
411
+ .column-center-stretch
412
+ {
413
+ display: -webkit-flex;
414
+ -webkit-flex-direction: column;
415
+ -webkit-justify-content: center;
416
+ -webkit-align-items: stretch;
417
+
418
+ display: flex;
419
+ flex-direction: column;
420
+ justify-content: center;
421
+ align-items: stretch;
422
+ }
423
+ .column-center-baseline
424
+ {
425
+ display: -webkit-flex;
426
+ -webkit-flex-direction: column;
427
+ -webkit-justify-content: center;
428
+ -webkit-align-items: baseline;
429
+
430
+ display: flex;
431
+ flex-direction: column;
432
+ justify-content: center;
433
+ align-items: baseline;
434
+ }
435
+
436
+
437
+ .column-end-start
438
+ {
439
+ display: -webkit-flex;
440
+ -webkit-flex-direction: column;
441
+ -webkit-justify-content: flex-end;
442
+ -webkit-align-items: flex-start;
443
+
444
+ display: flex;
445
+ flex-direction: column;
446
+ justify-content: flex-end;
447
+ align-items: flex-start;
448
+ }
449
+ .column-end-center
450
+ {
451
+ display: -webkit-flex;
452
+ -webkit-flex-direction: column;
453
+ -webkit-justify-content: flex-end;
454
+ -webkit-align-items: center;
455
+
456
+ display: flex;
457
+ flex-direction: column;
458
+ justify-content: flex-end;
459
+ align-items: center;
460
+ }
461
+ .column-end-end
462
+ {
463
+ display: -webkit-flex;
464
+ -webkit-flex-direction: column;
465
+ -webkit-justify-content: flex-end;
466
+ -webkit-align-items: flex-end;
467
+
468
+ display: flex;
469
+ flex-direction: column;
470
+ justify-content: flex-end;
471
+ align-items: flex-end;
472
+ }
473
+ .column-end-stretch
474
+ {
475
+ display: -webkit-flex;
476
+ -webkit-flex-direction: column;
477
+ -webkit-justify-content: flex-end;
478
+ -webkit-align-items: stretch;
479
+
480
+ display: flex;
481
+ flex-direction: column;
482
+ justify-content: flex-end;
483
+ align-items: stretch;
484
+ }
485
+ .column-end-baseline
486
+ {
487
+ display: -webkit-flex;
488
+ -webkit-flex-direction: column;
489
+ -webkit-justify-content: flex-end;
490
+ -webkit-align-items: baseline;
491
+
492
+ display: flex;
493
+ flex-direction: column;
494
+ justify-content: flex-end;
495
+ align-items: baseline;
496
+ }
497
+
498
+
499
+ .column-around-start
500
+ {
501
+ display: -webkit-flex;
502
+ -webkit-flex-direction: column;
503
+ -webkit-justify-content: space-around;
504
+ -webkit-align-items: flex-start;
505
+
506
+ display: flex;
507
+ flex-direction: column;
508
+ justify-content: space-around;
509
+ align-items: flex-start;
510
+ }
511
+ .column-around-center
512
+ {
513
+ display: -webkit-flex;
514
+ -webkit-flex-direction: column;
515
+ -webkit-justify-content: space-around;
516
+ -webkit-align-items: center;
517
+
518
+ display: flex;
519
+ flex-direction: column;
520
+ justify-content: space-around;
521
+ align-items: center;
522
+ }
523
+ .column-around-end
524
+ {
525
+ display: -webkit-flex;
526
+ -webkit-flex-direction: column;
527
+ -webkit-justify-content: space-around;
528
+ -webkit-align-items: flex-end;
529
+
530
+ display: flex;
531
+ flex-direction: column;
532
+ justify-content: space-around;
533
+ align-items: flex-end;
534
+ }
535
+ .column-around-stretch
536
+ {
537
+ display: -webkit-flex;
538
+ -webkit-flex-direction: column;
539
+ -webkit-justify-content: space-around;
540
+ -webkit-align-items: stretch;
541
+
542
+ display: flex;
543
+ flex-direction: column;
544
+ justify-content: space-around;
545
+ align-items: stretch;
546
+ }
547
+ .column-around-baseline
548
+ {
549
+ display: -webkit-flex;
550
+ -webkit-flex-direction: column;
551
+ -webkit-justify-content: space-around;
552
+ -webkit-align-items: baseline;
553
+
554
+ display: flex;
555
+ flex-direction: column;
556
+ justify-content: space-around;
557
+ align-items: baseline;
558
+ }
559
+
560
+
561
+ .column-between-start
562
+ {
563
+ display: -webkit-flex;
564
+ -webkit-flex-direction: column;
565
+ -webkit-justify-content: space-between;
566
+ -webkit-align-items: flex-start;
567
+
568
+ display: flex;
569
+ flex-direction: column;
570
+ justify-content: space-between;
571
+ align-items: flex-start;
572
+ }
573
+ .column-between-center
574
+ {
575
+ display: -webkit-flex;
576
+ -webkit-flex-direction: column;
577
+ -webkit-justify-content: space-between;
578
+ -webkit-align-items: center;
579
+
580
+ display: flex;
581
+ flex-direction: column;
582
+ justify-content: space-between;
583
+ align-items: center;
584
+ }
585
+ .column-between-end
586
+ {
587
+ display: -webkit-flex;
588
+ -webkit-flex-direction: column;
589
+ -webkit-justify-content: space-between;
590
+ -webkit-align-items: flex-end;
591
+
592
+ display: flex;
593
+ flex-direction: column;
594
+ justify-content: space-around;
595
+ align-items: flex-end;
596
+ }
597
+ .column-between-stretch
598
+ {
599
+ display: -webkit-flex;
600
+ -webkit-flex-direction: column;
601
+ -webkit-justify-content: space-between;
602
+ -webkit-align-items: stretch;
603
+
604
+ display: flex;
605
+ flex-direction: column;
606
+ justify-content: space-between;
607
+ align-items: stretch;
608
+ }
609
+ .column-between-baseline
610
+ {
611
+ display: -webkit-flex;
612
+ -webkit-flex-direction: column;
613
+ -webkit-justify-content: space-between;
614
+ -webkit-align-items: baseline;
615
+
616
+ display: flex;
617
+ flex-direction: column;
618
+ justify-content: space-between;
619
+ align-items: baseline;
620
+ }
621
+
622
+
623
+ .wrap-row-start-start
624
+ {
625
+ display: -webkit-flex;
626
+ -webkit-flex-wrap: wrap;
627
+ -webkit-flex-direction: row;
628
+ -webkit-justify-content: flex-start;
629
+ -webkit-align-content: flex-start;
630
+
631
+ display: flex;
632
+ flex-wrap: wrap;
633
+ flex-direction: row;
634
+ justify-content: flex-start;
635
+ align-content: flex-start;
636
+ }
637
+ .wrap-row-start-center
638
+ {
639
+ display: -webkit-flex;
640
+ -webkit-flex-wrap: wrap;
641
+ -webkit-flex-direction: row;
642
+ -webkit-justify-content: flex-start;
643
+ -webkit-align-content: center;
644
+
645
+ display: flex;
646
+ flex-wrap: wrap;
647
+ flex-direction: row;
648
+ justify-content: flex-start;
649
+ align-content: center;
650
+ }
651
+ .wrap-row-start-end
652
+ {
653
+ display: -webkit-flex;
654
+ -webkit-flex-wrap: wrap;
655
+ -webkit-flex-direction: row;
656
+ -webkit-justify-content: flex-start;
657
+ -webkit-align-content: flex-end;
658
+
659
+ display: flex;
660
+ flex-wrap: wrap;
661
+ flex-direction: row;
662
+ justify-content: flex-start;
663
+ align-content: flex-end;
664
+ }
665
+ .wrap-row-start-between
666
+ {
667
+ display: -webkit-flex;
668
+ -webkit-flex-wrap: wrap;
669
+ -webkit-flex-direction: row;
670
+ -webkit-justify-content: flex-start;
671
+ -webkit-align-content: space-between;
672
+
673
+ display: flex;
674
+ flex-wrap: wrap;
675
+ flex-direction: row;
676
+ justify-content: flex-start;
677
+ align-content: space-between;
678
+ }
679
+ .wrap-row-start-around
680
+ {
681
+ display: -webkit-flex;
682
+ -webkit-flex-wrap: wrap;
683
+ -webkit-flex-direction: row;
684
+ -webkit-justify-content: flex-start;
685
+ -webkit-align-content: space-around;
686
+
687
+ display: flex;
688
+ flex-wrap: wrap;
689
+ flex-direction: row;
690
+ justify-content: flex-start;
691
+ align-content: space-around;
692
+ }
693
+ .wrap-row-start-stretch
694
+ {
695
+ display: -webkit-flex;
696
+ -webkit-flex-wrap: wrap;
697
+ -webkit-flex-direction: row;
698
+ -webkit-justify-content: flex-start;
699
+ -webkit-align-content: stretch;
700
+
701
+ display: flex;
702
+ flex-wrap: wrap;
703
+ flex-direction: row;
704
+ justify-content: flex-start;
705
+ align-content: stretch;
706
+ }
707
+
708
+
709
+ .wrap-row-center-start
710
+ {
711
+ display: -webkit-flex;
712
+ -webkit-flex-wrap: wrap;
713
+ -webkit-flex-direction: row;
714
+ -webkit-justify-content: center;
715
+ -webkit-align-content: flex-start;
716
+
717
+ display: flex;
718
+ flex-wrap: wrap;
719
+ flex-direction: row;
720
+ justify-content: center;
721
+ align-content: flex-start;
722
+ }
723
+ .wrap-row-center-center
724
+ {
725
+ display: -webkit-flex;
726
+ -webkit-flex-wrap: wrap;
727
+ -webkit-flex-direction: row;
728
+ -webkit-justify-content: center;
729
+ -webkit-align-content: center;
730
+
731
+ display: flex;
732
+ flex-wrap: wrap;
733
+ flex-direction: row;
734
+ justify-content: center;
735
+ align-content: center;
736
+ }
737
+ .wrap-row-center-end
738
+ {
739
+ display: -webkit-flex;
740
+ -webkit-flex-wrap: wrap;
741
+ -webkit-flex-direction: row;
742
+ -webkit-justify-content: center;
743
+ -webkit-align-content: flex-end;
744
+
745
+ display: flex;
746
+ flex-wrap: wrap;
747
+ flex-direction: row;
748
+ justify-content: center;
749
+ align-content: flex-end;
750
+ }
751
+ .wrap-row-center-between
752
+ {
753
+ display: -webkit-flex;
754
+ -webkit-flex-wrap: wrap;
755
+ -webkit-flex-direction: row;
756
+ -webkit-justify-content: center;
757
+ -webkit-align-content: space-between;
758
+
759
+ display: flex;
760
+ flex-wrap: wrap;
761
+ flex-direction: row;
762
+ justify-content: center;
763
+ align-content: space-between;
764
+ }
765
+ .wrap-row-center-around
766
+ {
767
+ display: -webkit-flex;
768
+ -webkit-flex-wrap: wrap;
769
+ -webkit-flex-direction: row;
770
+ -webkit-justify-content: center;
771
+ -webkit-align-content: space-around;
772
+
773
+ display: flex;
774
+ flex-wrap: wrap;
775
+ flex-direction: row;
776
+ justify-content: center;
777
+ align-content: space-around;
778
+ }
779
+ .wrap-row-center-stretch
780
+ {
781
+ display: -webkit-flex;
782
+ -webkit-flex-wrap: wrap;
783
+ -webkit-flex-direction: row;
784
+ -webkit-justify-content: center;
785
+ -webkit-align-content: stretch;
786
+
787
+ display: flex;
788
+ flex-wrap: wrap;
789
+ flex-direction: row;
790
+ justify-content: center;
791
+ align-content: stretch;
792
+ }
793
+
794
+
795
+ .wrap-row-end-start
796
+ {
797
+ display: -webkit-flex;
798
+ -webkit-flex-wrap: wrap;
799
+ -webkit-flex-direction: row;
800
+ -webkit-justify-content: flex-end;
801
+ -webkit-align-content: flex-start;
802
+
803
+ display: flex;
804
+ flex-wrap: wrap;
805
+ flex-direction: row;
806
+ justify-content: flex-end;
807
+ align-content: flex-start;
808
+ }
809
+ .wrap-row-end-center
810
+ {
811
+ display: -webkit-flex;
812
+ -webkit-flex-wrap: wrap;
813
+ -webkit-flex-direction: row;
814
+ -webkit-justify-content: flex-end;
815
+ -webkit-align-content: center;
816
+
817
+ display: flex;
818
+ flex-wrap: wrap;
819
+ flex-direction: row;
820
+ justify-content: flex-end;
821
+ align-content: center;
822
+ }
823
+ .wrap-row-end-end
824
+ {
825
+ display: -webkit-flex;
826
+ -webkit-flex-wrap: wrap;
827
+ -webkit-flex-direction: row;
828
+ -webkit-justify-content: flex-end;
829
+ -webkit-align-content: flex-end;
830
+
831
+ display: flex;
832
+ flex-wrap: wrap;
833
+ flex-direction: row;
834
+ justify-content: flex-end;
835
+ align-content: flex-end;
836
+ }
837
+ .wrap-row-end-between
838
+ {
839
+ display: -webkit-flex;
840
+ -webkit-flex-wrap: wrap;
841
+ -webkit-flex-direction: row;
842
+ -webkit-justify-content: flex-end;
843
+ -webkit-align-content: space-between;
844
+
845
+ display: flex;
846
+ flex-wrap: wrap;
847
+ flex-direction: row;
848
+ justify-content: flex-end;
849
+ align-content: space-between;
850
+ }
851
+ .wrap-row-end-around
852
+ {
853
+ display: -webkit-flex;
854
+ -webkit-flex-wrap: wrap;
855
+ -webkit-flex-direction: row;
856
+ -webkit-justify-content: flex-end;
857
+ -webkit-align-content: space-around;
858
+
859
+ display: flex;
860
+ flex-wrap: wrap;
861
+ flex-direction: row;
862
+ justify-content: flex-end;
863
+ align-content: space-around;
864
+ }
865
+ .wrap-row-end-stretch
866
+ {
867
+ display: -webkit-flex;
868
+ -webkit-flex-wrap: wrap;
869
+ -webkit-flex-direction: row;
870
+ -webkit-justify-content: flex-end;
871
+ -webkit-align-content: stretch;
872
+
873
+ display: flex;
874
+ flex-wrap: wrap;
875
+ flex-direction: row;
876
+ justify-content: flex-end;
877
+ align-content: stretch;
878
+ }
879
+
880
+
881
+ .wrap-row-between-start
882
+ {
883
+ display: -webkit-flex;
884
+ -webkit-flex-wrap: wrap;
885
+ -webkit-flex-direction: row;
886
+ -webkit-justify-content: space-between;
887
+ -webkit-align-content: flex-start;
888
+
889
+ display: flex;
890
+ flex-wrap: wrap;
891
+ flex-direction: row;
892
+ justify-content: space-between;
893
+ align-content: flex-start;
894
+ }
895
+ .wrap-row-between-center
896
+ {
897
+ display: -webkit-flex;
898
+ -webkit-flex-wrap: wrap;
899
+ -webkit-flex-direction: row;
900
+ -webkit-justify-content: space-between;
901
+ -webkit-align-content: center;
902
+
903
+ display: flex;
904
+ flex-wrap: wrap;
905
+ flex-direction: row;
906
+ justify-content: space-between;
907
+ align-content: center;
908
+ }
909
+ .wrap-row-between-end
910
+ {
911
+ display: -webkit-flex;
912
+ -webkit-flex-wrap: wrap;
913
+ -webkit-flex-direction: row;
914
+ -webkit-justify-content: space-between;
915
+ -webkit-align-content: flex-end;
916
+
917
+ display: flex;
918
+ flex-wrap: wrap;
919
+ flex-direction: row;
920
+ justify-content: space-between;
921
+ align-content: flex-end;
922
+ }
923
+ .wrap-row-between-between
924
+ {
925
+ display: -webkit-flex;
926
+ -webkit-flex-wrap: wrap;
927
+ -webkit-flex-direction: row;
928
+ -webkit-justify-content: space-between;
929
+ -webkit-align-content: space-between;
930
+
931
+ display: flex;
932
+ flex-wrap: wrap;
933
+ flex-direction: row;
934
+ justify-content: space-between;
935
+ align-content: space-between;
936
+ }
937
+ .wrap-row-between-around
938
+ {
939
+ display: -webkit-flex;
940
+ -webkit-flex-wrap: wrap;
941
+ -webkit-flex-direction: row;
942
+ -webkit-justify-content: space-between;
943
+ -webkit-align-content: space-around;
944
+
945
+ display: flex;
946
+ flex-wrap: wrap;
947
+ flex-direction: row;
948
+ justify-content: space-between;
949
+ align-content: space-around;
950
+ }
951
+ .wrap-row-between-stretch
952
+ {
953
+ display: -webkit-flex;
954
+ -webkit-flex-wrap: wrap;
955
+ -webkit-flex-direction: row;
956
+ -webkit-justify-content: space-between;
957
+ -webkit-align-content: stretch;
958
+
959
+ display: flex;
960
+ flex-wrap: wrap;
961
+ flex-direction: row;
962
+ justify-content: space-between;
963
+ align-content: stretch;
964
+ }
965
+
966
+
967
+ .wrap-row-around-start
968
+ {
969
+ display: -webkit-flex;
970
+ -webkit-flex-wrap: wrap;
971
+ -webkit-flex-direction: row;
972
+ -webkit-justify-content: space-around;
973
+ -webkit-align-content: flex-start;
974
+
975
+ display: flex;
976
+ flex-wrap: wrap;
977
+ flex-direction: row;
978
+ justify-content: space-around;
979
+ align-content: flex-start;
980
+ }
981
+ .wrap-row-around-center
982
+ {
983
+ display: -webkit-flex;
984
+ -webkit-flex-wrap: wrap;
985
+ -webkit-flex-direction: row;
986
+ -webkit-justify-content: space-around;
987
+ -webkit-align-content: center;
988
+
989
+ display: flex;
990
+ flex-wrap: wrap;
991
+ flex-direction: row;
992
+ justify-content: space-around;
993
+ align-content: center;
994
+ }
995
+ .wrap-row-around-end
996
+ {
997
+ display: -webkit-flex;
998
+ -webkit-flex-wrap: wrap;
999
+ -webkit-flex-direction: row;
1000
+ -webkit-justify-content: space-around;
1001
+ -webkit-align-content: flex-end;
1002
+
1003
+ display: flex;
1004
+ flex-wrap: wrap;
1005
+ flex-direction: row;
1006
+ justify-content: space-around;
1007
+ align-content: flex-end;
1008
+ }
1009
+ .wrap-row-around-between
1010
+ {
1011
+ display: -webkit-flex;
1012
+ -webkit-flex-wrap: wrap;
1013
+ -webkit-flex-direction: row;
1014
+ -webkit-justify-content: space-around;
1015
+ -webkit-align-content: space-between;
1016
+
1017
+ display: flex;
1018
+ flex-wrap: wrap;
1019
+ flex-direction: row;
1020
+ justify-content: space-around;
1021
+ align-content: space-between;
1022
+ }
1023
+ .wrap-row-around-around
1024
+ {
1025
+ display: -webkit-flex;
1026
+ -webkit-flex-wrap: wrap;
1027
+ -webkit-flex-direction: row;
1028
+ -webkit-justify-content: space-around;
1029
+ -webkit-align-content: space-around;
1030
+
1031
+ display: flex;
1032
+ flex-wrap: wrap;
1033
+ flex-direction: row;
1034
+ justify-content: space-around;
1035
+ align-content: space-around;
1036
+ }
1037
+ .wrap-row-around-stretch
1038
+ {
1039
+ display: -webkit-flex;
1040
+ -webkit-flex-wrap: wrap;
1041
+ -webkit-flex-direction: row;
1042
+ -webkit-justify-content: space-around;
1043
+ -webkit-align-content: stretch;
1044
+
1045
+ display: flex;
1046
+ flex-wrap: wrap;
1047
+ flex-direction: row;
1048
+ justify-content: space-around;
1049
+ align-content: stretch;
1050
+ }
1051
+
1052
+ /* wrap with default column start */
1053
+
1054
+ .wrap-column-start-start-def_start
1055
+ {
1056
+ display: -webkit-flex;
1057
+ -webkit-flex-wrap: wrap;
1058
+ -webkit-flex-direction: column;
1059
+ -webkit-justify-content: flex-start;
1060
+ -webkit-align-content: flex-start;
1061
+ -webkit-align-items: flex-start;
1062
+
1063
+ display: flex;
1064
+ flex-wrap: wrap;
1065
+ flex-direction: column;
1066
+ justify-content: flex-start;
1067
+ align-content: flex-start;
1068
+ align-items: flex-start;
1069
+ }
1070
+ .wrap-column-start-center-def_start
1071
+ {
1072
+ display: -webkit-flex;
1073
+ -webkit-flex-wrap: wrap;
1074
+ -webkit-flex-direction: column;
1075
+ -webkit-justify-content: flex-start;
1076
+ -webkit-align-content: center;
1077
+ -webkit-align-items: flex-start;
1078
+
1079
+ display: flex;
1080
+ flex-wrap: wrap;
1081
+ flex-direction: column;
1082
+ justify-content: flex-start;
1083
+ align-content: center;
1084
+ align-items: flex-start;
1085
+ }
1086
+ .wrap-column-start-end-def_start
1087
+ {
1088
+ display: -webkit-flex;
1089
+ -webkit-flex-wrap: wrap;
1090
+ -webkit-flex-direction: column;
1091
+ -webkit-justify-content: flex-start;
1092
+ -webkit-align-content: flex-end;
1093
+ -webkit-align-items: flex-start;
1094
+
1095
+ display: flex;
1096
+ flex-wrap: wrap;
1097
+ flex-direction: column;
1098
+ justify-content: flex-start;
1099
+ align-content: flex-end;
1100
+ align-items: flex-start;
1101
+ }
1102
+ .wrap-column-start-between-def_start
1103
+ {
1104
+ display: -webkit-flex;
1105
+ -webkit-flex-wrap: wrap;
1106
+ -webkit-flex-direction: column;
1107
+ -webkit-justify-content: flex-start;
1108
+ -webkit-align-content: space-between;
1109
+ -webkit-align-items: flex-start;
1110
+
1111
+ display: flex;
1112
+ flex-wrap: wrap;
1113
+ flex-direction: column;
1114
+ justify-content: flex-start;
1115
+ align-content: space-between;
1116
+ align-items: flex-start;
1117
+ }
1118
+ .wrap-column-start-around-def_start
1119
+ {
1120
+ display: -webkit-flex;
1121
+ -webkit-flex-wrap: wrap;
1122
+ -webkit-flex-direction: column;
1123
+ -webkit-justify-content: flex-start;
1124
+ -webkit-align-content: space-around;
1125
+ -webkit-align-items: flex-start;
1126
+
1127
+ display: flex;
1128
+ flex-wrap: wrap;
1129
+ flex-direction: column;
1130
+ justify-content: flex-start;
1131
+ align-content: space-around;
1132
+ align-items: flex-start;
1133
+ }
1134
+ .wrap-column-start-stretch-def_start
1135
+ {
1136
+ display: -webkit-flex;
1137
+ -webkit-flex-wrap: wrap;
1138
+ -webkit-flex-direction: column;
1139
+ -webkit-justify-content: flex-start;
1140
+ -webkit-align-content: stretch;
1141
+ -webkit-align-items: flex-start;
1142
+
1143
+ display: flex;
1144
+ flex-wrap: wrap;
1145
+ flex-direction: column;
1146
+ justify-content: flex-start;
1147
+ align-content: stretch;
1148
+ align-items: flex-start;
1149
+ }
1150
+
1151
+
1152
+ .wrap-column-center-start-def_start
1153
+ {
1154
+ display: -webkit-flex;
1155
+ -webkit-flex-wrap: wrap;
1156
+ -webkit-flex-direction: column;
1157
+ -webkit-justify-content: center;
1158
+ -webkit-align-content: flex-start;
1159
+ -webkit-align-items: flex-start;
1160
+
1161
+ display: flex;
1162
+ flex-wrap: wrap;
1163
+ flex-direction: column;
1164
+ justify-content: center;
1165
+ align-content: flex-start;
1166
+ align-items: flex-start;
1167
+ }
1168
+ .wrap-column-center-center-def_start
1169
+ {
1170
+ display: -webkit-flex;
1171
+ -webkit-flex-wrap: wrap;
1172
+ -webkit-flex-direction: column;
1173
+ -webkit-justify-content: center;
1174
+ -webkit-align-content: center;
1175
+ -webkit-align-items: flex-start;
1176
+
1177
+ display: flex;
1178
+ flex-wrap: wrap;
1179
+ flex-direction: column;
1180
+ justify-content: center;
1181
+ align-content: center;
1182
+ align-items: flex-start;
1183
+ }
1184
+ .wrap-column-center-end-def_start
1185
+ {
1186
+ display: -webkit-flex;
1187
+ -webkit-flex-wrap: wrap;
1188
+ -webkit-flex-direction: column;
1189
+ -webkit-justify-content: center;
1190
+ -webkit-align-content: flex-end;
1191
+ -webkit-align-items: flex-start;
1192
+
1193
+ display: flex;
1194
+ flex-wrap: wrap;
1195
+ flex-direction: column;
1196
+ justify-content: center;
1197
+ align-content: flex-end;
1198
+ align-items: flex-start;
1199
+ }
1200
+ .wrap-column-center-between-def_start
1201
+ {
1202
+ display: -webkit-flex;
1203
+ -webkit-flex-wrap: wrap;
1204
+ -webkit-flex-direction: column;
1205
+ -webkit-justify-content: center;
1206
+ -webkit-align-content: space-between;
1207
+ -webkit-align-items: flex-start;
1208
+
1209
+ display: flex;
1210
+ flex-wrap: wrap;
1211
+ flex-direction: column;
1212
+ justify-content: center;
1213
+ align-content: space-between;
1214
+ align-items: flex-start;
1215
+ }
1216
+ .wrap-column-center-around-def_start
1217
+ {
1218
+ display: -webkit-flex;
1219
+ -webkit-flex-wrap: wrap;
1220
+ -webkit-flex-direction: column;
1221
+ -webkit-justify-content: center;
1222
+ -webkit-align-content: space-around;
1223
+ -webkit-align-items: flex-start;
1224
+
1225
+ display: flex;
1226
+ flex-wrap: wrap;
1227
+ flex-direction: column;
1228
+ justify-content: center;
1229
+ align-content: space-around;
1230
+ align-items: flex-start;
1231
+ }
1232
+ .wrap-column-center-stretch-def_start
1233
+ {
1234
+ display: -webkit-flex;
1235
+ -webkit-flex-wrap: wrap;
1236
+ -webkit-flex-direction: column;
1237
+ -webkit-justify-content: center;
1238
+ -webkit-align-content: stretch;
1239
+ -webkit-align-items: flex-start;
1240
+
1241
+ display: flex;
1242
+ flex-wrap: wrap;
1243
+ flex-direction: column;
1244
+ justify-content: center;
1245
+ align-content: stretch;
1246
+ align-items: flex-start;
1247
+ }
1248
+
1249
+
1250
+ .wrap-column-end-start-def_start
1251
+ {
1252
+ display: -webkit-flex;
1253
+ -webkit-flex-wrap: wrap;
1254
+ -webkit-flex-direction: column;
1255
+ -webkit-justify-content: flex-end;
1256
+ -webkit-align-content: flex-start;
1257
+ -webkit-align-items: flex-start;
1258
+
1259
+ display: flex;
1260
+ flex-wrap: wrap;
1261
+ flex-direction: column;
1262
+ justify-content: flex-end;
1263
+ align-content: flex-start;
1264
+ align-items: flex-start;
1265
+ }
1266
+ .wrap-column-end-center-def_start
1267
+ {
1268
+ display: -webkit-flex;
1269
+ -webkit-flex-wrap: wrap;
1270
+ -webkit-flex-direction: column;
1271
+ -webkit-justify-content: flex-end;
1272
+ -webkit-align-content: center;
1273
+ -webkit-align-items: flex-start;
1274
+
1275
+ display: flex;
1276
+ flex-wrap: wrap;
1277
+ flex-direction: column;
1278
+ justify-content: flex-end;
1279
+ align-content: center;
1280
+ align-items: flex-start;
1281
+ }
1282
+ .wrap-column-end-end-def_start
1283
+ {
1284
+ display: -webkit-flex;
1285
+ -webkit-flex-wrap: wrap;
1286
+ -webkit-flex-direction: column;
1287
+ -webkit-justify-content: flex-end;
1288
+ -webkit-align-content: flex-end;
1289
+ -webkit-align-items: flex-start;
1290
+
1291
+ display: flex;
1292
+ flex-wrap: wrap;
1293
+ flex-direction: column;
1294
+ justify-content: flex-end;
1295
+ align-content: flex-end;
1296
+ align-items: flex-start;
1297
+ }
1298
+ .wrap-column-end-between-def_start
1299
+ {
1300
+ display: -webkit-flex;
1301
+ -webkit-flex-wrap: wrap;
1302
+ -webkit-flex-direction: column;
1303
+ -webkit-justify-content: flex-end;
1304
+ -webkit-align-content: space-between;
1305
+ -webkit-align-items: flex-start;
1306
+
1307
+ display: flex;
1308
+ flex-wrap: wrap;
1309
+ flex-direction: column;
1310
+ justify-content: flex-end;
1311
+ align-content: space-between;
1312
+ align-items: flex-start;
1313
+ }
1314
+ .wrap-column-end-around-def_start
1315
+ {
1316
+ display: -webkit-flex;
1317
+ -webkit-flex-wrap: wrap;
1318
+ -webkit-flex-direction: column;
1319
+ -webkit-justify-content: flex-end;
1320
+ -webkit-align-content: space-around;
1321
+ -webkit-align-items: flex-start;
1322
+
1323
+ display: flex;
1324
+ flex-wrap: wrap;
1325
+ flex-direction: column;
1326
+ justify-content: flex-end;
1327
+ align-content: space-around;
1328
+ align-items: flex-start;
1329
+ }
1330
+ .wrap-column-end-stretch-def_start
1331
+ {
1332
+ display: -webkit-flex;
1333
+ -webkit-flex-wrap: wrap;
1334
+ -webkit-flex-direction: column;
1335
+ -webkit-justify-content: flex-end;
1336
+ -webkit-align-content: stretch;
1337
+ -webkit-align-items: flex-start;
1338
+
1339
+ display: flex;
1340
+ flex-wrap: wrap;
1341
+ flex-direction: column;
1342
+ justify-content: flex-end;
1343
+ align-content: stretch;
1344
+ align-items: flex-start;
1345
+ }
1346
+
1347
+
1348
+ .wrap-column-between-start-def_start
1349
+ {
1350
+ display: -webkit-flex;
1351
+ -webkit-flex-wrap: wrap;
1352
+ -webkit-flex-direction: column;
1353
+ -webkit-justify-content: space-between;
1354
+ -webkit-align-content: flex-start;
1355
+ -webkit-align-items: flex-start;
1356
+
1357
+ display: flex;
1358
+ flex-wrap: wrap;
1359
+ flex-direction: column;
1360
+ justify-content: space-between;
1361
+ align-content: flex-start;
1362
+ align-items: flex-start;
1363
+ }
1364
+ .wrap-column-between-center-def_start
1365
+ {
1366
+ display: -webkit-flex;
1367
+ -webkit-flex-wrap: wrap;
1368
+ -webkit-flex-direction: column;
1369
+ -webkit-justify-content: space-between;
1370
+ -webkit-align-content: center;
1371
+ -webkit-align-items: flex-start;
1372
+
1373
+ display: flex;
1374
+ flex-wrap: wrap;
1375
+ flex-direction: column;
1376
+ justify-content: space-between;
1377
+ align-content: center;
1378
+ align-items: flex-start;
1379
+ }
1380
+ .wrap-column-between-end-def_start
1381
+ {
1382
+ display: -webkit-flex;
1383
+ -webkit-flex-wrap: wrap;
1384
+ -webkit-flex-direction: column;
1385
+ -webkit-justify-content: space-between;
1386
+ -webkit-align-content: flex-end;
1387
+ -webkit-align-items: flex-start;
1388
+
1389
+ display: flex;
1390
+ flex-wrap: wrap;
1391
+ flex-direction: column;
1392
+ justify-content: space-between;
1393
+ align-content: flex-end;
1394
+ align-items: flex-start;
1395
+ }
1396
+ .wrap-column-between-between-def_start
1397
+ {
1398
+ display: -webkit-flex;
1399
+ -webkit-flex-wrap: wrap;
1400
+ -webkit-flex-direction: column;
1401
+ -webkit-justify-content: space-between;
1402
+ -webkit-align-content: space-between;
1403
+ -webkit-align-items: flex-start;
1404
+
1405
+ display: flex;
1406
+ flex-wrap: wrap;
1407
+ flex-direction: column;
1408
+ justify-content: space-between;
1409
+ align-content: space-between;
1410
+ align-items: flex-start;
1411
+ }
1412
+ .wrap-column-between-around-def_start
1413
+ {
1414
+ display: -webkit-flex;
1415
+ -webkit-flex-wrap: wrap;
1416
+ -webkit-flex-direction: column;
1417
+ -webkit-justify-content: space-between;
1418
+ -webkit-align-content: space-around;
1419
+ -webkit-align-items: flex-start;
1420
+
1421
+ display: flex;
1422
+ flex-wrap: wrap;
1423
+ flex-direction: column;
1424
+ justify-content: space-between;
1425
+ align-content: space-around;
1426
+ align-items: flex-start;
1427
+ }
1428
+ .wrap-column-between-stretch-def_start
1429
+ {
1430
+ display: -webkit-flex;
1431
+ -webkit-flex-wrap: wrap;
1432
+ -webkit-flex-direction: column;
1433
+ -webkit-justify-content: space-between;
1434
+ -webkit-align-content: stretch;
1435
+ -webkit-align-items: flex-start;
1436
+
1437
+ display: flex;
1438
+ flex-wrap: wrap;
1439
+ flex-direction: column;
1440
+ justify-content: space-between;
1441
+ align-content: stretch;
1442
+ align-items: flex-start;
1443
+ }
1444
+
1445
+
1446
+ .wrap-column-around-start-def_start
1447
+ {
1448
+ display: -webkit-flex;
1449
+ -webkit-flex-wrap: wrap;
1450
+ -webkit-flex-direction: column;
1451
+ -webkit-justify-content: space-around;
1452
+ -webkit-align-content: flex-start;
1453
+ -webkit-align-items: flex-start;
1454
+
1455
+ display: flex;
1456
+ flex-wrap: wrap;
1457
+ flex-direction: column;
1458
+ justify-content: space-around;
1459
+ align-content: flex-start;
1460
+ align-items: flex-start;
1461
+ }
1462
+ .wrap-column-around-center-def_start
1463
+ {
1464
+ display: -webkit-flex;
1465
+ -webkit-flex-wrap: wrap;
1466
+ -webkit-flex-direction: column;
1467
+ -webkit-justify-content: space-around;
1468
+ -webkit-align-content: center;
1469
+ -webkit-align-items: flex-start;
1470
+
1471
+ display: flex;
1472
+ flex-wrap: wrap;
1473
+ flex-direction: column;
1474
+ justify-content: space-around;
1475
+ align-content: center;
1476
+ align-items: flex-start;
1477
+ }
1478
+ .wrap-column-around-end-def_start
1479
+ {
1480
+ display: -webkit-flex;
1481
+ -webkit-flex-wrap: wrap;
1482
+ -webkit-flex-direction: column;
1483
+ -webkit-justify-content: space-around;
1484
+ -webkit-align-content: flex-end;
1485
+ -webkit-align-items: flex-start;
1486
+
1487
+ display: flex;
1488
+ flex-wrap: wrap;
1489
+ flex-direction: column;
1490
+ justify-content: space-around;
1491
+ align-content: flex-end;
1492
+ align-items: flex-start;
1493
+ }
1494
+ .wrap-column-around-between-def_start
1495
+ {
1496
+ display: -webkit-flex;
1497
+ -webkit-flex-wrap: wrap;
1498
+ -webkit-flex-direction: column;
1499
+ -webkit-justify-content: space-around;
1500
+ -webkit-align-content: space-between;
1501
+ -webkit-align-items: flex-start;
1502
+
1503
+ display: flex;
1504
+ flex-wrap: wrap;
1505
+ flex-direction: column;
1506
+ justify-content: space-around;
1507
+ align-content: space-between;
1508
+ align-items: flex-start;
1509
+ }
1510
+ .wrap-column-around-around-def_start
1511
+ {
1512
+ display: -webkit-flex;
1513
+ -webkit-flex-wrap: wrap;
1514
+ -webkit-flex-direction: column;
1515
+ -webkit-justify-content: space-around;
1516
+ -webkit-align-content: space-around;
1517
+ -webkit-align-items: flex-start;
1518
+
1519
+ display: flex;
1520
+ flex-wrap: wrap;
1521
+ flex-direction: column;
1522
+ justify-content: space-around;
1523
+ align-content: space-around;
1524
+ align-items: flex-start;
1525
+ }
1526
+ .wrap-column-around-stretch-def_start
1527
+ {
1528
+ display: -webkit-flex;
1529
+ -webkit-flex-wrap: wrap;
1530
+ -webkit-flex-direction: column;
1531
+ -webkit-justify-content: space-around;
1532
+ -webkit-align-content: stretch;
1533
+ -webkit-align-items: flex-start;
1534
+
1535
+ display: flex;
1536
+ flex-wrap: wrap;
1537
+ flex-direction: column;
1538
+ justify-content: space-around;
1539
+ align-content: stretch;
1540
+ align-items: flex-start;
1541
+ align-items: flex-start;
1542
+ }
1543
+
1544
+ /* wrap with default column center*/
1545
+
1546
+ .wrap-column-start-start-def_center
1547
+ {
1548
+ display: -webkit-flex;
1549
+ -webkit-flex-wrap: wrap;
1550
+ -webkit-flex-direction: column;
1551
+ -webkit-justify-content: flex-start;
1552
+ -webkit-align-content: flex-start;
1553
+ -webkit-align-items: center;
1554
+
1555
+ display: flex;
1556
+ flex-wrap: wrap;
1557
+ flex-direction: column;
1558
+ justify-content: flex-start;
1559
+ align-content: flex-start;
1560
+ align-items: center;
1561
+ }
1562
+ .wrap-column-start-center-def_center
1563
+ {
1564
+ display: -webkit-flex;
1565
+ -webkit-flex-wrap: wrap;
1566
+ -webkit-flex-direction: column;
1567
+ -webkit-justify-content: flex-start;
1568
+ -webkit-align-content: center;
1569
+ -webkit-align-items: center;
1570
+
1571
+ display: flex;
1572
+ flex-wrap: wrap;
1573
+ flex-direction: column;
1574
+ justify-content: flex-start;
1575
+ align-content: center;
1576
+ align-items: center;
1577
+ }
1578
+ .wrap-column-start-end-def_center
1579
+ {
1580
+ display: -webkit-flex;
1581
+ -webkit-flex-wrap: wrap;
1582
+ -webkit-flex-direction: column;
1583
+ -webkit-justify-content: flex-start;
1584
+ -webkit-align-content: flex-end;
1585
+ -webkit-align-items: center;
1586
+
1587
+ display: flex;
1588
+ flex-wrap: wrap;
1589
+ flex-direction: column;
1590
+ justify-content: flex-start;
1591
+ align-content: flex-end;
1592
+ align-items: center;
1593
+ }
1594
+ .wrap-column-start-between-def_center
1595
+ {
1596
+ display: -webkit-flex;
1597
+ -webkit-flex-wrap: wrap;
1598
+ -webkit-flex-direction: column;
1599
+ -webkit-justify-content: flex-start;
1600
+ -webkit-align-content: space-between;
1601
+ -webkit-align-items: center;
1602
+
1603
+ display: flex;
1604
+ flex-wrap: wrap;
1605
+ flex-direction: column;
1606
+ justify-content: flex-start;
1607
+ align-content: space-between;
1608
+ align-items: center;
1609
+ }
1610
+ .wrap-column-start-around-def_center
1611
+ {
1612
+ display: -webkit-flex;
1613
+ -webkit-flex-wrap: wrap;
1614
+ -webkit-flex-direction: column;
1615
+ -webkit-justify-content: flex-start;
1616
+ -webkit-align-content: space-around;
1617
+ -webkit-align-items: center;
1618
+
1619
+ display: flex;
1620
+ flex-wrap: wrap;
1621
+ flex-direction: column;
1622
+ justify-content: flex-start;
1623
+ align-content: space-around;
1624
+ align-items: center;
1625
+ }
1626
+ .wrap-column-start-stretch-def_center
1627
+ {
1628
+ display: -webkit-flex;
1629
+ -webkit-flex-wrap: wrap;
1630
+ -webkit-flex-direction: column;
1631
+ -webkit-justify-content: flex-start;
1632
+ -webkit-align-content: stretch;
1633
+ -webkit-align-items: center;
1634
+
1635
+ display: flex;
1636
+ flex-wrap: wrap;
1637
+ flex-direction: column;
1638
+ justify-content: flex-start;
1639
+ align-content: stretch;
1640
+ align-items: center;
1641
+ }
1642
+
1643
+
1644
+ .wrap-column-center-start-def_center
1645
+ {
1646
+ display: -webkit-flex;
1647
+ -webkit-flex-wrap: wrap;
1648
+ -webkit-flex-direction: column;
1649
+ -webkit-justify-content: center;
1650
+ -webkit-align-content: flex-start;
1651
+ -webkit-align-items: center;
1652
+
1653
+ display: flex;
1654
+ flex-wrap: wrap;
1655
+ flex-direction: column;
1656
+ justify-content: center;
1657
+ align-content: flex-start;
1658
+ align-items: center;
1659
+ }
1660
+ .wrap-column-center-center-def_center
1661
+ {
1662
+ display: -webkit-flex;
1663
+ -webkit-flex-wrap: wrap;
1664
+ -webkit-flex-direction: column;
1665
+ -webkit-justify-content: center;
1666
+ -webkit-align-content: center;
1667
+ -webkit-align-items: center;
1668
+
1669
+ display: flex;
1670
+ flex-wrap: wrap;
1671
+ flex-direction: column;
1672
+ justify-content: center;
1673
+ align-content: center;
1674
+ align-items: center;
1675
+ }
1676
+ .wrap-column-center-end-def_center
1677
+ {
1678
+ display: -webkit-flex;
1679
+ -webkit-flex-wrap: wrap;
1680
+ -webkit-flex-direction: column;
1681
+ -webkit-justify-content: center;
1682
+ -webkit-align-content: flex-end;
1683
+ -webkit-align-items: center;
1684
+
1685
+ display: flex;
1686
+ flex-wrap: wrap;
1687
+ flex-direction: column;
1688
+ justify-content: center;
1689
+ align-content: flex-end;
1690
+ align-items: center;
1691
+ }
1692
+ .wrap-column-center-between-def_center
1693
+ {
1694
+ display: -webkit-flex;
1695
+ -webkit-flex-wrap: wrap;
1696
+ -webkit-flex-direction: column;
1697
+ -webkit-justify-content: center;
1698
+ -webkit-align-content: space-between;
1699
+ -webkit-align-items: center;
1700
+
1701
+ display: flex;
1702
+ flex-wrap: wrap;
1703
+ flex-direction: column;
1704
+ justify-content: center;
1705
+ align-content: space-between;
1706
+ align-items: center;
1707
+ }
1708
+ .wrap-column-center-around-def_center
1709
+ {
1710
+ display: -webkit-flex;
1711
+ -webkit-flex-wrap: wrap;
1712
+ -webkit-flex-direction: column;
1713
+ -webkit-justify-content: center;
1714
+ -webkit-align-content: space-around;
1715
+ -webkit-align-items: center;
1716
+
1717
+ display: flex;
1718
+ flex-wrap: wrap;
1719
+ flex-direction: column;
1720
+ justify-content: center;
1721
+ align-content: space-around;
1722
+ align-items: center;
1723
+ }
1724
+ .wrap-column-center-stretch-def_center
1725
+ {
1726
+ display: -webkit-flex;
1727
+ -webkit-flex-wrap: wrap;
1728
+ -webkit-flex-direction: column;
1729
+ -webkit-justify-content: center;
1730
+ -webkit-align-content: stretch;
1731
+ -webkit-align-items: center;
1732
+
1733
+ display: flex;
1734
+ flex-wrap: wrap;
1735
+ flex-direction: column;
1736
+ justify-content: center;
1737
+ align-content: stretch;
1738
+ align-items: center;
1739
+ }
1740
+
1741
+
1742
+ .wrap-column-end-start-def_center
1743
+ {
1744
+ display: -webkit-flex;
1745
+ -webkit-flex-wrap: wrap;
1746
+ -webkit-flex-direction: column;
1747
+ -webkit-justify-content: flex-end;
1748
+ -webkit-align-content: flex-start;
1749
+ -webkit-align-items: center;
1750
+
1751
+ display: flex;
1752
+ flex-wrap: wrap;
1753
+ flex-direction: column;
1754
+ justify-content: flex-end;
1755
+ align-content: flex-start;
1756
+ align-items: center;
1757
+ }
1758
+ .wrap-column-end-center-def_center
1759
+ {
1760
+ display: -webkit-flex;
1761
+ -webkit-flex-wrap: wrap;
1762
+ -webkit-flex-direction: column;
1763
+ -webkit-justify-content: flex-end;
1764
+ -webkit-align-content: center;
1765
+ -webkit-align-items: center;
1766
+
1767
+ display: flex;
1768
+ flex-wrap: wrap;
1769
+ flex-direction: column;
1770
+ justify-content: flex-end;
1771
+ align-content: center;
1772
+ align-items: center;
1773
+ }
1774
+ .wrap-column-end-end-def_center
1775
+ {
1776
+ display: -webkit-flex;
1777
+ -webkit-flex-wrap: wrap;
1778
+ -webkit-flex-direction: column;
1779
+ -webkit-justify-content: flex-end;
1780
+ -webkit-align-content: flex-end;
1781
+ -webkit-align-items: center;
1782
+
1783
+ display: flex;
1784
+ flex-wrap: wrap;
1785
+ flex-direction: column;
1786
+ justify-content: flex-end;
1787
+ align-content: flex-end;
1788
+ align-items: center;
1789
+ }
1790
+ .wrap-column-end-between-def_center
1791
+ {
1792
+ display: -webkit-flex;
1793
+ -webkit-flex-wrap: wrap;
1794
+ -webkit-flex-direction: column;
1795
+ -webkit-justify-content: flex-end;
1796
+ -webkit-align-content: space-between;
1797
+ -webkit-align-items: center;
1798
+
1799
+ display: flex;
1800
+ flex-wrap: wrap;
1801
+ flex-direction: column;
1802
+ justify-content: flex-end;
1803
+ align-content: space-between;
1804
+ align-items: center;
1805
+ }
1806
+ .wrap-column-end-around-def_center
1807
+ {
1808
+ display: -webkit-flex;
1809
+ -webkit-flex-wrap: wrap;
1810
+ -webkit-flex-direction: column;
1811
+ -webkit-justify-content: flex-end;
1812
+ -webkit-align-content: space-around;
1813
+ -webkit-align-items: center;
1814
+
1815
+ display: flex;
1816
+ flex-wrap: wrap;
1817
+ flex-direction: column;
1818
+ justify-content: flex-end;
1819
+ align-content: space-around;
1820
+ align-items: center;
1821
+ }
1822
+ .wrap-column-end-stretch-def_center
1823
+ {
1824
+ display: -webkit-flex;
1825
+ -webkit-flex-wrap: wrap;
1826
+ -webkit-flex-direction: column;
1827
+ -webkit-justify-content: flex-end;
1828
+ -webkit-align-content: stretch;
1829
+ -webkit-align-items: center;
1830
+
1831
+ display: flex;
1832
+ flex-wrap: wrap;
1833
+ flex-direction: column;
1834
+ justify-content: flex-end;
1835
+ align-content: stretch;
1836
+ align-items: center;
1837
+ }
1838
+
1839
+
1840
+ .wrap-column-between-start-def_center
1841
+ {
1842
+ display: -webkit-flex;
1843
+ -webkit-flex-wrap: wrap;
1844
+ -webkit-flex-direction: column;
1845
+ -webkit-justify-content: space-between;
1846
+ -webkit-align-content: flex-start;
1847
+ -webkit-align-items: center;
1848
+
1849
+ display: flex;
1850
+ flex-wrap: wrap;
1851
+ flex-direction: column;
1852
+ justify-content: space-between;
1853
+ align-content: flex-start;
1854
+ align-items: center;
1855
+ }
1856
+ .wrap-column-between-center-def_center
1857
+ {
1858
+ display: -webkit-flex;
1859
+ -webkit-flex-wrap: wrap;
1860
+ -webkit-flex-direction: column;
1861
+ -webkit-justify-content: space-between;
1862
+ -webkit-align-content: center;
1863
+ -webkit-align-items: center;
1864
+
1865
+ display: flex;
1866
+ flex-wrap: wrap;
1867
+ flex-direction: column;
1868
+ justify-content: space-between;
1869
+ align-content: center;
1870
+ align-items: center;
1871
+ }
1872
+ .wrap-column-between-end-def_center
1873
+ {
1874
+ display: -webkit-flex;
1875
+ -webkit-flex-wrap: wrap;
1876
+ -webkit-flex-direction: column;
1877
+ -webkit-justify-content: space-between;
1878
+ -webkit-align-content: flex-end;
1879
+ -webkit-align-items: center;
1880
+
1881
+ display: flex;
1882
+ flex-wrap: wrap;
1883
+ flex-direction: column;
1884
+ justify-content: space-between;
1885
+ align-content: flex-end;
1886
+ align-items: center;
1887
+ }
1888
+ .wrap-column-between-between-def_center
1889
+ {
1890
+ display: -webkit-flex;
1891
+ -webkit-flex-wrap: wrap;
1892
+ -webkit-flex-direction: column;
1893
+ -webkit-justify-content: space-between;
1894
+ -webkit-align-content: space-between;
1895
+ -webkit-align-items: center;
1896
+
1897
+ display: flex;
1898
+ flex-wrap: wrap;
1899
+ flex-direction: column;
1900
+ justify-content: space-between;
1901
+ align-content: space-between;
1902
+ align-items: center;
1903
+ }
1904
+ .wrap-column-between-around-def_center
1905
+ {
1906
+ display: -webkit-flex;
1907
+ -webkit-flex-wrap: wrap;
1908
+ -webkit-flex-direction: column;
1909
+ -webkit-justify-content: space-between;
1910
+ -webkit-align-content: space-around;
1911
+ -webkit-align-items: center;
1912
+
1913
+ display: flex;
1914
+ flex-wrap: wrap;
1915
+ flex-direction: column;
1916
+ justify-content: space-between;
1917
+ align-content: space-around;
1918
+ align-items: center;
1919
+ }
1920
+ .wrap-column-between-stretch-def_center
1921
+ {
1922
+ display: -webkit-flex;
1923
+ -webkit-flex-wrap: wrap;
1924
+ -webkit-flex-direction: column;
1925
+ -webkit-justify-content: space-between;
1926
+ -webkit-align-content: stretch;
1927
+ -webkit-align-items: center;
1928
+
1929
+ display: flex;
1930
+ flex-wrap: wrap;
1931
+ flex-direction: column;
1932
+ justify-content: space-between;
1933
+ align-content: stretch;
1934
+ align-items: center;
1935
+ }
1936
+
1937
+
1938
+ .wrap-column-around-start-def_center
1939
+ {
1940
+ display: -webkit-flex;
1941
+ -webkit-flex-wrap: wrap;
1942
+ -webkit-flex-direction: column;
1943
+ -webkit-justify-content: space-around;
1944
+ -webkit-align-content: flex-start;
1945
+ -webkit-align-items: center;
1946
+
1947
+ display: flex;
1948
+ flex-wrap: wrap;
1949
+ flex-direction: column;
1950
+ justify-content: space-around;
1951
+ align-content: flex-start;
1952
+ align-items: center;
1953
+ }
1954
+ .wrap-column-around-center-def_center
1955
+ {
1956
+ display: -webkit-flex;
1957
+ -webkit-flex-wrap: wrap;
1958
+ -webkit-flex-direction: column;
1959
+ -webkit-justify-content: space-around;
1960
+ -webkit-align-content: center;
1961
+ -webkit-align-items: center;
1962
+
1963
+ display: flex;
1964
+ flex-wrap: wrap;
1965
+ flex-direction: column;
1966
+ justify-content: space-around;
1967
+ align-content: center;
1968
+ align-items: center;
1969
+ }
1970
+ .wrap-column-around-end-def_center
1971
+ {
1972
+ display: -webkit-flex;
1973
+ -webkit-flex-wrap: wrap;
1974
+ -webkit-flex-direction: column;
1975
+ -webkit-justify-content: space-around;
1976
+ -webkit-align-content: flex-end;
1977
+ -webkit-align-items: center;
1978
+
1979
+ display: flex;
1980
+ flex-wrap: wrap;
1981
+ flex-direction: column;
1982
+ justify-content: space-around;
1983
+ align-content: flex-end;
1984
+ align-items: center;
1985
+ }
1986
+ .wrap-column-around-between-def_center
1987
+ {
1988
+ display: -webkit-flex;
1989
+ -webkit-flex-wrap: wrap;
1990
+ -webkit-flex-direction: column;
1991
+ -webkit-justify-content: space-around;
1992
+ -webkit-align-content: space-between;
1993
+ -webkit-align-items: center;
1994
+
1995
+ display: flex;
1996
+ flex-wrap: wrap;
1997
+ flex-direction: column;
1998
+ justify-content: space-around;
1999
+ align-content: space-between;
2000
+ align-items: center;
2001
+ }
2002
+ .wrap-column-around-around-def_center
2003
+ {
2004
+ display: -webkit-flex;
2005
+ -webkit-flex-wrap: wrap;
2006
+ -webkit-flex-direction: column;
2007
+ -webkit-justify-content: space-around;
2008
+ -webkit-align-content: space-around;
2009
+ -webkit-align-items: center;
2010
+
2011
+ display: flex;
2012
+ flex-wrap: wrap;
2013
+ flex-direction: column;
2014
+ justify-content: space-around;
2015
+ align-content: space-around;
2016
+ align-items: center;
2017
+ }
2018
+ .wrap-column-around-stretch-def_center
2019
+ {
2020
+ display: -webkit-flex;
2021
+ -webkit-flex-wrap: wrap;
2022
+ -webkit-flex-direction: column;
2023
+ -webkit-justify-content: space-around;
2024
+ -webkit-align-content: stretch;
2025
+ -webkit-align-items: center;
2026
+
2027
+ display: flex;
2028
+ flex-wrap: wrap;
2029
+ flex-direction: column;
2030
+ justify-content: space-around;
2031
+ align-content: stretch;
2032
+ }
2033
+
2034
+ /* wrap with default column end */
2035
+
2036
+
2037
+ .wrap-column-start-start-def_end
2038
+ {
2039
+ display: -webkit-flex;
2040
+ -webkit-flex-wrap: wrap;
2041
+ -webkit-flex-direction: column;
2042
+ -webkit-justify-content: flex-start;
2043
+ -webkit-align-content: flex-start;
2044
+ -webkit-align-items: flex-end;
2045
+
2046
+ display: flex;
2047
+ flex-wrap: wrap;
2048
+ flex-direction: column;
2049
+ justify-content: flex-start;
2050
+ align-content: flex-start;
2051
+ align-items: flex-end;
2052
+ }
2053
+ .wrap-column-start-center-def_end
2054
+ {
2055
+ display: -webkit-flex;
2056
+ -webkit-flex-wrap: wrap;
2057
+ -webkit-flex-direction: column;
2058
+ -webkit-justify-content: flex-start;
2059
+ -webkit-align-content: center;
2060
+ -webkit-align-items: flex-end;
2061
+
2062
+ display: flex;
2063
+ flex-wrap: wrap;
2064
+ flex-direction: column;
2065
+ justify-content: flex-start;
2066
+ align-content: center;
2067
+ align-items: flex-end;
2068
+ }
2069
+ .wrap-column-start-end-def_end
2070
+ {
2071
+ display: -webkit-flex;
2072
+ -webkit-flex-wrap: wrap;
2073
+ -webkit-flex-direction: column;
2074
+ -webkit-justify-content: flex-start;
2075
+ -webkit-align-content: flex-end;
2076
+ -webkit-align-items: flex-end;
2077
+
2078
+ display: flex;
2079
+ flex-wrap: wrap;
2080
+ flex-direction: column;
2081
+ justify-content: flex-start;
2082
+ align-content: flex-end;
2083
+ align-items: flex-end;
2084
+ }
2085
+ .wrap-column-start-between-def_end
2086
+ {
2087
+ display: -webkit-flex;
2088
+ -webkit-flex-wrap: wrap;
2089
+ -webkit-flex-direction: column;
2090
+ -webkit-justify-content: flex-start;
2091
+ -webkit-align-content: space-between;
2092
+ -webkit-align-items: flex-end;
2093
+
2094
+ display: flex;
2095
+ flex-wrap: wrap;
2096
+ flex-direction: column;
2097
+ justify-content: flex-start;
2098
+ align-content: space-between;
2099
+ align-items: flex-end;
2100
+ }
2101
+ .wrap-column-start-around-def_end
2102
+ {
2103
+ display: -webkit-flex;
2104
+ -webkit-flex-wrap: wrap;
2105
+ -webkit-flex-direction: column;
2106
+ -webkit-justify-content: flex-start;
2107
+ -webkit-align-content: space-around;
2108
+ -webkit-align-items: flex-end;
2109
+
2110
+ display: flex;
2111
+ flex-wrap: wrap;
2112
+ flex-direction: column;
2113
+ justify-content: flex-start;
2114
+ align-content: space-around;
2115
+ align-items: flex-end;
2116
+ }
2117
+ .wrap-column-start-stretch-def_end
2118
+ {
2119
+ display: -webkit-flex;
2120
+ -webkit-flex-wrap: wrap;
2121
+ -webkit-flex-direction: column;
2122
+ -webkit-justify-content: flex-start;
2123
+ -webkit-align-content: stretch;
2124
+ -webkit-align-items: flex-end;
2125
+
2126
+ display: flex;
2127
+ flex-wrap: wrap;
2128
+ flex-direction: column;
2129
+ justify-content: flex-start;
2130
+ align-content: stretch;
2131
+ align-items: flex-end;
2132
+ }
2133
+
2134
+
2135
+ .wrap-column-center-start-def_end
2136
+ {
2137
+ display: -webkit-flex;
2138
+ -webkit-flex-wrap: wrap;
2139
+ -webkit-flex-direction: column;
2140
+ -webkit-justify-content: center;
2141
+ -webkit-align-content: flex-start;
2142
+ -webkit-align-items: flex-end;
2143
+
2144
+ display: flex;
2145
+ flex-wrap: wrap;
2146
+ flex-direction: column;
2147
+ justify-content: center;
2148
+ align-content: flex-start;
2149
+ align-items: flex-end;
2150
+ }
2151
+ .wrap-column-center-center-def_end
2152
+ {
2153
+ display: -webkit-flex;
2154
+ -webkit-flex-wrap: wrap;
2155
+ -webkit-flex-direction: column;
2156
+ -webkit-justify-content: center;
2157
+ -webkit-align-content: center;
2158
+ -webkit-align-items: flex-end;
2159
+
2160
+ display: flex;
2161
+ flex-wrap: wrap;
2162
+ flex-direction: column;
2163
+ justify-content: center;
2164
+ align-content: center;
2165
+ align-items: flex-end;
2166
+ }
2167
+ .wrap-column-center-end-def_end
2168
+ {
2169
+ display: -webkit-flex;
2170
+ -webkit-flex-wrap: wrap;
2171
+ -webkit-flex-direction: column;
2172
+ -webkit-justify-content: center;
2173
+ -webkit-align-content: flex-end;
2174
+ -webkit-align-items: flex-end;
2175
+
2176
+ display: flex;
2177
+ flex-wrap: wrap;
2178
+ flex-direction: column;
2179
+ justify-content: center;
2180
+ align-content: flex-end;
2181
+ align-items: flex-end;
2182
+ }
2183
+ .wrap-column-center-between-def_end
2184
+ {
2185
+ display: -webkit-flex;
2186
+ -webkit-flex-wrap: wrap;
2187
+ -webkit-flex-direction: column;
2188
+ -webkit-justify-content: center;
2189
+ -webkit-align-content: space-between;
2190
+ -webkit-align-items: flex-end;
2191
+
2192
+ display: flex;
2193
+ flex-wrap: wrap;
2194
+ flex-direction: column;
2195
+ justify-content: center;
2196
+ align-content: space-between;
2197
+ align-items: flex-end;
2198
+ }
2199
+ .wrap-column-center-around-def_end
2200
+ {
2201
+ display: -webkit-flex;
2202
+ -webkit-flex-wrap: wrap;
2203
+ -webkit-flex-direction: column;
2204
+ -webkit-justify-content: center;
2205
+ -webkit-align-content: space-around;
2206
+ -webkit-align-items: flex-end;
2207
+
2208
+ display: flex;
2209
+ flex-wrap: wrap;
2210
+ flex-direction: column;
2211
+ justify-content: center;
2212
+ align-content: space-around;
2213
+ align-items: flex-end;
2214
+ }
2215
+ .wrap-column-center-stretch-def_end
2216
+ {
2217
+ display: -webkit-flex;
2218
+ -webkit-flex-wrap: wrap;
2219
+ -webkit-flex-direction: column;
2220
+ -webkit-justify-content: center;
2221
+ -webkit-align-content: stretch;
2222
+ -webkit-align-items: flex-end;
2223
+
2224
+ display: flex;
2225
+ flex-wrap: wrap;
2226
+ flex-direction: column;
2227
+ justify-content: center;
2228
+ align-content: stretch;
2229
+ align-items: flex-end;
2230
+ }
2231
+
2232
+
2233
+ .wrap-column-end-start-def_end
2234
+ {
2235
+ display: -webkit-flex;
2236
+ -webkit-flex-wrap: wrap;
2237
+ -webkit-flex-direction: column;
2238
+ -webkit-justify-content: flex-end;
2239
+ -webkit-align-content: flex-start;
2240
+ -webkit-align-items: flex-end;
2241
+
2242
+ display: flex;
2243
+ flex-wrap: wrap;
2244
+ flex-direction: column;
2245
+ justify-content: flex-end;
2246
+ align-content: flex-start;
2247
+ align-items: flex-end;
2248
+ }
2249
+ .wrap-column-end-center-def_end
2250
+ {
2251
+ display: -webkit-flex;
2252
+ -webkit-flex-wrap: wrap;
2253
+ -webkit-flex-direction: column;
2254
+ -webkit-justify-content: flex-end;
2255
+ -webkit-align-content: center;
2256
+ -webkit-align-items: flex-end;
2257
+
2258
+ display: flex;
2259
+ flex-wrap: wrap;
2260
+ flex-direction: column;
2261
+ justify-content: flex-end;
2262
+ align-content: center;
2263
+ align-items: flex-end;
2264
+ }
2265
+ .wrap-column-end-end-def_end
2266
+ {
2267
+ display: -webkit-flex;
2268
+ -webkit-flex-wrap: wrap;
2269
+ -webkit-flex-direction: column;
2270
+ -webkit-justify-content: flex-end;
2271
+ -webkit-align-content: flex-end;
2272
+ -webkit-align-items: flex-end;
2273
+
2274
+ display: flex;
2275
+ flex-wrap: wrap;
2276
+ flex-direction: column;
2277
+ justify-content: flex-end;
2278
+ align-content: flex-end;
2279
+ align-items: flex-end;
2280
+ }
2281
+ .wrap-column-end-between-def_end
2282
+ {
2283
+ display: -webkit-flex;
2284
+ -webkit-flex-wrap: wrap;
2285
+ -webkit-flex-direction: column;
2286
+ -webkit-justify-content: flex-end;
2287
+ -webkit-align-content: space-between;
2288
+ -webkit-align-items: flex-end;
2289
+
2290
+ display: flex;
2291
+ flex-wrap: wrap;
2292
+ flex-direction: column;
2293
+ justify-content: flex-end;
2294
+ align-content: space-between;
2295
+ align-items: flex-end;
2296
+ }
2297
+ .wrap-column-end-around-def_end
2298
+ {
2299
+ display: -webkit-flex;
2300
+ -webkit-flex-wrap: wrap;
2301
+ -webkit-flex-direction: column;
2302
+ -webkit-justify-content: flex-end;
2303
+ -webkit-align-content: space-around;
2304
+ -webkit-align-items: flex-end;
2305
+
2306
+ display: flex;
2307
+ flex-wrap: wrap;
2308
+ flex-direction: column;
2309
+ justify-content: flex-end;
2310
+ align-content: space-around;
2311
+ align-items: flex-end;
2312
+ }
2313
+ .wrap-column-end-stretch-def_end
2314
+ {
2315
+ display: -webkit-flex;
2316
+ -webkit-flex-wrap: wrap;
2317
+ -webkit-flex-direction: column;
2318
+ -webkit-justify-content: flex-end;
2319
+ -webkit-align-content: stretch;
2320
+ -webkit-align-items: flex-end;
2321
+
2322
+ display: flex;
2323
+ flex-wrap: wrap;
2324
+ flex-direction: column;
2325
+ justify-content: flex-end;
2326
+ align-content: stretch;
2327
+ align-items: flex-end;
2328
+ }
2329
+
2330
+
2331
+ .wrap-column-between-start-def_end
2332
+ {
2333
+ display: -webkit-flex;
2334
+ -webkit-flex-wrap: wrap;
2335
+ -webkit-flex-direction: column;
2336
+ -webkit-justify-content: space-between;
2337
+ -webkit-align-content: flex-start;
2338
+ -webkit-align-items: flex-end;
2339
+
2340
+ display: flex;
2341
+ flex-wrap: wrap;
2342
+ flex-direction: column;
2343
+ justify-content: space-between;
2344
+ align-content: flex-start;
2345
+ align-items: flex-end;
2346
+ }
2347
+ .wrap-column-between-center-def_end
2348
+ {
2349
+ display: -webkit-flex;
2350
+ -webkit-flex-wrap: wrap;
2351
+ -webkit-flex-direction: column;
2352
+ -webkit-justify-content: space-between;
2353
+ -webkit-align-content: center;
2354
+ -webkit-align-items: flex-end;
2355
+
2356
+ display: flex;
2357
+ flex-wrap: wrap;
2358
+ flex-direction: column;
2359
+ justify-content: space-between;
2360
+ align-content: center;
2361
+ align-items: flex-end;
2362
+ }
2363
+ .wrap-column-between-end-def_end
2364
+ {
2365
+ display: -webkit-flex;
2366
+ -webkit-flex-wrap: wrap;
2367
+ -webkit-flex-direction: column;
2368
+ -webkit-justify-content: space-between;
2369
+ -webkit-align-content: flex-end;
2370
+ -webkit-align-items: flex-end;
2371
+
2372
+ display: flex;
2373
+ flex-wrap: wrap;
2374
+ flex-direction: column;
2375
+ justify-content: space-between;
2376
+ align-content: flex-end;
2377
+ align-items: flex-end;
2378
+ }
2379
+ .wrap-column-between-between-def_end
2380
+ {
2381
+ display: -webkit-flex;
2382
+ -webkit-flex-wrap: wrap;
2383
+ -webkit-flex-direction: column;
2384
+ -webkit-justify-content: space-between;
2385
+ -webkit-align-content: space-between;
2386
+ -webkit-align-items: flex-end;
2387
+
2388
+ display: flex;
2389
+ flex-wrap: wrap;
2390
+ flex-direction: column;
2391
+ justify-content: space-between;
2392
+ align-content: space-between;
2393
+ align-items: flex-end;
2394
+ }
2395
+ .wrap-column-between-around-def_end
2396
+ {
2397
+ display: -webkit-flex;
2398
+ -webkit-flex-wrap: wrap;
2399
+ -webkit-flex-direction: column;
2400
+ -webkit-justify-content: space-between;
2401
+ -webkit-align-content: space-around;
2402
+ -webkit-align-items: flex-end;
2403
+
2404
+ display: flex;
2405
+ flex-wrap: wrap;
2406
+ flex-direction: column;
2407
+ justify-content: space-between;
2408
+ align-content: space-around;
2409
+ align-items: flex-end;
2410
+ }
2411
+ .wrap-column-between-stretch-def_end
2412
+ {
2413
+ display: -webkit-flex;
2414
+ -webkit-flex-wrap: wrap;
2415
+ -webkit-flex-direction: column;
2416
+ -webkit-justify-content: space-between;
2417
+ -webkit-align-content: stretch;
2418
+ -webkit-align-items: flex-end;
2419
+
2420
+ display: flex;
2421
+ flex-wrap: wrap;
2422
+ flex-direction: column;
2423
+ justify-content: space-between;
2424
+ align-content: stretch;
2425
+ align-items: flex-end;
2426
+ }
2427
+
2428
+
2429
+ .wrap-column-around-start-def_end
2430
+ {
2431
+ display: -webkit-flex;
2432
+ -webkit-flex-wrap: wrap;
2433
+ -webkit-flex-direction: column;
2434
+ -webkit-justify-content: space-around;
2435
+ -webkit-align-content: flex-start;
2436
+ -webkit-align-items: flex-end;
2437
+
2438
+ display: flex;
2439
+ flex-wrap: wrap;
2440
+ flex-direction: column;
2441
+ justify-content: space-around;
2442
+ align-content: flex-start;
2443
+ align-items: flex-end;
2444
+ }
2445
+ .wrap-column-around-center-def_end
2446
+ {
2447
+ display: -webkit-flex;
2448
+ -webkit-flex-wrap: wrap;
2449
+ -webkit-flex-direction: column;
2450
+ -webkit-justify-content: space-around;
2451
+ -webkit-align-content: center;
2452
+ -webkit-align-items: flex-end;
2453
+
2454
+ display: flex;
2455
+ flex-wrap: wrap;
2456
+ flex-direction: column;
2457
+ justify-content: space-around;
2458
+ align-content: center;
2459
+ align-items: flex-end;
2460
+ }
2461
+ .wrap-column-around-end-def_end
2462
+ {
2463
+ display: -webkit-flex;
2464
+ -webkit-flex-wrap: wrap;
2465
+ -webkit-flex-direction: column;
2466
+ -webkit-justify-content: space-around;
2467
+ -webkit-align-content: flex-end;
2468
+ -webkit-align-items: flex-end;
2469
+
2470
+ display: flex;
2471
+ flex-wrap: wrap;
2472
+ flex-direction: column;
2473
+ justify-content: space-around;
2474
+ align-content: flex-end;
2475
+ align-items: flex-end;
2476
+ }
2477
+ .wrap-column-around-between-def_end
2478
+ {
2479
+ display: -webkit-flex;
2480
+ -webkit-flex-wrap: wrap;
2481
+ -webkit-flex-direction: column;
2482
+ -webkit-justify-content: space-around;
2483
+ -webkit-align-content: space-between;
2484
+ -webkit-align-items: flex-end;
2485
+
2486
+ display: flex;
2487
+ flex-wrap: wrap;
2488
+ flex-direction: column;
2489
+ justify-content: space-around;
2490
+ align-content: space-between;
2491
+ align-items: flex-end;
2492
+ }
2493
+ .wrap-column-around-around-def_end
2494
+ {
2495
+ display: -webkit-flex;
2496
+ -webkit-flex-wrap: wrap;
2497
+ -webkit-flex-direction: column;
2498
+ -webkit-justify-content: space-around;
2499
+ -webkit-align-content: space-around;
2500
+ -webkit-align-items: flex-end;
2501
+
2502
+ display: flex;
2503
+ flex-wrap: wrap;
2504
+ flex-direction: column;
2505
+ justify-content: space-around;
2506
+ align-content: space-around;
2507
+ align-items: flex-end;
2508
+ }
2509
+ .wrap-column-around-stretch-def_end
2510
+ {
2511
+ display: -webkit-flex;
2512
+ -webkit-flex-wrap: wrap;
2513
+ -webkit-flex-direction: column;
2514
+ -webkit-justify-content: space-around;
2515
+ -webkit-align-content: stretch;
2516
+ -webkit-align-items: flex-end;
2517
+
2518
+ display: flex;
2519
+ flex-wrap: wrap;
2520
+ flex-direction: column;
2521
+ justify-content: space-around;
2522
+ align-content: stretch;
2523
+ }
2524
+
2525
+
2526
+ /* wrap with default column stretch */
2527
+
2528
+
2529
+ .wrap-column-start-start-def_stretch
2530
+ {
2531
+ display: -webkit-flex;
2532
+ -webkit-flex-wrap: wrap;
2533
+ -webkit-flex-direction: column;
2534
+ -webkit-justify-content: flex-start;
2535
+ -webkit-align-content: flex-start;
2536
+ -webkit-align-items: stretch;
2537
+
2538
+ display: flex;
2539
+ flex-wrap: wrap;
2540
+ flex-direction: column;
2541
+ justify-content: flex-start;
2542
+ align-content: flex-start;
2543
+ align-items: stretch;
2544
+ }
2545
+ .wrap-column-start-center-def_stretch
2546
+ {
2547
+ display: -webkit-flex;
2548
+ -webkit-flex-wrap: wrap;
2549
+ -webkit-flex-direction: column;
2550
+ -webkit-justify-content: flex-start;
2551
+ -webkit-align-content: center;
2552
+ -webkit-align-items: stretch;
2553
+
2554
+ display: flex;
2555
+ flex-wrap: wrap;
2556
+ flex-direction: column;
2557
+ justify-content: flex-start;
2558
+ align-content: center;
2559
+ align-items: stretch;
2560
+ }
2561
+ .wrap-column-start-end-def_stretch
2562
+ {
2563
+ display: -webkit-flex;
2564
+ -webkit-flex-wrap: wrap;
2565
+ -webkit-flex-direction: column;
2566
+ -webkit-justify-content: flex-start;
2567
+ -webkit-align-content: flex-end;
2568
+ -webkit-align-items: stretch;
2569
+
2570
+ display: flex;
2571
+ flex-wrap: wrap;
2572
+ flex-direction: column;
2573
+ justify-content: flex-start;
2574
+ align-content: flex-end;
2575
+ align-items: stretch;
2576
+ }
2577
+ .wrap-column-start-between-def_stretch
2578
+ {
2579
+ display: -webkit-flex;
2580
+ -webkit-flex-wrap: wrap;
2581
+ -webkit-flex-direction: column;
2582
+ -webkit-justify-content: flex-start;
2583
+ -webkit-align-content: space-between;
2584
+ -webkit-align-items: stretch;
2585
+
2586
+ display: flex;
2587
+ flex-wrap: wrap;
2588
+ flex-direction: column;
2589
+ justify-content: flex-start;
2590
+ align-content: space-between;
2591
+ align-items: stretch;
2592
+ }
2593
+ .wrap-column-start-around-def_stretch
2594
+ {
2595
+ display: -webkit-flex;
2596
+ -webkit-flex-wrap: wrap;
2597
+ -webkit-flex-direction: column;
2598
+ -webkit-justify-content: flex-start;
2599
+ -webkit-align-content: space-around;
2600
+ -webkit-align-items: stretch;
2601
+
2602
+ display: flex;
2603
+ flex-wrap: wrap;
2604
+ flex-direction: column;
2605
+ justify-content: flex-start;
2606
+ align-content: space-around;
2607
+ align-items: stretch;
2608
+ }
2609
+ .wrap-column-start-stretch-def_stretch
2610
+ {
2611
+ display: -webkit-flex;
2612
+ -webkit-flex-wrap: wrap;
2613
+ -webkit-flex-direction: column;
2614
+ -webkit-justify-content: flex-start;
2615
+ -webkit-align-content: stretch;
2616
+ -webkit-align-items: stretch;
2617
+
2618
+ display: flex;
2619
+ flex-wrap: wrap;
2620
+ flex-direction: column;
2621
+ justify-content: flex-start;
2622
+ align-content: stretch;
2623
+ align-items: stretch;
2624
+ }
2625
+
2626
+
2627
+ .wrap-column-center-start-def_stretch
2628
+ {
2629
+ display: -webkit-flex;
2630
+ -webkit-flex-wrap: wrap;
2631
+ -webkit-flex-direction: column;
2632
+ -webkit-justify-content: center;
2633
+ -webkit-align-content: flex-start;
2634
+ -webkit-align-items: stretch;
2635
+
2636
+ display: flex;
2637
+ flex-wrap: wrap;
2638
+ flex-direction: column;
2639
+ justify-content: center;
2640
+ align-content: flex-start;
2641
+ align-items: stretch;
2642
+ }
2643
+ .wrap-column-center-center-def_stretch
2644
+ {
2645
+ display: -webkit-flex;
2646
+ -webkit-flex-wrap: wrap;
2647
+ -webkit-flex-direction: column;
2648
+ -webkit-justify-content: center;
2649
+ -webkit-align-content: center;
2650
+ -webkit-align-items: stretch;
2651
+
2652
+ display: flex;
2653
+ flex-wrap: wrap;
2654
+ flex-direction: column;
2655
+ justify-content: center;
2656
+ align-content: center;
2657
+ align-items: stretch;
2658
+ }
2659
+ .wrap-column-center-end-def_stretch
2660
+ {
2661
+ display: -webkit-flex;
2662
+ -webkit-flex-wrap: wrap;
2663
+ -webkit-flex-direction: column;
2664
+ -webkit-justify-content: center;
2665
+ -webkit-align-content: flex-end;
2666
+ -webkit-align-items: stretch;
2667
+
2668
+ display: flex;
2669
+ flex-wrap: wrap;
2670
+ flex-direction: column;
2671
+ justify-content: center;
2672
+ align-content: flex-end;
2673
+ align-items: stretch;
2674
+ }
2675
+ .wrap-column-center-between-def_stretch
2676
+ {
2677
+ display: -webkit-flex;
2678
+ -webkit-flex-wrap: wrap;
2679
+ -webkit-flex-direction: column;
2680
+ -webkit-justify-content: center;
2681
+ -webkit-align-content: space-between;
2682
+ -webkit-align-items: stretch;
2683
+
2684
+ display: flex;
2685
+ flex-wrap: wrap;
2686
+ flex-direction: column;
2687
+ justify-content: center;
2688
+ align-content: space-between;
2689
+ align-items: stretch;
2690
+ }
2691
+ .wrap-column-center-around-def_stretch
2692
+ {
2693
+ display: -webkit-flex;
2694
+ -webkit-flex-wrap: wrap;
2695
+ -webkit-flex-direction: column;
2696
+ -webkit-justify-content: center;
2697
+ -webkit-align-content: space-around;
2698
+ -webkit-align-items: stretch;
2699
+
2700
+ display: flex;
2701
+ flex-wrap: wrap;
2702
+ flex-direction: column;
2703
+ justify-content: center;
2704
+ align-content: space-around;
2705
+ align-items: stretch;
2706
+ }
2707
+ .wrap-column-center-stretch-def_stretch
2708
+ {
2709
+ display: -webkit-flex;
2710
+ -webkit-flex-wrap: wrap;
2711
+ -webkit-flex-direction: column;
2712
+ -webkit-justify-content: center;
2713
+ -webkit-align-content: stretch;
2714
+ -webkit-align-items: stretch;
2715
+
2716
+ display: flex;
2717
+ flex-wrap: wrap;
2718
+ flex-direction: column;
2719
+ justify-content: center;
2720
+ align-content: stretch;
2721
+ align-items: stretch;
2722
+ }
2723
+
2724
+
2725
+ .wrap-column-end-start-def_stretch
2726
+ {
2727
+ display: -webkit-flex;
2728
+ -webkit-flex-wrap: wrap;
2729
+ -webkit-flex-direction: column;
2730
+ -webkit-justify-content: flex-end;
2731
+ -webkit-align-content: flex-start;
2732
+ -webkit-align-items: stretch;
2733
+
2734
+ display: flex;
2735
+ flex-wrap: wrap;
2736
+ flex-direction: column;
2737
+ justify-content: flex-end;
2738
+ align-content: flex-start;
2739
+ align-items: stretch;
2740
+ }
2741
+ .wrap-column-end-center-def_stretch
2742
+ {
2743
+ display: -webkit-flex;
2744
+ -webkit-flex-wrap: wrap;
2745
+ -webkit-flex-direction: column;
2746
+ -webkit-justify-content: flex-end;
2747
+ -webkit-align-content: center;
2748
+ -webkit-align-items: stretch;
2749
+
2750
+ display: flex;
2751
+ flex-wrap: wrap;
2752
+ flex-direction: column;
2753
+ justify-content: flex-end;
2754
+ align-content: center;
2755
+ align-items: stretch;
2756
+ }
2757
+ .wrap-column-end-end-def_stretch
2758
+ {
2759
+ display: -webkit-flex;
2760
+ -webkit-flex-wrap: wrap;
2761
+ -webkit-flex-direction: column;
2762
+ -webkit-justify-content: flex-end;
2763
+ -webkit-align-content: flex-end;
2764
+ -webkit-align-items: stretch;
2765
+
2766
+ display: flex;
2767
+ flex-wrap: wrap;
2768
+ flex-direction: column;
2769
+ justify-content: flex-end;
2770
+ align-content: flex-end;
2771
+ align-items: stretch;
2772
+ }
2773
+ .wrap-column-end-between-def_stretch
2774
+ {
2775
+ display: -webkit-flex;
2776
+ -webkit-flex-wrap: wrap;
2777
+ -webkit-flex-direction: column;
2778
+ -webkit-justify-content: flex-end;
2779
+ -webkit-align-content: space-between;
2780
+ -webkit-align-items: stretch;
2781
+
2782
+ display: flex;
2783
+ flex-wrap: wrap;
2784
+ flex-direction: column;
2785
+ justify-content: flex-end;
2786
+ align-content: space-between;
2787
+ align-items: stretch;
2788
+ }
2789
+ .wrap-column-end-around-def_stretch
2790
+ {
2791
+ display: -webkit-flex;
2792
+ -webkit-flex-wrap: wrap;
2793
+ -webkit-flex-direction: column;
2794
+ -webkit-justify-content: flex-end;
2795
+ -webkit-align-content: space-around;
2796
+ -webkit-align-items: stretch;
2797
+
2798
+ display: flex;
2799
+ flex-wrap: wrap;
2800
+ flex-direction: column;
2801
+ justify-content: flex-end;
2802
+ align-content: space-around;
2803
+ align-items: stretch;
2804
+ }
2805
+ .wrap-column-end-stretch-def_stretch
2806
+ {
2807
+ display: -webkit-flex;
2808
+ -webkit-flex-wrap: wrap;
2809
+ -webkit-flex-direction: column;
2810
+ -webkit-justify-content: flex-end;
2811
+ -webkit-align-content: stretch;
2812
+ -webkit-align-items: stretch;
2813
+
2814
+ display: flex;
2815
+ flex-wrap: wrap;
2816
+ flex-direction: column;
2817
+ justify-content: flex-end;
2818
+ align-content: stretch;
2819
+ align-items: stretch;
2820
+ }
2821
+
2822
+
2823
+ .wrap-column-between-start-def_stretch
2824
+ {
2825
+ display: -webkit-flex;
2826
+ -webkit-flex-wrap: wrap;
2827
+ -webkit-flex-direction: column;
2828
+ -webkit-justify-content: space-between;
2829
+ -webkit-align-content: flex-start;
2830
+ -webkit-align-items: stretch;
2831
+
2832
+ display: flex;
2833
+ flex-wrap: wrap;
2834
+ flex-direction: column;
2835
+ justify-content: space-between;
2836
+ align-content: flex-start;
2837
+ align-items: stretch;
2838
+ }
2839
+ .wrap-column-between-center-def_stretch
2840
+ {
2841
+ display: -webkit-flex;
2842
+ -webkit-flex-wrap: wrap;
2843
+ -webkit-flex-direction: column;
2844
+ -webkit-justify-content: space-between;
2845
+ -webkit-align-content: center;
2846
+ -webkit-align-items: stretch;
2847
+
2848
+ display: flex;
2849
+ flex-wrap: wrap;
2850
+ flex-direction: column;
2851
+ justify-content: space-between;
2852
+ align-content: center;
2853
+ align-items: stretch;
2854
+ }
2855
+ .wrap-column-between-end-def_stretch
2856
+ {
2857
+ display: -webkit-flex;
2858
+ -webkit-flex-wrap: wrap;
2859
+ -webkit-flex-direction: column;
2860
+ -webkit-justify-content: space-between;
2861
+ -webkit-align-content: flex-end;
2862
+ -webkit-align-items: stretch;
2863
+
2864
+ display: flex;
2865
+ flex-wrap: wrap;
2866
+ flex-direction: column;
2867
+ justify-content: space-between;
2868
+ align-content: flex-end;
2869
+ align-items: stretch;
2870
+ }
2871
+ .wrap-column-between-between-def_stretch
2872
+ {
2873
+ display: -webkit-flex;
2874
+ -webkit-flex-wrap: wrap;
2875
+ -webkit-flex-direction: column;
2876
+ -webkit-justify-content: space-between;
2877
+ -webkit-align-content: space-between;
2878
+ -webkit-align-items: stretch;
2879
+
2880
+ display: flex;
2881
+ flex-wrap: wrap;
2882
+ flex-direction: column;
2883
+ justify-content: space-between;
2884
+ align-content: space-between;
2885
+ align-items: stretch;
2886
+ }
2887
+ .wrap-column-between-around-def_stretch
2888
+ {
2889
+ display: -webkit-flex;
2890
+ -webkit-flex-wrap: wrap;
2891
+ -webkit-flex-direction: column;
2892
+ -webkit-justify-content: space-between;
2893
+ -webkit-align-content: space-around;
2894
+ -webkit-align-items: stretch;
2895
+
2896
+ display: flex;
2897
+ flex-wrap: wrap;
2898
+ flex-direction: column;
2899
+ justify-content: space-between;
2900
+ align-content: space-around;
2901
+ align-items: stretch;
2902
+ }
2903
+ .wrap-column-between-stretch-def_stretch
2904
+ {
2905
+ display: -webkit-flex;
2906
+ -webkit-flex-wrap: wrap;
2907
+ -webkit-flex-direction: column;
2908
+ -webkit-justify-content: space-between;
2909
+ -webkit-align-content: stretch;
2910
+ -webkit-align-items: stretch;
2911
+
2912
+ display: flex;
2913
+ flex-wrap: wrap;
2914
+ flex-direction: column;
2915
+ justify-content: space-between;
2916
+ align-content: stretch;
2917
+ align-items: stretch;
2918
+ }
2919
+
2920
+
2921
+ .wrap-column-around-start-def_stretch
2922
+ {
2923
+ display: -webkit-flex;
2924
+ -webkit-flex-wrap: wrap;
2925
+ -webkit-flex-direction: column;
2926
+ -webkit-justify-content: space-around;
2927
+ -webkit-align-content: flex-start;
2928
+ -webkit-align-items: stretch;
2929
+
2930
+ display: flex;
2931
+ flex-wrap: wrap;
2932
+ flex-direction: column;
2933
+ justify-content: space-around;
2934
+ align-content: flex-start;
2935
+ align-items: stretch;
2936
+ }
2937
+ .wrap-column-around-center-def_stretch
2938
+ {
2939
+ display: -webkit-flex;
2940
+ -webkit-flex-wrap: wrap;
2941
+ -webkit-flex-direction: column;
2942
+ -webkit-justify-content: space-around;
2943
+ -webkit-align-content: center;
2944
+ -webkit-align-items: stretch;
2945
+
2946
+ display: flex;
2947
+ flex-wrap: wrap;
2948
+ flex-direction: column;
2949
+ justify-content: space-around;
2950
+ align-content: center;
2951
+ align-items: stretch;
2952
+ }
2953
+ .wrap-column-around-end-def_stretch
2954
+ {
2955
+ display: -webkit-flex;
2956
+ -webkit-flex-wrap: wrap;
2957
+ -webkit-flex-direction: column;
2958
+ -webkit-justify-content: space-around;
2959
+ -webkit-align-content: flex-end;
2960
+ -webkit-align-items: stretch;
2961
+
2962
+ display: flex;
2963
+ flex-wrap: wrap;
2964
+ flex-direction: column;
2965
+ justify-content: space-around;
2966
+ align-content: flex-end;
2967
+ align-items: stretch;
2968
+ }
2969
+ .wrap-column-around-between-def_stretch
2970
+ {
2971
+ display: -webkit-flex;
2972
+ -webkit-flex-wrap: wrap;
2973
+ -webkit-flex-direction: column;
2974
+ -webkit-justify-content: space-around;
2975
+ -webkit-align-content: space-between;
2976
+ -webkit-align-items: stretch;
2977
+
2978
+ display: flex;
2979
+ flex-wrap: wrap;
2980
+ flex-direction: column;
2981
+ justify-content: space-around;
2982
+ align-content: space-between;
2983
+ align-items: stretch;
2984
+ }
2985
+ .wrap-column-around-around-def_stretch
2986
+ {
2987
+ display: -webkit-flex;
2988
+ -webkit-flex-wrap: wrap;
2989
+ -webkit-flex-direction: column;
2990
+ -webkit-justify-content: space-around;
2991
+ -webkit-align-content: space-around;
2992
+ -webkit-align-items: stretch;
2993
+
2994
+ display: flex;
2995
+ flex-wrap: wrap;
2996
+ flex-direction: column;
2997
+ justify-content: space-around;
2998
+ align-content: space-around;
2999
+ align-items: stretch;
3000
+ }
3001
+ .wrap-column-around-stretch-def_stretch
3002
+ {
3003
+ display: -webkit-flex;
3004
+ -webkit-flex-wrap: wrap;
3005
+ -webkit-flex-direction: column;
3006
+ -webkit-justify-content: space-around;
3007
+ -webkit-align-content: stretch;
3008
+ -webkit-align-items: stretch;
3009
+
3010
+ display: flex;
3011
+ flex-wrap: wrap;
3012
+ flex-direction: column;
3013
+ justify-content: space-around;
3014
+ align-content: stretch;
3015
+ }
3016
+
3017
+ /* E N D F L E X */
3018
+
3019
+ .w100
3020
+ {
3021
+ width: 100%;
3022
+ }
3023
+ .h100
3024
+ {
3025
+ height: 100%;
3026
+ }
3027
+ .ha
3028
+ {
3029
+ height: auto;
3030
+ }
3031
+ .h100vh
3032
+ {
3033
+ height: 100vh;
3034
+ }
3035
+ .h100vw
3036
+ {
3037
+ height: 100vw;
3038
+ }
3039
+ .w100vw
3040
+ {
3041
+ width: 100vw;
3042
+ }
3043
+ .w100vh
3044
+ {
3045
+ width: 100vh;
3046
+ }
3047
+ .w100vmin
3048
+ {
3049
+ width: 100vmin;
3050
+ }
3051
+ .w100vmax
3052
+ {
3053
+ width: 100vmax;
3054
+ }
3055
+ .h100vmax
3056
+ {
3057
+ height: 100vmax;
3058
+ }
3059
+ .h100vmin
3060
+ {
3061
+ height: 100vmin;
3062
+ }