purecss 0.2.1 → 0.3.0

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,14 +1,48 @@
1
1
  /*!
2
- Pure v0.2.2-pre
2
+ Pure v0.3.1-pre
3
3
  Copyright 2013 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
+ /*csslint regex-selectors:false, known-properties:false, duplicate-properties:false*/
8
+
7
9
  .pure-g {
8
10
  letter-spacing: -0.31em; /* Webkit: collapse white-space between units */
9
11
  *letter-spacing: normal; /* reset IE < 8 */
10
12
  *word-spacing: -0.43em; /* IE < 8: collapse white-space between units */
11
13
  text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLegibility */
14
+
15
+ /*
16
+ Sets the font stack to fonts known to work properly with the above letter
17
+ and word spacings. See: https://github.com/yui/pure/issues/41/
18
+
19
+ The following font stack makes Pure Grids work on all known environments.
20
+
21
+ * FreeSans: Ships with many Linux distros, including Ubuntu
22
+
23
+ * Arimo: Ships with Chrome OS. Arimo has to be defined before Helvetica and
24
+ Arial to get picked up by the browser, even though neither is available
25
+ in Chrome OS.
26
+
27
+ * Droid Sans: Ships with all versions of Android.
28
+
29
+ * Helvetica, Arial, sans-serif: Common font stack on OS X and Windows.
30
+ */
31
+ font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
32
+
33
+ /*
34
+ Use flexbox when possible to avoid `letter-spacing` side-effects.
35
+
36
+ NOTE: Firefox (as of 25) does not currently support flex-wrap, so the
37
+ `-moz-` prefix version is omitted.
38
+ */
39
+
40
+ display: -webkit-flex;
41
+ -webkit-flex-flow: row wrap;
42
+
43
+ /* IE10 uses display: flexbox */
44
+ display: -ms-flexbox;
45
+ -ms-flex-flow: row wrap;
12
46
  }
13
47
 
14
48
  /* Opera as of 12 on Windows needs word-spacing.
@@ -29,3 +63,11 @@ https://github.com/yui/pure/blob/master/LICENSE.md
29
63
  vertical-align: top;
30
64
  text-rendering: auto;
31
65
  }
66
+
67
+ /*
68
+ Resets the font family back to the OS/browser's default sans-serif font,
69
+ this the same font stack that Normalize.css sets for the `body`.
70
+ */
71
+ .pure-g [class *= "pure-u"] {
72
+ font-family: sans-serif;
73
+ }
@@ -1,14 +1,48 @@
1
1
  /*!
2
- Pure v0.2.2-pre
2
+ Pure v0.3.1-pre
3
3
  Copyright 2013 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
+ /*csslint regex-selectors:false, known-properties:false, duplicate-properties:false*/
8
+
7
9
  .pure-g {
8
10
  letter-spacing: -0.31em; /* Webkit: collapse white-space between units */
9
11
  *letter-spacing: normal; /* reset IE < 8 */
10
12
  *word-spacing: -0.43em; /* IE < 8: collapse white-space between units */
11
13
  text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLegibility */
14
+
15
+ /*
16
+ Sets the font stack to fonts known to work properly with the above letter
17
+ and word spacings. See: https://github.com/yui/pure/issues/41/
18
+
19
+ The following font stack makes Pure Grids work on all known environments.
20
+
21
+ * FreeSans: Ships with many Linux distros, including Ubuntu
22
+
23
+ * Arimo: Ships with Chrome OS. Arimo has to be defined before Helvetica and
24
+ Arial to get picked up by the browser, even though neither is available
25
+ in Chrome OS.
26
+
27
+ * Droid Sans: Ships with all versions of Android.
28
+
29
+ * Helvetica, Arial, sans-serif: Common font stack on OS X and Windows.
30
+ */
31
+ font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
32
+
33
+ /*
34
+ Use flexbox when possible to avoid `letter-spacing` side-effects.
35
+
36
+ NOTE: Firefox (as of 25) does not currently support flex-wrap, so the
37
+ `-moz-` prefix version is omitted.
38
+ */
39
+
40
+ display: -webkit-flex;
41
+ -webkit-flex-flow: row wrap;
42
+
43
+ /* IE10 uses display: flexbox */
44
+ display: -ms-flexbox;
45
+ -ms-flex-flow: row wrap;
12
46
  }
13
47
 
