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