Responsive-Design/grid.css at master · HecCodes/Responsive-Design · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
/* number of columns = c

in a 12 grid system the width is found by
(c * 60) + ((c-1)*20)

Example:

5 columns

(5 * 60) + ((5-1)*20) = 380 px
________________________________________________________
for 16 grid system the formula will be
(c * 40) + ((c-1)*20)
*/

.col-full {
  width: 100%;
}

.col-12 {
  width: 97.9166%; /*     (940/960) x 100     */
}

.col-11 {
  width: 89.5833%; /*     (840/960) x 100     */
}

.col-10 {
  width: 81.25%; /*       (780/960) x 100     */
}

.col-9 {
  width: 72.9166%; /*     (700/960) x 100     */
}

.col-8 {
  width: 64.5833%; /*     (620/960) x 100     */
}

.col-7 {
  width: 56.25%; /*       (540/960) x 100     */
}

.col-6 {
  width: 47.9166%; /*     (460/960) x 100     */
}

.col-5 {
  width: 39.5833%; /*     (380/960) x 100     */
}

.col-4 {
  width: 31.25%; /*     (300/960) x 100     */
}

.col-3 {
  width: 22.9166%; /*     (220/960) x 100     */
}

.col-2 {
  width: 14.5833%; /*     (140/960) x 100     */
}

.col-1 {
  width: 6.25%; /*     (60/960) x 100     */
}