purecss 0.3.0 → 0.4.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,10 +1,11 @@
1
1
  /*!
2
- Pure v0.3.1-pre
3
- Copyright 2013 Yahoo! Inc. All rights reserved.
2
+ Pure v0.5.0-pre
3
+ Copyright 2014 Yahoo! Inc. All rights reserved.
4
4
  Licensed under the BSD License.
5
5
  https://github.com/yui/pure/blob/master/LICENSE.md
6
6
  */
7
7
  .pure-u-1,
8
+ .pure-u-1-1,
8
9
  .pure-u-1-2,
9
10
  .pure-u-1-3,
10
11
  .pure-u-2-3,
@@ -14,6 +15,7 @@ https://github.com/yui/pure/blob/master/LICENSE.md
14
15
  .pure-u-2-5,
15
16
  .pure-u-3-5,
16
17
  .pure-u-4-5,
18
+ .pure-u-5-5,
17
19
  .pure-u-1-6,
18
20
  .pure-u-5-6,
19
21
  .pure-u-1-8,
@@ -25,15 +27,31 @@ https://github.com/yui/pure/blob/master/LICENSE.md
25
27
  .pure-u-7-12,
26
28
  .pure-u-11-12,
27
29
  .pure-u-1-24,
30
+ .pure-u-2-24,
31
+ .pure-u-3-24,
32
+ .pure-u-4-24,
28
33
  .pure-u-5-24,
34
+ .pure-u-6-24,
29
35
  .pure-u-7-24,
36
+ .pure-u-8-24,
37
+ .pure-u-9-24,
38
+ .pure-u-10-24,
30
39
  .pure-u-11-24,
40
+ .pure-u-12-24,
31
41
  .pure-u-13-24,
42
+ .pure-u-14-24,
43
+ .pure-u-15-24,
44
+ .pure-u-16-24,
32
45
  .pure-u-17-24,
46
+ .pure-u-18-24,
33
47
  .pure-u-19-24,