14
48
  /* Opera as of 12 on Windows needs word-spacing.
@@ -30,6 +64,14 @@ https://github.com/yui/pure/blob/master/LICENSE.md
30
64
  text-rendering: auto;
31
65
  }
32
66
 
67
+ /*
68
+ Resets the font family back to the OS/browser's default sans-serif font,
69
+ this the same font stack that Normalize.css sets for the `body`.
70
+ */
71
+ .pure-g [class *= "pure-u"] {
72
+ font-family: sans-serif;
73
+ }
74
+
33
75
  .pure-u-1,
34
76
  .pure-u-1-2,
35
77
  .pure-u-1-3,
@@ -73,108 +115,135 @@ https://github.com/yui/pure/blob/master/LICENSE.md
73
115
 
74
116
  .pure-u-1-2 {
75
117
  width: 50%;
118
+ *width: 49.969%;
76
119
  }
77
120
 
78
121
  .pure-u-1-3 {
79
- width: 33.33333%;
122
+ width: 33.3333%;
123
+ *width: 33.3023%;
80
124
  }
81
125
 
82
126
  .pure-u-2-3 {
83
- width: 66.66666%;
127
+ width: 66.6667%;
128
+ *width: 66.6357%;
84
129
  }
85
130
 
86
131
  .pure-u-1-4 {
87
132
  width: 25%;
133
+ *width: 24.969%;
88
134
  }
89
135
 
90
136
  .pure-u-3-4 {
91
137
  width: 75%;
138
+ *width: 74.969%;
92
139
  }
93
140
 
94
141
  .pure-u-1-5 {
95
142
  width: 20%;
143
+ *width: 19.969%;
96
144
  }
97
145
 
98
146
  .pure-u-2-5 {
99
147
  width: 40%;
148
+ *width: 39.969%;
100
149
  }
101
150
 
102
151
  .pure-u-3-5 {
103
152
  width: 60%;
153
+ *width: 59.969%;
104
154
  }
105
155
 
106
156
  .pure-u-4-5 {
107
157
  width: 80%;
158
+ *width: 79.969%;
108
159
  }
109
160
 
110
161
  .pure-u-1-6 {
111
- width: 16.666%;
162
+ width: 16.6667%;
163
+ *width: 16.6357%;
112
164
  }
113
165
 
114
166
  .pure-u-5-6 {
115
- width: 83.33%;
167
+ width: 83.3333%;
168
+ *width: 83.3023%;
116
169
  }
117
170
 
118
171
  .pure-u-1-8 {
119
172
  width: 12.5%;
173
+ *width: 12.469%;
120
174
  }
121
175
 
122
176
  .pure-u-3-8 {
123
177
  width: 37.5%;
178
+ *width: 37.469%;
124
179
  }
125
180
 
126
181
  .pure-u-5-8 {
127
182
  width: 62.5%;
183
+ *width: 62.469%;
128
184
  }
129
185
 
130
186
  .pure-u-7-8 {
131
187
  width: 87.5%;
188
+ *width: 87.469%;
132
189
  }
133
190
 
134
191
  .pure-u-1-12 {
135
192
  width: 8.3333%;
193
+ *width: 8.3023%;
136
194
  }
137
195
 
138
196
  .pure-u-5-12 {
139
- width: 41.6666%;
197
+ width: 41.6667%;
198
+ *width: 41.6357%;
140
199
  }
141
200
 
142
201
  .pure-u-7-12 {
143
202
  width: 58.3333%;
203
+ *width: 58.3023%;
144
204
  }
145
205
 
146
206
  .pure-u-11-12 {
147
- width: 91.6666%;
207
+ width: 91.6667%;
208
+ *width: 91.6357%;
148
209
  }
149
210
 
150
211
  .pure-u-1-24 {
151
- width: 4.1666%;
212
+ width: 4.1667%;
213
+ *width: 4.1357%;
152
214
  }
153
215
 
154
216
  .pure-u-5-24 {
155
217
  width: 20.8333%;
218
+ *width: 20.8023%;
156
219
  }
157
220
 
158
221
  .pure-u-7-24 {
159
- width: 29.1666%;
222
+ width: 29.1667%;
223
+ *width: 29.1357%;
160
224
  }
161
225
 
162
226
  .pure-u-11-24 {
163
227
  width: 45.8333%;
228
+ *width: 45.8023%;
164
229
  }
165
230
 
