1 |
|
2 |
|
3 |
|
4 |
|
5 |
|
6 | .grid,
|
7 | .row {
|
8 | display: block;
|
9 | clear: both;
|
10 | *zoom: 1;
|
11 | }
|
12 |
|
13 | .grid:after,
|
14 | .row:after {
|
15 | content: "";
|
16 | display: block;
|
17 | clear: both;
|
18 | }
|
19 |
|
20 | .col,
|
21 | .grid > .grid {
|
22 | position: relative;
|
23 | display: block;
|
24 | float: left;
|
25 | min-height: 1px;
|
26 | clear: none;
|
27 | }
|
28 |
|
29 | .col,
|
30 | .w12, .md .md-w12, .lg .md-w12, .lg .lg-w12 { width: 100%; }
|
31 | .w11, .md .md-w11, .lg .md-w11, .lg .lg-w11 { width: 91.6667%; }
|
32 | .w10, .md .md-w10, .lg .md-w10, .lg .lg-w10 { width: 83.3333%; }
|
33 | .w9 , .md .md-w9 , .lg .md-w9 , .lg .lg-w9 { width: 75%; }
|
34 | .w8 , .md .md-w8 , .lg .md-w8 , .lg .lg-w8 { width: 66.6667%; }
|
35 | .w7 , .md .md-w7 , .lg .md-w7 , .lg .lg-w7 { width: 58.3333%; }
|
36 | .w6 , .md .md-w6 , .lg .md-w6 , .lg .lg-w6 { width: 50%; }
|
37 | .w5 , .md .md-w5 , .lg .md-w5 , .lg .lg-w5 { width: 41.6667%; }
|
38 | .w4 , .md .md-w4 , .lg .md-w4 , .lg .lg-w4 { width: 33.3333%; }
|
39 | .w3 , .md .md-w3 , .lg .md-w3 , .lg .lg-w3 { width: 25%; }
|
40 | .w2 , .md .md-w2 , .lg .md-w2 , .lg .lg-w2 { width: 16.6667%; }
|
41 | .w1 , .md .md-w1 , .lg .md-w1 , .lg .lg-w1 { width: 8.3333%; }
|
42 |
|
43 | .h12, .md .md-h12, .lg .md-h12, .lg .lg-h12 { height: 100%; }
|
44 | .h11, .md .md-h11, .lg .md-h11, .lg .lg-h11 { height: 91.6667%; }
|
45 | .h10, .md .md-h10, .lg .md-h10, .lg .lg-h10 { height: 83.3333%; }
|
46 | .h9 , .md .md-h9 , .lg .md-h9 , .lg .lg-h9 { height: 75%; }
|
47 | .h8 , .md .md-h8 , .lg .md-h8 , .lg .lg-h8 { height: 66.6667%; }
|
48 | .h7 , .md .md-h7 , .lg .md-h7 , .lg .lg-h7 { height: 58.3333%; }
|
49 | .h6 , .md .md-h6 , .lg .md-h6 , .lg .lg-h6 { height: 50%; }
|
50 | .h5 , .md .md-h5 , .lg .md-h5 , .lg .lg-h5 { height: 41.6667%; }
|
51 | .h4 , .md .md-h4 , .lg .md-h4 , .lg .lg-h4 { height: 33.3333%; }
|
52 | .h3 , .md .md-h3 , .lg .md-h3 , .lg .lg-h3 { height: 25%; }
|
53 | .h2 , .md .md-h2 , .lg .md-h2 , .lg .lg-h2 { height: 16.6667%; }
|
54 | .h1 , .md .md-h1 , .lg .md-h1 , .lg .lg-h1 { height: 8.3333%; }
|
55 |
|
56 |
|
57 |
|
58 |
|
59 |
|
60 |
|
61 |
|
62 |
|
63 |
|
64 |
|
65 |
|
66 |
|
67 |
|
68 |
|
69 |
|
70 |
|
71 |
|
72 |
|