34
- .pure-u-23-24 {
48
+ .pure-u-20-24,
49
+ .pure-u-21-24,
50
+ .pure-u-22-24,
51
+ .pure-u-23-24,
52
+ .pure-u-24-24 {
35
53
  display: inline-block;
36
- *display: inline; /* IE < 8: fake inline-block */
54
+ *display: inline;
37
55
  zoom: 1;
38
56
  letter-spacing: normal;
39
57
  word-spacing: normal;
@@ -41,128 +59,110 @@ https://github.com/yui/pure/blob/master/LICENSE.md
41
59
  text-rendering: auto;
42
60
  }
43
61
 
44
- .pure-u-1 {
45
- width: 100%;
46
- }
47
-
48
- .pure-u-1-2 {
49
- width: 50%;
50
- *width: 49.969%;
51
- }
52
-
53
- .pure-u-1-3 {
54
- width: 33.3333%;
55
- *width: 33.3023%;
62
+ .pure-u-1-24 {
63
+ width: 4.1667%;
64
+ *width: 4.1357%;
56
65
  }
57
66
 
58
- .pure-u-2-3 {
59
- width: 66.6667%;
60
- *width: 66.6357%;
67
+ .pure-u-1-12,
68
+ .pure-u-2-24 {
69
+ width: 8.3333%;
70
+ *width: 8.3023%;
61
71
  }
62
72
 
63
- .pure-u-1-4 {
64
- width: 25%;
65
- *width: 24.969%;
73
+ .pure-u-1-8,
74
+ .pure-u-3-24 {
75
+ width: 12.5000%;
76
+ *width: 12.4690%;
66
77
  }
67
78
 
68
- .pure-u-3-4 {
69
- width: 75%;
70
- *width: 74.969%;
79
+ .pure-u-1-6,
80
+ .pure-u-4-24 {
81
+ width: 16.6667%;
82
+ *width: 16.6357%;
71
83
  }
72
84
 
73
85
  .pure-u-1-5 {
74
86
  width: 20%;
75
- *width: 19.969%;
87
+ *width: 19.9690%;
76
88
  }
77
89
 
78
- .pure-u-2-5 {
79
- width: 40%;
80
- *width: 39.969%;
81
- }
82
-
83
- .pure-u-3-5 {
84
- width: 60%;
85
- *width: 59.969%;
86
- }
87
-
88
- .pure-u-4-5 {
89
- width: 80%;
90
- *width: 79.969%;
91
- }
92
-
93
- .pure-u-1-6 {
94
- width: 16.6667%;
95
- *width: 16.6357%;
96
- }
97
-
98
- .pure-u-5-6 {
99
- width: 83.3333%;
100
- *width: 83.3023%;
90
+ .pure-u-5-24 {
91
+ width: 20.8333%;
92
+ *width: 20.8023%;
101
93
  }
102
94
 
103
- .pure-u-1-8 {
104
- width: 12.5%;
105
- *width: 12.469%;
95
+ .pure-u-1-4,
96
+ .pure-u-6-24 {
97
+ width: 25%;
98
+ *width: 24.9690%;
106
99
  }
107
100
 
108
- .pure-u-3-8 {
109
- width: 37.5%;
110
- *width: 37.469%;
101
+ .pure-u-7-24 {
102
+ width: 29.1667%;
103
+ *width: 29.1357%;
111
104
  }
112
105
 
113
- .pure-u-5-8 {
114
- width: 62.5%;
115
- *width: 62.469%;
106
+ .pure-u-1-3,
107
+ .pure-u-8-24 {
108
+ width: 33.3333%;
109
+ *width: 33.3023%;
116
110
  }
117
111
 
118
- .pure-u-7-8 {
119
- width: 87.5%;
120
- *width: 87.469%;
112
+ .pure-u-3-8,
113
+ .pure-u-9-24 {
114
+ width: 37.5000%;
115
+ *width: 37.4690%;
121
116
  }
122
117
 
123
- .pure-u-1-12 {
124
- width: 8.3333%;
125
- *width: 8.3023%;
118
+ .pure-u-2-5 {
119
+ width: 40%;
120
+ *width: 39.9690%;
126
121
  }
127
122
 
128
- .pure-u-5-12 {
123
+ .pure-u-5-12,
124
+ .pure-u-10-24 {
129
125
  width: 41.6667%;
130
126
  *width: 41.6357%;
131
127
  }
132
128
 
133
- .pure-u-7-12 {
134
- width: 58.3333%;
135
- *width: 58.3023%;
129
+ .pure-u-11-24 {
130
+ width: 45.8333%;
131
+ *width: 45.8023%;
136
132
  }
137
133
 
138
- .pure-u-11-12 {
139
- width: 91.6667%;
140
- *width: 91.6357%;
134
+ .pure-u-1-2,
135
+ .pure-u-12-24 {
136
+ width: 50%;
137
+ *width: 49.9690%;
141
138
  }
142
139
 
143
- .pure-u-1-24 {
144
- width: 4.1667%;
145
- *width: 4.1357%;
140
+ .pure-u-13-24 {
141
+ width: 54.1667%;
142
+ *width: 54.1357%;
146
143
  }
147
144
 
148
- .pure-u-5-24 {
149
- width: 20.8333%;
150
- *width: 20.8023%;
145
+ .pure-u-7-12,
146
+ .pure-u-14-24 {
147
+ width: 58.3333%;
148
+ *width: 58.3023%;
151
149
  }
152
150
 
153
- .pure-u-7-24 {
154
- width: 29.1667%;
155
- *width: 29.1357%;
151
+ .pure-u-3-5 {
152
+ width: 60%;
153
+ *width: 59.9690%;
156
154
  }
157
155
 
158
- .pure-u-11-24 {
159
- width: 45.8333%;
160
- *width: 45.8023%;
156
+ .pure-u-5-8,
157
+ .pure-u-15-24 {
158
+ width: 62.5000%;
159
+ *width: 62.4690%;
161
160
  }
162
161
 
163
- .pure-u-13-24 {
164
- width: 54.1667%;
165
- *width: 54.1357%;
162
+ .pure-u-2-3,
163
+ .pure-u-16-24 {
164
+ width: 66.6667%;
165
+ *width: 66.6357%;
166
166
  }
167
167
 
168
168
  .pure-u-17-24 {
@@ -170,12 +170,48 @@ https://github.com/yui/pure/blob/master/LICENSE.md
170
170
  *width: 70.8023%;
171
171
  }
172
172
 
173
+ .pure-u-3-4,
174
+ .pure-u-18-24 {
175
+ width: 75%;
176
+ *width: 74.9690%;
177
+ }
178
+
173
179
  .pure-u-19-24 {
174
180
  width: 79.1667%;
175
181
  *width: 79.1357%;
176
182
  }
177
183
 
184
+ .pure-u-4-5 {
185
+ width: 80%;
186
+ *width: 79.9690%;
187
+ }
188
+
189
+ .pure-u-5-6,
190
+ .pure-u-20-24 {
191
+ width: 83.3333%;
192
+ *width: 83.3023%;
193
+ }
194
+
195
+ .pure-u-7-8,
196
+ .pure-u-21-24 {
197
+ width: 87.5000%;
198
+ *width: 87.4690%;
199
+ }
200
+
201
+ .pure-u-11-12,
202
+ .pure-u-22-24 {
203
+ width: 91.6667%;
204
+ *width: 91.6357%;
205
+ }
206
+
178
207
  .pure-u-23-24 {
179
208
  width: 95.8333%;
180
209
  *width: 95.8023%;
181
210
  }
211
+
212
+ .pure-u-1,
213
+ .pure-u-1-1,
214
+ .pure-u-5-5,
215
+ .pure-u-24-24 {
216
+ width: 100%;
217
+ }
@@ -1,6 +1,6 @@
1
1
  /*!
2
- Pure v0.3.1-pre
3
- Copyright 2013 Yahoo! Inc. All rights reserved.
2
+ Pure v0.5.0-pre
3
+ Copyright 2014 Yahoo! Inc. All rights reserved.
4
4
  Licensed under the BSD License.
5
5
  https://github.com/yui/pure/blob/master/LICENSE.md
6
6
  */
@@ -73,6 +73,7 @@ this the same font stack that Normalize.css sets for the `body`.
73
73
  }
74
74
 
75
75
  .pure-u-1,
76
+ .pure-u-1-1,
76
77
  .pure-u-1-2,
77
78
  .pure-u-1-3,
78
79
  .pure-u-2-3,
@@ -82,6 +83,7 @@ this the same font stack that Normalize.css sets for the `body`.
82
83
  .pure-u-2-5,
83
84
  .pure-u-3-5,
84
85
  .pure-u-4-5,
86
+ .pure-u-5-5,
85
87
  .pure-u-1-6,
86
88
  .pure-u-5-6,
87
89
  .pure-u-1-8,
@@ -93,15 +95,31 @@ this the same font stack that Normalize.css sets for the `body`.
93
95
  .pure-u-7-12,
94
96
  .pure-u-11-12,
95
97
  .pure-u-1-24,
98
+ .pure-u-2-24,
99
+ .pure-u-3-24,
100
+ .pure-u-4-24,
96
101
  .pure-u-5-24,
102
+ .pure-u-6-24,
97
103
  .pure-u-7-24,
104
+ .pure-u-8-24,
105
+ .pure-u-9-24,
106
+ .pure-u-10-24,
98
107
  .pure-u-11-24,
108
+ .pure-u-12-24,
99
109
  .pure-u-13-24,
110
+ .pure-u-14-24,
111
+ .pure-u-15-24,
112
+ .pure-u-16-24,
100
113
  .pure-u-17-24,
114
+ .pure-u-18-24,
101
115
  .pure-u-19-24,
102
- .pure-u-23-24 {
116
+ .pure-u-20-24,
117
+ .pure-u-21-24,
118
+ .pure-u-22-24,
119
+ .pure-u-23-24,
120
+ .pure-u-24-24 {
103
121
  display: inline-block;
104
- *display: inline; /* IE < 8: fake inline-block */
122
+ *display: inline;
105
123
  zoom: 1;
106
124
  letter-spacing: normal;
107
125
  word-spacing: normal;
@@ -109,128 +127,110 @@ this the same font stack that Normalize.css sets for the `body`.
109
127
  text-rendering: auto;
110
128
  }
111
129
 
112
- .pure-u-1 {
113
- width: 100%;
114
- }
115
-
116
- .pure-u-1-2 {
117
- width: 50%;
118
- *width: 49.969%;
119
- }
120
-
121
- .pure-u-1-3 {
122
- width: 33.3333%;
123
- *width: 33.3023%;
130
+ .pure-u-1-24 {
131
+ width: 4.1667%;
132
+ *width: 4.1357%;
124
133
  }
125
134
 
126
- .pure-u-2-3 {
127
- width: 66.6667%;
128
- *width: 66.6357%;
135
+ .pure-u-1-12,
136
+ .pure-u-2-24 {
137
+ width: 8.3333%;
138
+ *width: 8.3023%;
129
139
  }
130
140
 
131
- .pure-u-1-4 {
132
- width: 25%;
133
- *width: 24.969%;
141
+ .pure-u-1-8,
142
+ .pure-u-3-24 {
143
+ width: 12.5000%;
144
+ *width: 12.4690%;
134
145
  }
135
146
 
136
- .pure-u-3-4 {
137
- width: 75%;
138
- *width: 74.969%;
147
+ .pure-u-1-6,
148
+ .pure-u-4-24 {
149
+ width: 16.6667%;
150
+ *width: 16.6357%;
139
151
  }
140
152
 
141
153
  .pure-u-1-5 {
142
154
  width: 20%;
143
- *width: 19.969%;
144
- }
145
-
146
- .pure-u-2-5 {
147
- width: 40%;
148
- *width: 39.969%;
149
- }
150
-
151
- .pure-u-3-5 {
152
- width: 60%;
153
- *width: 59.969%;
155
+ *width: 19.9690%;
154
156
  }
155
157
 
156
- .pure-u-4-5 {
157
- width: 80%;
158
- *width: 79.969%;
159
- }
160
-
161
- .pure-u-1-6 {
162
- width: 16.6667%;
163
- *width: 16.6357%;
164
- }
165
-
166
- .pure-u-5-6 {
167
- width: 83.3333%;
168
- *width: 83.3023%;
158
+ .pure-u-5-24 {
159
+ width: 20.8333%;
160
+ *width: 20.8023%;
169
161
  }
170
162
 
171
- .pure-u-1-8 {
172
- width: 12.5%;
173
- *width: 12.469%;
163
+ .pure-u-1-4,
164
+ .pure-u-6-24 {
165
+ width: 25%;
166
+ *width: 24.9690%;
174
167
  }
175
168
 
176
- .pure-u-3-8 {
177
- width: 37.5%;
178
- *width: 37.469%;
169
+ .pure-u-7-24 {
170
+ width: 29.1667%;
171
+ *width: 29.1357%;
179
172
  }
180
173
 
181
- .pure-u-5-8 {
182
- width: 62.5%;
183
- *width: 62.469%;
174
+ .pure-u-1-3,
175
+ .pure-u-8-24 {
176
+ width: 33.3333%;
177
+ *width: 33.3023%;
184
178
  }
185
179
 
186
- .pure-u-7-8 {
187
- width: 87.5%;
188
- *width: 87.469%;
180
+ .pure-u-3-8,
181
+ .pure-u-9-24 {
182
+ width: 37.5000%;
183
+ *width: 37.4690%;
189
184
  }
190
185
 
191
- .pure-u-1-12 {
192
- width: 8.3333%;
193
- *width: 8.3023%;
186
+ .pure-u-2-5 {
187
+ width: 40%;
188
+ *width: 39.9690%;
194
189
  }
195
190
 
196
- .pure-u-5-12 {
191
+ .pure-u-5-12,
192
+ .pure-u-10-24 {
197
193
  width: 41.6667%;
198
194
  *width: 41.6357%;
199
195
  }
200
196
 
201
- .pure-u-7-12 {
202
- width: 58.3333%;
203
- *width: 58.3023%;
197
+ .pure-u-11-24 {
198
+ width: 45.8333%;
199
+ *width: 45.8023%;
204
200
  }
205
201
 
206
- .pure-u-11-12 {
207
- width: 91.6667%;
208
- *width: 91.6357%;
202
+ .pure-u-1-2,
203
+ .pure-u-12-24 {
204
+ width: 50%;
205
+ *width: 49.9690%;
209
206
  }
210
207
 
211
- .pure-u-1-24 {
212
- width: 4.1667%;
213
- *width: 4.1357%;
208
+ .pure-u-13-24 {
209
+ width: 54.1667%;
210
+ *width: 54.1357%;
214
211
  }
215
212
 
216
- .pure-u-5-24 {
217
- width: 20.8333%;
218
- *width: 20.8023%;
213
+ .pure-u-7-12,
214
+ .pure-u-14-24 {
215
+ width: 58.3333%;
216
+ *width: 58.3023%;
219
217
  }
220
218
 
221
- .pure-u-7-24 {
222
- width: 29.1667%;
223
- *width: 29.1357%;
219
+ .pure-u-3-5 {
220
+ width: 60%;
221
+ *width: 59.9690%;
224
222
  }
225
223
 
226
- .pure-u-11-24 {
227
- width: 45.8333%;
228
- *width: 45.8023%;
224
+ .pure-u-5-8,
225
+ .pure-u-15-24 {
226
+ width: 62.5000%;
227
+ *width: 62.4690%;
229
228
  }
230
229
 
231
- .pure-u-13-24 {
232
- width: 54.1667%;
233
- *width: 54.1357%;
230
+ .pure-u-2-3,
231
+ .pure-u-16-24 {
232
+ width: 66.6667%;
233
+ *width: 66.6357%;
234
234
  }
235
235
 
236
236
  .pure-u-17-24 {
@@ -238,115 +238,48 @@ this the same font stack that Normalize.css sets for the `body`.
238
238
  *width: 70.8023%;
239
239
  }
240
240
 
241
+ .pure-u-3-4,
242
+ .pure-u-18-24 {
243
+ width: 75%;
244
+ *width: 74.9690%;
245
+ }
246
+
241
247
  .pure-u-19-24 {
242
248
  width: 79.1667%;
243
249
  *width: 79.1357%;
244
250
  }
245
251
 
246
- .pure-u-23-24 {
247
- width: 95.8333%;
248
- *width: 95.8023%;
249
- }
250
-
251
- /*csslint regex-selectors:false, known-properties:false, duplicate-properties:false*/
252
-
253
- .pure-g-r {
254
- letter-spacing: -0.31em;
255
- *letter-spacing: normal;
256
- *word-spacing: -0.43em;
257
-
258
- /*
259
- Sets the font stack to fonts known to work properly with the above letter
260
- and word spacings. See: https://github.com/yui/pure/issues/41/
261
-
262
- The following font stack makes Pure Grids work on all known environments.
263
-
264
- * FreeSans: Ships with many Linux distros, including Ubuntu
265
-
266
- * Arimo: Ships with Chrome OS. Arimo has to be defined before Helvetica and
267
- Arial to get picked up by the browser, even though neither is available
268
- in Chrome OS.
269
-
270
- * Droid Sans: Ships with all versions of Android.
271
-
272
- * Helvetica, Arial, sans-serif: Common font stack on OS X and Windows.
273
- */
274
- font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
275
-
276
- /*
277
- Use flexbox when possible to avoid `letter-spacing` side-effects.
278
-
279
- NOTE: Firefox (as of 25) does not currently support flex-wrap, so the
280
- `-moz-` prefix version is omitted.
281
- */
282
-
283
- display: -webkit-flex;
284
- -webkit-flex-flow: row wrap;
285
-
286
- /* IE10 uses display: flexbox */
287
- display: -ms-flexbox;
288
- -ms-flex-flow: row wrap;
289
- }
290
-
291
- /* Opera as of 12 on Windows needs word-spacing.
292
- The ".opera-only" selector is used to prevent actual prefocus styling
293
- and is not required in markup.
294
- */
295
- .opera-only :-o-prefocus,
296
- .pure-g-r {
297
- word-spacing: -0.43em;
298
- }
299
-
300
- /*
301
- Resets the font family back to the OS/browser's default sans-serif font,
302
- this the same font stack that Normalize.css sets for the `body`.
303
- */
304
- .pure-g-r [class *= "pure-u"] {
305
- font-family: sans-serif;
252
+ .pure-u-4-5 {
253
+ width: 80%;
254
+ *width: 79.9690%;
306
255
  }
307
256
 
308
- .pure-g-r img {
309
- max-width: 100%;
310
- height: auto;
257
+ .pure-u-5-6,
258
+ .pure-u-20-24 {
259
+ width: 83.3333%;
260
+ *width: 83.3023%;
311
261
  }
312
262
 
313
- @media (min-width: 980px) {
314
- .pure-visible-phone {
315
- display: none;
316
- }
317
- .pure-visible-tablet {
318
- display: none;
319
- }
320
- .pure-hidden-desktop {
321
- display: none;
322
- }
263
+ .pure-u-7-8,
264
+ .pure-u-21-24 {
265
+ width: 87.5000%;
266
+ *width: 87.4690%;
323
267
  }
324
268
 
325
- @media (max-width: 480px) {
326
- .pure-g-r > .pure-u,
327
- .pure-g-r > [class *= "pure-u-"] {
328
- width: 100%;
329
- }
269
+ .pure-u-11-12,
270
+ .pure-u-22-24 {
271
+ width: 91.6667%;
272
+ *width: 91.6357%;
330
273
  }
331
274
 
332
- @media (max-width: 767px) {
333
- .pure-g-r > .pure-u,
334
- .pure-g-r > [class *= "pure-u-"] {
335
- width: 100%;
336
- }
337
- .pure-hidden-phone {
338
- display: none;
339
- }
340
- .pure-visible-desktop {
341
- display: none;
342
- }
275
+ .pure-u-23-24 {
276
+ width: 95.8333%;
277
+ *width: 95.8023%;
343
278
  }
344
279
 
345
- @media (min-width: 768px) and (max-width: 979px) {
346
- .pure-hidden-tablet {
347
- display: none;
348
- }
349
- .pure-visible-desktop {
350
- display: none;
351
- }
352
- }
280
+ .pure-u-1,
281
+ .pure-u-1-1,
282
+ .pure-u-5-5,
283
+ .pure-u-24-24 {
284
+ width: 100%;
285
+ }