166
231
  .pure-u-13-24 {
167
- width: 54.1666%;
232
+ width: 54.1667%;
233
+ *width: 54.1357%;
168
234
  }
169
235
 
170
236
  .pure-u-17-24 {
171
237
  width: 70.8333%;
238
+ *width: 70.8023%;
172
239
  }
173
240
 
174
241
  .pure-u-19-24 {
175
- width: 79.1666%;
242
+ width: 79.1667%;
243
+ *width: 79.1357%;
176
244
  }
177
245
 
178
246
  .pure-u-23-24 {
179
247
  width: 95.8333%;
248
+ *width: 95.8023%;
180
249
  }
@@ -1,5 +1,5 @@
1
1
  /*!
2
- Pure v0.2.2-pre
2
+ Pure v0.3.1-pre
3
3
  Copyright 2013 Yahoo! Inc. All rights reserved.
4
4
  Licensed under the BSD License.
5
5
  https://github.com/yui/pure/blob/master/LICENSE.md
@@ -47,108 +47,135 @@ https://github.com/yui/pure/blob/master/LICENSE.md
47
47
 
48
48
  .pure-u-1-2 {
49
49
  width: 50%;
50
+ *width: 49.969%;
50
51
  }
51
52
 
52
53
  .pure-u-1-3 {
53
- width: 33.33333%;
54
+ width: 33.3333%;
55
+ *width: 33.3023%;
54
56
  }
55
57
 
56
58
  .pure-u-2-3 {
57
- width: 66.66666%;
59
+ width: 66.6667%;
60
+ *width: 66.6357%;
58
61
  }
59
62
 
60
63
  .pure-u-1-4 {
61
64
  width: 25%;
65
+ *width: 24.969%;
62
66
  }
63
67
 
64
68
  .pure-u-3-4 {
65
69
  width: 75%;
70
+ *width: 74.969%;
66
71
  }
67
72
 
68
73
  .pure-u-1-5 {
69
74
  width: 20%;
75
+ *width: 19.969%;
70
76
  }
71
77
 
72
78
  .pure-u-2-5 {
73
79
  width: 40%;
80
+ *width: 39.969%;
74
81
  }
75
82
 
76
83
  .pure-u-3-5 {
77
84
  width: 60%;
85
+ *width: 59.969%;
78
86
  }
79
87
 
80
88
  .pure-u-4-5 {
81
89
  width: 80%;
90
+ *width: 79.969%;
82
91
  }
83
92
 
84
93
  .pure-u-1-6 {
85
- width: 16.666%;
94
+ width: 16.6667%;
95
+ *width: 16.6357%;
86
96
  }
87
97
 
88
98
  .pure-u-5-6 {
89
- width: 83.33%;
99
+ width: 83.3333%;
100
+ *width: 83.3023%;
90
101
  }
91
102
 
92
103
  .pure-u-1-8 {
93
104
  width: 12.5%;
105
+ *width: 12.469%;
94
106
  }
95
107
 
96
108
  .pure-u-3-8 {
97
109
  width: 37.5%;
110
+ *width: 37.469%;
98
111
  }
99
112
 
100
113
  .pure-u-5-8 {
101
114
  width: 62.5%;
115
+ *width: 62.469%;
102
116
  }
103
117
 
104
118
  .pure-u-7-8 {
105
119
  width: 87.5%;
120
+ *width: 87.469%;
106
121
  }
107
122
 
108
123
  .pure-u-1-12 {
109
124
  width: 8.3333%;
125
+ *width: 8.3023%;
110
126
  }
111
127
 
112
128
  .pure-u-5-12 {
113
- width: 41.6666%;
129
+ width: 41.6667%;
130
+ *width: 41.6357%;
114
131
  }
115
132
 
116
133
  .pure-u-7-12 {
117
134
  width: 58.3333%;
135
+ *width: 58.3023%;
118
136
  }
119
137
 
120
138
  .pure-u-11-12 {
121
- width: 91.6666%;
139
+ width: 91.6667%;
140
+ *width: 91.6357%;
122
141
  }
123
142
 
124
143
  .pure-u-1-24 {
125
- width: 4.1666%;
144
+ width: 4.1667%;
145
+ *width: 4.1357%;
126
146
  }
127
147
 
128
148
  .pure-u-5-24 {
129
149
  width: 20.8333%;
150
+ *width: 20.8023%;
130
151
  }
131
152
 
132
153
  .pure-u-7-24 {
133
- width: 29.1666%;
154
+ width: 29.1667%;
155
+ *width: 29.1357%;
134
156
  }
135
157
 
136
158
  .pure-u-11-24 {
137
159
  width: 45.8333%;
160
+ *width: 45.8023%;
138
161
  }
139
162
 
140
163
  .pure-u-13-24 {
141
- width: 54.1666%;
164
+ width: 54.1667%;
165
+ *width: 54.1357%;
142
166
  }
143
167
 
144
168
  .pure-u-17-24 {
145
169
  width: 70.8333%;
170
+ *width: 70.8023%;
146
171
  }
147
172
 
148
173
  .pure-u-19-24 {
149
- width: 79.1666%;
174
+ width: 79.1667%;
175
+ *width: 79.1357%;
150
176
  }
151
177
 
152
178
  .pure-u-23-24 {
153
179
  width: 95.8333%;
180
+ *width: 95.8023%;
154
181
  }
@@ -1,14 +1,48 @@
1
1
  /*!
2
- Pure v0.2.2-pre
2
+ Pure v0.3.1-pre
3
3
  Copyright 2013 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
+ /*csslint regex-selectors:false, known-properties:false, duplicate-properties:false*/
8
+
7
9
  .pure-g {
8
10
  letter-spacing: -0.31em; /* Webkit: collapse white-space between units */
9
11
  *letter-spacing: normal; /* reset IE < 8 */
10
12
  *word-spacing: -0.43em; /* IE < 8: collapse white-space between units */
11
13
  text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLegibility */
14
+
15
+ /*
16
+ Sets the font stack to fonts known to work properly with the above letter
17
+ and word spacings. See: https://github.com/yui/pure/issues/41/
18
+
19
+ The following font stack makes Pure Grids work on all known environments.
20
+
21
+ * FreeSans: Ships with many Linux distros, including Ubuntu
22
+
23
+ * Arimo: Ships with Chrome OS. Arimo has to be defined before Helvetica and
24
+ Arial to get picked up by the browser, even though neither is available
25
+ in Chrome OS.
26
+
27
+ * Droid Sans: Ships with all versions of Android.
28
+
29
+ * Helvetica, Arial, sans-serif: Common font stack on OS X and Windows.
30
+ */
31
+ font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
32
+
33
+ /*
34
+ Use flexbox when possible to avoid `letter-spacing` side-effects.
35
+
36
+ NOTE: Firefox (as of 25) does not currently support flex-wrap, so the
37
+ `-moz-` prefix version is omitted.
38
+ */
39
+
40
+ display: -webkit-flex;
41
+ -webkit-flex-flow: row wrap;
42
+
43
+ /* IE10 uses display: flexbox */
44
+ display: -ms-flexbox;
45
+ -ms-flex-flow: row wrap;
12
46
  }
