3
* Ubuntu Core Front-End Framework
5
* Grid file part of the Ubuntu Core Front-End Framework
7
* This grid is composed by 14 columns (units) separated by 13 gutters (1/3 unit).
8
* The first and last column are for padding purposes only.
9
* The content fits in the middle 12 columns.
10
* Possible divisions: 1 (12 units + 11 gutters), 2 (6 units + 5 gutters),
11
* 3 ( 4 units + 3 gutters) and 4 (3 units + 2 gutters).
13
* When 1 unit = 60px, 1 gutter = 20px
15
* @project Ubuntu Core Front-End Framework
16
* @author Web Team at Canonical Ltd
17
* @copyright 2012 Canonical Ltd
19
* @see http://gridinator.com/
20
* @see http://blueprintcss.org/
46
width: 65.333em; /* 980px / 15px (baseline font); 980px + (60px x 2) = 1100px */
52
display: inline; /* HACK_IE_LTE_6: To fix IE 6 double margin bug. */
54
padding: 0 1.333em; /* 20px / 15px */
56
width: 62.667em; /* 940px / 15px */
59
.row { /** Clear entire row. */
72
.span-3, .span-4, .span-6, .span-5, .span-7, .span-8, .span-9, .span-12 {
74
display: inline; /* HACK_IE_LTE_6: To fix IE 6 double margin bug. */
76
margin: 0 1.333em 1.333em 0;
82
width: 14.666em; /* 220px / 15px */
85
width: 20em; /* 300px / 15px */
88
width: 25.333em; /* 380px / 15px */
91
width: 30.666em; /* 460px / 15px */
94
width: 36em; /* 540px / 15px */
97
width: 41.333em; /* 620px / 15px */
100
width: 46.666em; /* 700px / 15px */
102
.span-12 { /** Full width. */
103
width: 62.666em; /* 940px / 15px */
110
* Add these to a column to append or prepend
113
* @section empty-columns
116
.append-1 { padding-right: 5.333em; } /* 80px / 15px */
117
.append-2 { padding-right: 10.666em; } /* 160px / 15px */
118
.append-3 { padding-right: 16em; } /* 240px / 15px */
119
.append-4 { padding-right: 21.333em; } /* 320px / 15px */
120
.append-5 { padding-right: 26.666em; } /* 400px / 15px */
121
.append-6 { padding-right: 32em; } /* 480px / 15px */
122
.append-7 { padding-right: 37.333em; } /* 560px / 15px */
123
.append-8 { padding-right: 42.666em; } /* 640px / 15px */
124
.append-9 { padding-right: 48em; } /* 720px / 15px */
125
.append-10 { padding-right: 53.333em; } /* 800px / 15px */
126
.append-11 { padding-right: 58.666em; } /* 880px / 15px */
128
.prepend-1 { padding-left: 5.333em; }
129
.prepend-2 { padding-left: 10.666em; }
130
.prepend-3 { padding-left: 16em; }
131
.prepend-4 { padding-left: 21.333em; }
132
.prepend-5 { padding-left: 26.666em; }
133
.prepend-6 { padding-left: 32em; }
134
.prepend-7 { padding-left: 37.333em; }
135
.prepend-8 { padding-left: 42.666em; }
136
.prepend-9 { padding-left: 48em; }
137
.prepend-10 { padding-left: 53.333em; }
138
.prepend-11 { padding-left: 58.666em; }
146
.border { /** Border on right hand side of a column. */
148
margin-right: .666em;
149
border-right: 1px solid #ddd;
155
* Use these classes to push elements into the next
156
* column and pull it into the previous column
161
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11 {
166
margin-left: -5.333em;
169
margin-left: -10.666em;
175
margin-left: -21.333em;
178
margin-left: -26.666em;
184
margin-left: -37.333em;
187
margin-left: -42.666em;
193
margin-left: -53.333em;
196
margin-left: -58.666em;
199
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11 {
204
margin: 0 -6.666em 0 6.666em;
207
margin: 0 -12em 0 12em;
210
margin: 0 -17.333em 0 17.333em;
213
margin: 0 -22.666em 0 22.666em;
216
margin: 0 - 28em 0 28em;
219
margin: 0 -33.333em 0 33.333em;
222
margin: 0 -38.666em 0 38.666em;
225
margin: 0 -44em 0 44em;
228
margin: 0 -49.333em 0 49.333em;
231
margin: 0 -54.666em 0 54.666em;
234
margin: 0 -60em 0 60em;
240
* Add a gutter above or below and element
245
div.prepend-top, .prepend-top {
248
div.append-bottom, .append-bottom {
249
margin-bottom:1.333em;
255
* Add to last column a row
267
* Hard and soft clearing classes
275
.clearfix:after, .container:after {
b'\\ No newline at end of file'