UNPKG

2.21 kBCSSView Raw
1
2/*
3Expects box-sizing: border-box;
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.col:first-child:nth-last-child(2), .col:first-child:nth-last-child(2) ~ .col {
59 width: 50%;
60}
61.col:first-child:nth-last-child(3), .col:first-child:nth-last-child(3) ~ .col {
62 width: 33.333%;
63}
64.col:first-child:nth-last-child(4), .col:first-child:nth-last-child(4) ~ .col {
65 width: 25%;
66}
67.col:first-child:nth-last-child(5), .col:first-child:nth-last-child(5) ~ .col {
68 width: 20%;
69}
70*/
71
72