13
47
 
14
48
  /* Opera as of 12 on Windows needs word-spacing.
@@ -30,6 +64,14 @@ https://github.com/yui/pure/blob/master/LICENSE.md
30
64
  text-rendering: auto;
31
65
  }
32
66
 
67
+ /*
68
+ Resets the font family back to the OS/browser's default sans-serif font,
69
+ this the same font stack that Normalize.css sets for the `body`.
70
+ */
71
+ .pure-g [class *= "pure-u"] {
72
+ font-family: sans-serif;
73
+ }
74
+
33
75
  .pure-u-1,
34
76
  .pure-u-1-2,
35
77
  .pure-u-1-3,
@@ -73,118 +115,177 @@ https://github.com/yui/pure/blob/master/LICENSE.md
73
115
 
74
116
  .pure-u-1-2 {
75
117
  width: 50%;
118
+ *width: 49.969%;
76
119
  }
77
120
 
78
121
  .pure-u-1-3 {
79
- width: 33.33333%;
122
+ width: 33.3333%;
123
+ *width: 33.3023%;
80
124
  }
81
125
 
82
126
  .pure-u-2-3 {
83
- width: 66.66666%;
127
+ width: 66.6667%;
128
+ *width: 66.6357%;
84
129
  }
85
130
 
86
131
  .pure-u-1-4 {
87
132
  width: 25%;
133
+ *width: 24.969%;
88
134
  }
89
135
 
90
136
  .pure-u-3-4 {
91
137
  width: 75%;
138
+ *width: 74.969%;
92
139
  }
