##// END OF EJS Templates
Removed blame comment
Jonathan Frederic -
Show More
@@ -1,123 +1,121 b''
1
1
2 /* Flexible box model classes */
2 /* Flexible box model classes */
3 /* Taken from Alex Russell http://infrequently.org/2009/08/css-3-progress/ */
3 /* Taken from Alex Russell http://infrequently.org/2009/08/css-3-progress/ */
4
4
5 .hbox {
5 .hbox {
6 display: -webkit-box;
6 display: -webkit-box;
7 -webkit-box-orient: horizontal;
7 -webkit-box-orient: horizontal;
8 -webkit-box-align: stretch;
8 -webkit-box-align: stretch;
9
9
10 display: -moz-box;
10 display: -moz-box;
11 -moz-box-orient: horizontal;
11 -moz-box-orient: horizontal;
12 -moz-box-align: stretch;
12 -moz-box-align: stretch;
13
13
14 display: box;
14 display: box;
15 box-orient: horizontal;
15 box-orient: horizontal;
16 box-align: stretch;
16 box-align: stretch;
17 }
17 }
18
18
19 .hbox > * {
19 .hbox > * {
20 -webkit-box-flex: 0;
20 -webkit-box-flex: 0;
21 -moz-box-flex: 0;
21 -moz-box-flex: 0;
22 box-flex: 0;
22 box-flex: 0;
23 }
23 }
24
24
25 .vbox {
25 .vbox {
26 display: -webkit-box;
26 display: -webkit-box;
27 -webkit-box-orient: vertical;
27 -webkit-box-orient: vertical;
28 -webkit-box-align: stretch;
28 -webkit-box-align: stretch;
29
29
30 display: -moz-box;
30 display: -moz-box;
31 -moz-box-orient: vertical;
31 -moz-box-orient: vertical;
32 -moz-box-align: stretch;
32 -moz-box-align: stretch;
33
33
34 display: box;
34 display: box;
35 box-orient: vertical;
35 box-orient: vertical;
36 box-align: stretch;
36 box-align: stretch;
37 /* width must be 100% to force FF to behave like webkit */
37 /* width must be 100% to force FF to behave like webkit */
38 width: 100%;
38 width: 100%;
39 }
39 }
40
40
41 .vbox > * {
41 .vbox > * {
42 -webkit-box-flex: 0;
42 -webkit-box-flex: 0;
43 -moz-box-flex: 0;
43 -moz-box-flex: 0;
44 box-flex: 0;
44 box-flex: 0;
45 }
45 }
46
46
47 .reverse {
47 .reverse {
48 -webkit-box-direction: reverse;
48 -webkit-box-direction: reverse;
49 -moz-box-direction: reverse;
49 -moz-box-direction: reverse;
50 box-direction: reverse;
50 box-direction: reverse;
51 }
51 }
52
52
53 .box-flex0 {
53 .box-flex0 {
54 -webkit-box-flex: 0;
54 -webkit-box-flex: 0;
55 -moz-box-flex: 0;
55 -moz-box-flex: 0;
56 box-flex: 0;
56 box-flex: 0;
57 }
57 }
58
58
59 .box-flex1 {
59 .box-flex1 {
60 -webkit-box-flex: 1;
60 -webkit-box-flex: 1;
61 -moz-box-flex: 1;
61 -moz-box-flex: 1;
62 box-flex: 1;
62 box-flex: 1;
63 }
63 }
64
64
65 .box-flex {
65 .box-flex {
66 .box-flex1();
66 .box-flex1();
67 }
67 }
68
68
69 .box-flex2 {
69 .box-flex2 {
70 -webkit-box-flex: 2;
70 -webkit-box-flex: 2;
71 -moz-box-flex: 2;
71 -moz-box-flex: 2;
72 box-flex: 2;
72 box-flex: 2;
73 }
73 }
74
74
75 .box-group1 {
75 .box-group1 {
76 -webkit-box-flex-group: 1;
76 -webkit-box-flex-group: 1;
77 -moz-box-flex-group: 1;
77 -moz-box-flex-group: 1;
78 box-flex-group: 1;
78 box-flex-group: 1;
79 }
79 }
80
80
81 .box-group2 {
81 .box-group2 {
82 -webkit-box-flex-group: 2;
82 -webkit-box-flex-group: 2;
83 -moz-box-flex-group: 2;
83 -moz-box-flex-group: 2;
84 box-flex-group: 2;
84 box-flex-group: 2;
85 }
85 }
86
86
87 .start {
87 .start {
88 -webkit-box-pack: start;
88 -webkit-box-pack: start;
89 -moz-box-pack: start;
89 -moz-box-pack: start;
90 box-pack: start;
90 box-pack: start;
91 }
91 }
92
92
93 .end {
93 .end {
94 -webkit-box-pack: end;
94 -webkit-box-pack: end;
95 -moz-box-pack: end;
95 -moz-box-pack: end;
96 box-pack: end;
96 box-pack: end;
97 }
97 }
98
98
99 .center {
99 .center {
100 -webkit-box-pack: center;
100 -webkit-box-pack: center;
101 -moz-box-pack: center;
101 -moz-box-pack: center;
102 box-pack: center;
102 box-pack: center;
103 }
103 }
104
104
105 /* Code below was added on 11/6/2013 by Jonathan Frederic */
106
107 .align-start {
105 .align-start {
108 -webkit-box-align: start;
106 -webkit-box-align: start;
109 -moz-box-align: start;
107 -moz-box-align: start;
110 box-align: start;
108 box-align: start;
111 }
109 }
112
110
113 .align-end {
111 .align-end {
114 -webkit-box-align: end;
112 -webkit-box-align: end;
115 -moz-box-align: end;
113 -moz-box-align: end;
116 box-align: end;
114 box-align: end;
117 }
115 }
118
116
119 .align-center {
117 .align-center {
120 -webkit-box-align: center;
118 -webkit-box-align: center;
121 -moz-box-align: center;
119 -moz-box-align: center;
122 box-align: center;
120 box-align: center;
123 }
121 }
General Comments 0
You need to be logged in to leave comments. Login now