##// END OF EJS Templates
readd flexible-box-model
Bussonnier Matthias -
Show More
@@ -0,0 +1,97 b''
1
2 /* Flexible box model classes */
3 /* Taken from Alex Russell http://infrequently.org/2009/08/css-3-progress/ */
4
5 .hbox {
6 display: -webkit-box;
7 -webkit-box-orient: horizontal;
8 -webkit-box-align: stretch;
9
10 display: -moz-box;
11 -moz-box-orient: horizontal;
12 -moz-box-align: stretch;
13
14 display: box;
15 box-orient: horizontal;
16 box-align: stretch;
17 }
18
19 .hbox > * {
20 -webkit-box-flex: 0;
21 -moz-box-flex: 0;
22 box-flex: 0;
23 }
24
25 .vbox {
26 display: -webkit-box;
27 -webkit-box-orient: vertical;
28 -webkit-box-align: stretch;
29
30 display: -moz-box;
31 -moz-box-orient: vertical;
32 -moz-box-align: stretch;
33
34 display: box;
35 box-orient: vertical;
36 box-align: stretch;
37 }
38
39 .vbox > * {
40 -webkit-box-flex: 0;
41 -moz-box-flex: 0;
42 box-flex: 0;
43 }
44
45 .reverse {
46 -webkit-box-direction: reverse;
47 -moz-box-direction: reverse;
48 box-direction: reverse;
49 }
50
51 .box-flex0 {
52 -webkit-box-flex: 0;
53 -moz-box-flex: 0;
54 box-flex: 0;
55 }
56
57 .box-flex1, .box-flex {
58 -webkit-box-flex: 1;
59 -moz-box-flex: 1;
60 box-flex: 1;
61 }
62
63 .box-flex2 {
64 -webkit-box-flex: 2;
65 -moz-box-flex: 2;
66 box-flex: 2;
67 }
68
69 .box-group1 {
70 -webkit-box-flex-group: 1;
71 -moz-box-flex-group: 1;
72 box-flex-group: 1;
73 }
74
75 .box-group2 {
76 -webkit-box-flex-group: 2;
77 -moz-box-flex-group: 2;
78 box-flex-group: 2;
79 }
80
81 .start {
82 -webkit-box-pack: start;
83 -moz-box-pack: start;
84 box-pack: start;
85 }
86
87 .end {
88 -webkit-box-pack: end;
89 -moz-box-pack: end;
90 box-pack: end;
91 }
92
93 .center {
94 -webkit-box-pack: center;
95 -moz-box-pack: center;
96 box-pack: center;
97 }
General Comments 0
You need to be logged in to leave comments. Login now