93
140
 
94
141
  .pure-u-1-5 {
95
142
  width: 20%;
143
+ *width: 19.969%;
96
144
  }
97
145
 
98
146
  .pure-u-2-5 {
99
147
  width: 40%;
148
+ *width: 39.969%;
100
149
  }
101
150
 
102
151
  .pure-u-3-5 {
103
152
  width: 60%;
153
+ *width: 59.969%;
104
154
  }
105
155
 
106
156
  .pure-u-4-5 {
107
157
  width: 80%;
158
+ *width: 79.969%;
108
159
  }
109
160
 
110
161
  .pure-u-1-6 {
111
- width: 16.666%;
162
+ width: 16.6667%;
163
+ *width: 16.6357%;
112
164
  }
113
165
 
114
166
  .pure-u-5-6 {
115
- width: 83.33%;
167
+ width: 83.3333%;
168
+ *width: 83.3023%;
116
169
  }
117
170
 
118
171
  .pure-u-1-8 {
119
172
  width: 12.5%;
173
+ *width: 12.469%;
120
174
  }
121
175
 
122
176
  .pure-u-3-8 {
123
177
  width: 37.5%;
178
+ *width: 37.469%;
124
179
  }
125
180
 
126
181
  .pure-u-5-8 {
127
182
  width: 62.5%;
183
+ *width: 62.469%;
128
184
  }
129
185
 
130
186
  .pure-u-7-8 {
131
187
  width: 87.5%;
188
+ *width: 87.469%;
132
189
  }
133
190
 
134
191
  .pure-u-1-12 {
135
192
  width: 8.3333%;
193
+ *width: 8.3023%;
136
194
  }
137
195
 
138
196
  .pure-u-5-12 {
139
- width: 41.6666%;
197
+ width: 41.6667%;
198
+ *width: 41.6357%;
140
199
  }
141
200
 
142
201
  .pure-u-7-12 {
143
202
  width: 58.3333%;
203
+ *width: 58.3023%;
144
204
  }
145
205
 
146
206
  .pure-u-11-12 {
147
- width: 91.6666%;
207
+ width: 91.6667%;
208
+ *width: 91.6357%;
148
209
  }
149
210
 
150
211
  .pure-u-1-24 {
151
- width: 4.1666%;
212
+ width: 4.1667%;
213
+ *width: 4.1357%;
152
214
  }
153
215
 
154
216
  .pure-u-5-24 {
155
217
  width: 20.8333%;
218
+ *width: 20.8023%;
156
219
  }
157
220
 
158
221
  .pure-u-7-24 {
159
- width: 29.1666%;
222
+ width: 29.1667%;
223
+ *width: 29.1357%;
160
224
  }
161
225
 
162
226
  .pure-u-11-24 {
163
227
  width: 45.8333%;
228
+ *width: 45.8023%;
164
229
  }
165
230
 
166
231
  .pure-u-13-24 {
167
- width: 54.1666%;
232
+ width: 54.1667%;
233
+ *width: 54.1357%;
168
234
  }
169
235
 
170
236
  .pure-u-17-24 {
171
237
  width: 70.8333%;
238
+ *width: 70.8023%;
172
239
  }
173
240
 
174
241
  .pure-u-19-24 {
175
- width: 79.1666%;
242
+ width: 79.1667%;
243
+ *width: 79.1357%;
176
244
  }
177
245
 
178
246
  .pure-u-23-24 {
179
247
  width: 95.8333%;
248
+ *width: 95.8023%;
180
249
  }
181
250
 
182
- /*csslint regex-selectors:false, unqualified-attributes:false*/
251
+ /*csslint regex-selectors:false, known-properties:false, duplicate-properties:false*/
183
252
 
184
253
  .pure-g-r {
185
254
  letter-spacing: -0.31em;
186
255
  *letter-spacing: normal;
187
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;
188
289
  }
189
290
 
190
291
  /* Opera as of 12 on Windows needs word-spacing.
@@ -196,8 +297,17 @@ https://github.com/yui/pure/blob/master/LICENSE.md
196
297
  word-spacing: -0.43em;
197
298
  }
198
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;
306
+ }
307
+
199
308
  .pure-g-r img {
200
309
  max-width: 100%;
310
+ height: auto;
201
311
  }
202
312
 
203
313
  @media (min-width: 980px) {