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,14 +1,14 @@
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
  /*!
8
- normalize.css v1.1.2 | MIT License | git.io/normalize
8
+ normalize.css v1.1.3 | MIT License | git.io/normalize
9
9
  Copyright (c) Nicolas Gallagher and Jonathan Neal
10
10
  */
11
- /*! normalize.css v1.1.2 | MIT License | git.io/normalize */
11
+ /*! normalize.css v1.1.3 | MIT License | git.io/normalize */
12
12
 
13
13
  /* ==========================================================================
14
14
  HTML5 display definitions
@@ -535,3 +535,31 @@ table {
535
535
  border-collapse: collapse;
536
536
  border-spacing: 0;
537
537
  }
538
+
539
+ /*csslint important:false*/
540
+
541
+ /* ==========================================================================
542
+ Pure Base Extras
543
+ ========================================================================== */
544
+
545
+ /**
546
+ * Extra rules that Pure adds on top of Normalize.css
547
+ */
548
+
549
+ /**
550
+ * Always hide an element when it has the `hidden` HTML attribute.
551
+ */
552
+
553
+ [hidden] {
554
+ display: none !important;
555
+ }
556
+
557
+ /**
558
+ * Add this class to an image to make it fit within it's fluid parent wrapper while maintaining
559
+ * aspect ratio.
560
+ */
561
+ .pure-img {
562
+ max-width: 100%;
563
+ height: auto;
564
+ display: block;
565
+ }
@@ -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
  */
@@ -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
  */
@@ -27,13 +27,14 @@ https://github.com/yui/pure/blob/master/LICENSE.md
27
27
  border: 0;
28
28
  }
29
29
 
30
- /*csslint unqualified-attributes:false, outline-none:false*/
30
+ /*csslint outline-none:false*/
31
31
 
32
32
  .pure-button {
33
+ font-family: inherit;
33
34
  font-size: 100%;
34
35
  *font-size: 90%; /*IE 6/7 - To reduce IE's oversized button text*/
35
36
  *overflow: visible; /*IE 6/7 - Because of IE's overly large left/right padding on buttons */
36
- padding: 0.5em 1.5em 0.5em;
37
+ padding: 0.5em 1em;
37
38
  color: #444; /* rgba not supported (IE 8) */
38
39
  color: rgba(0, 0, 0, 0.80); /* rgba supported */
39
40
  *color: #444; /* IE 6 & 7 */
@@ -42,12 +43,6 @@ https://github.com/yui/pure/blob/master/LICENSE.md
42
43
  background-color: #E6E6E6;
43
44
  text-decoration: none;
44
45
  border-radius: 2px;
45
- /* Transitions */
46
- -webkit-transition: 0.1s linear -webkit-box-shadow;
47
- -moz-transition: 0.1s linear -moz-box-shadow;
48
- -ms-transition: 0.1s linear box-shadow;
49
- -o-transition: 0.1s linear box-shadow;
50
- transition: 0.1s linear box-shadow;
51
46
  }
52
47
 
53
48
  .pure-button-hover,
@@ -57,7 +52,6 @@ https://github.com/yui/pure/blob/master/LICENSE.md
57
52
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0,0,0, 0.05)), to(rgba(0,0,0, 0.10)));
58
53
  background-image: -webkit-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
59
54
  background-image: -moz-linear-gradient(top, rgba(0,0,0, 0.05) 0%, rgba(0,0,0, 0.10));
60
- background-image: -ms-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
61
55
  background-image: -o-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
62
56
  background-image: linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
63
57
  }
@@ -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
  */
@@ -23,19 +23,36 @@ https://github.com/yui/pure/blob/master/LICENSE.md
23
23
  padding: 0.5em 0.6em;
24
24
  display: inline-block;
25
25
  border: 1px solid #ccc;
26
- font-size: 0.8em;
27
26
  box-shadow: inset 0 1px 3px #ddd;
28
27
  border-radius: 4px;
29
- -webkit-transition: 0.3s linear border;
30
- -moz-transition: 0.3s linear border;
31
- -ms-transition: 0.3s linear border;
32
- -o-transition: 0.3s linear border;
33
- transition: 0.3s linear border;
34
28
  -webkit-box-sizing: border-box;
35
29
  -moz-box-sizing: border-box;
36
30
  box-sizing: border-box;
37
31
  }
38
32
 
33
+ /*
34
+ Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
35
+ since IE8 won't execute CSS that contains a CSS3 selector.
36
+ */
37
+ .pure-form input:not([type]) {
38
+ padding: 0.5em 0.6em;
39
+ display: inline-block;
40
+ border: 1px solid #ccc;
41
+ box-shadow: inset 0 1px 3px #ddd;
42
+ border-radius: 4px;
43
+ -webkit-box-sizing: border-box;
44
+ -moz-box-sizing: border-box;
45
+ box-sizing: border-box;
46
+ }
47
+
48
+
49
+ /* Chrome (as of v.32/34 on OS X) needs additional room for color to display. */
50
+ /* May be able to remove this tweak as color inputs become more standardized across browsers. */
51
+ .pure-form input[type="color"] {
52
+ padding: 0.2em 0.5em;
53
+ }
54
+
55
+
39
56
  .pure-form input[type="text"]:focus,
40
57
  .pure-form input[type="password"]:focus,
41
58
  .pure-form input[type="email"]:focus,
@@ -57,6 +74,16 @@ https://github.com/yui/pure/blob/master/LICENSE.md
57
74
  border-color: #129FEA;
58
75
  }
59
76
 
77
+ /*
78
+ Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
79
+ since IE8 won't execute CSS that contains a CSS3 selector.
80
+ */
81
+ .pure-form input:not([type]):focus {
82
+ outline: 0;
83
+ outline: thin dotted \9; /* IE6-9 */
84
+ border-color: #129FEA;
85
+ }
86
+
60
87
  .pure-form input[type="file"]:focus,
61
88
  .pure-form input[type="radio"]:focus,
62
89
  .pure-form input[type="checkbox"]:focus {
@@ -68,6 +95,7 @@ https://github.com/yui/pure/blob/master/LICENSE.md
68
95
  margin: 0.5em 0;
69
96
  display: block;
70
97
  }
98
+
71
99
  .pure-form input[type="text"][disabled],
72
100
  .pure-form input[type="password"][disabled],
73
101
  .pure-form input[type="email"][disabled],
@@ -88,6 +116,16 @@ https://github.com/yui/pure/blob/master/LICENSE.md
88
116
  background-color: #eaeded;
89
117
  color: #cad2d3;
90
118
  }
119
+
120
+ /*
121
+ Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
122
+ since IE8 won't execute CSS that contains a CSS3 selector.
123
+ */
124
+ .pure-form input:not([type])[disabled] {
125
+ cursor: not-allowed;
126
+ background-color: #eaeded;
127
+ color: #cad2d3;
128
+ }
91
129
  .pure-form input[readonly],
92
130
  .pure-form select[readonly],
93
131
  .pure-form textarea[readonly] {
@@ -100,7 +138,7 @@ https://github.com/yui/pure/blob/master/LICENSE.md
100
138
  .pure-form textarea:focus:invalid,
101
139
  .pure-form select:focus:invalid {
102
140
  color: #b94a48;
103
- border: 1px solid #ee5f5b;
141
+ border-color: #ee5f5b;
104
142
  }
105
143
  .pure-form input:focus:invalid:focus,
106
144
  .pure-form textarea:focus:invalid:focus,
@@ -121,7 +159,6 @@ https://github.com/yui/pure/blob/master/LICENSE.md
121
159
  }
122
160
  .pure-form label {
123
161
  margin: 0.5em 0 0.2em;
124
- font-size: 90%;
125
162
  }
126
163
  .pure-form fieldset {
127
164
  margin: 0;
@@ -133,7 +170,6 @@ https://github.com/yui/pure/blob/master/LICENSE.md
133
170
  width: 100%;
134
171
  padding: 0.3em 0;
135
172
  margin-bottom: 0.3em;
136
- font-size: 125%;
137
173
  color: #333;
138
174
  border-bottom: 1px solid #e5e5e5;
139
175
  }
@@ -159,6 +195,14 @@ https://github.com/yui/pure/blob/master/LICENSE.md
159
195
  margin: 0.25em 0;
160
196
  }
161
197
 
198
+ /*
199
+ Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
200
+ since IE8 won't execute CSS that contains a CSS3 selector.
201
+ */
202
+ .pure-form-stacked input:not([type]) {
203
+ display: block;
204
+ margin: 0.25em 0;
205
+ }
162
206
  .pure-form-aligned input,
163
207
  .pure-form-aligned textarea,
164
208
  .pure-form-aligned select,
@@ -170,6 +214,9 @@ https://github.com/yui/pure/blob/master/LICENSE.md
170
214
  *zoom: 1;
171
215
  vertical-align: middle;
172
216
  }
217
+ .pure-form-aligned textarea {
218
+ vertical-align: top;
219
+ }
173
220
 
174
221
  /* Aligned Forms */
175
222
  .pure-form-aligned .pure-control-group {
@@ -244,12 +291,12 @@ https://github.com/yui/pure/blob/master/LICENSE.md
244
291
  padding-left: 0.3em;
245
292
  color: #666;
246
293
  vertical-align: middle;
247
- font-size: 90%;
294
+ font-size: 0.875em;
248
295
  }
249
296
 
250
297
  /* Block help for forms */
251
298
  .pure-form-message {
252
299
  display: block;
253
300
  color: #666;
254
- font-size: 90%;
301
+ font-size: 0.875em;
255
302
  }
@@ -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
  */
@@ -23,19 +23,36 @@ https://github.com/yui/pure/blob/master/LICENSE.md
23
23
  padding: 0.5em 0.6em;
24
24
  display: inline-block;
25
25
  border: 1px solid #ccc;
26
- font-size: 0.8em;
27
26
  box-shadow: inset 0 1px 3px #ddd;
28
27
  border-radius: 4px;
29
- -webkit-transition: 0.3s linear border;
30
- -moz-transition: 0.3s linear border;
31
- -ms-transition: 0.3s linear border;
32
- -o-transition: 0.3s linear border;
33
- transition: 0.3s linear border;
34
28
  -webkit-box-sizing: border-box;
35
29
  -moz-box-sizing: border-box;
36
30
  box-sizing: border-box;
37
31
  }
38
32
 
33
+ /*
34
+ Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
35
+ since IE8 won't execute CSS that contains a CSS3 selector.
36
+ */
37
+ .pure-form input:not([type]) {
38
+ padding: 0.5em 0.6em;
39
+ display: inline-block;
40
+ border: 1px solid #ccc;
41
+ box-shadow: inset 0 1px 3px #ddd;
42
+ border-radius: 4px;
43
+ -webkit-box-sizing: border-box;
44
+ -moz-box-sizing: border-box;
45
+ box-sizing: border-box;
46
+ }
47
+
48
+
49
+ /* Chrome (as of v.32/34 on OS X) needs additional room for color to display. */
50
+ /* May be able to remove this tweak as color inputs become more standardized across browsers. */
51
+ .pure-form input[type="color"] {
52
+ padding: 0.2em 0.5em;
53
+ }
54
+
55
+
39
56
  .pure-form input[type="text"]:focus,
40
57
  .pure-form input[type="password"]:focus,
41
58
  .pure-form input[type="email"]:focus,
@@ -57,6 +74,16 @@ https://github.com/yui/pure/blob/master/LICENSE.md
57
74
  border-color: #129FEA;
58
75
  }
59
76
 
77
+ /*
78
+ Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
79
+ since IE8 won't execute CSS that contains a CSS3 selector.
80
+ */
81
+ .pure-form input:not([type]):focus {
82
+ outline: 0;
83
+ outline: thin dotted \9; /* IE6-9 */
84
+ border-color: #129FEA;
85
+ }
86
+
60
87
  .pure-form input[type="file"]:focus,
61
88
  .pure-form input[type="radio"]:focus,
62
89
  .pure-form input[type="checkbox"]:focus {
@@ -68,6 +95,7 @@ https://github.com/yui/pure/blob/master/LICENSE.md
68
95
  margin: 0.5em 0;
69
96
  display: block;
70
97
  }
98
+
71
99
  .pure-form input[type="text"][disabled],
72
100
  .pure-form input[type="password"][disabled],
73
101
  .pure-form input[type="email"][disabled],
@@ -88,6 +116,16 @@ https://github.com/yui/pure/blob/master/LICENSE.md
88
116
  background-color: #eaeded;
89
117
  color: #cad2d3;
90
118
  }
119
+
120
+ /*
121
+ Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
122
+ since IE8 won't execute CSS that contains a CSS3 selector.
123
+ */
124
+ .pure-form input:not([type])[disabled] {
125
+ cursor: not-allowed;
126
+ background-color: #eaeded;
127
+ color: #cad2d3;
128
+ }
91
129
  .pure-form input[readonly],
92
130
  .pure-form select[readonly],
93
131
  .pure-form textarea[readonly] {
@@ -100,7 +138,7 @@ https://github.com/yui/pure/blob/master/LICENSE.md
100
138
  .pure-form textarea:focus:invalid,
101
139
  .pure-form select:focus:invalid {
102
140
  color: #b94a48;
103
- border: 1px solid #ee5f5b;
141
+ border-color: #ee5f5b;
104
142
  }
105
143
  .pure-form input:focus:invalid:focus,
106
144
  .pure-form textarea:focus:invalid:focus,
@@ -121,7 +159,6 @@ https://github.com/yui/pure/blob/master/LICENSE.md
121
159
  }
122
160
  .pure-form label {
123
161
  margin: 0.5em 0 0.2em;
124
- font-size: 90%;
125
162
  }
126
163
  .pure-form fieldset {
127
164
  margin: 0;
@@ -133,7 +170,6 @@ https://github.com/yui/pure/blob/master/LICENSE.md
133
170
  width: 100%;
134
171
  padding: 0.3em 0;
135
172
  margin-bottom: 0.3em;
136
- font-size: 125%;
137
173
  color: #333;
138
174
  border-bottom: 1px solid #e5e5e5;
139
175
  }
@@ -159,6 +195,14 @@ https://github.com/yui/pure/blob/master/LICENSE.md
159
195
  margin: 0.25em 0;
160
196
  }
161
197
 
198
+ /*
199
+ Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
200
+ since IE8 won't execute CSS that contains a CSS3 selector.
201
+ */
202
+ .pure-form-stacked input:not([type]) {
203
+ display: block;
204
+ margin: 0.25em 0;
205
+ }
162
206
  .pure-form-aligned input,
163
207
  .pure-form-aligned textarea,
164
208
  .pure-form-aligned select,
@@ -170,6 +214,9 @@ https://github.com/yui/pure/blob/master/LICENSE.md
170
214
  *zoom: 1;
171
215
  vertical-align: middle;
172
216
  }
217
+ .pure-form-aligned textarea {
218
+ vertical-align: top;
219
+ }
173
220
 
174
221
  /* Aligned Forms */
175
222
  .pure-form-aligned .pure-control-group {
@@ -244,14 +291,14 @@ https://github.com/yui/pure/blob/master/LICENSE.md
244
291
  padding-left: 0.3em;
245
292
  color: #666;
246
293
  vertical-align: middle;
247
- font-size: 90%;
294
+ font-size: 0.875em;
248
295
  }
249
296
 
250
297
  /* Block help for forms */
251
298
  .pure-form-message {
252
299
  display: block;
253
300
  color: #666;
254
- font-size: 90%;
301
+ font-size: 0.875em;
255
302
  }
256
303
 
257
304
  @media only screen and (max-width : 480px) {
@@ -259,6 +306,7 @@ https://github.com/yui/pure/blob/master/LICENSE.md
259
306
  margin: 0.7em 0 0;
260
307
  }
261
308
 
309
+ .pure-form input:not([type]),
262
310
  .pure-form input[type="text"],
263
311
  .pure-form input[type="password"],
264
312
  .pure-form input[type="email"],
@@ -278,6 +326,7 @@ https://github.com/yui/pure/blob/master/LICENSE.md
278
326
  display: block;
279
327
  }
280
328
 
329
+ .pure-group input:not([type]),
281
330
  .pure-group input[type="text"],
282
331
  .pure-group input[type="password"],
283
332
  .pure-group input[type="email"],
@@ -311,7 +360,7 @@ https://github.com/yui/pure/blob/master/LICENSE.md
311
360
  .pure-form-message-inline,
312
361
  .pure-form-message {
313
362
  display: block;
314
- font-size: 80%;
363
+ font-size: 0.75em;
315
364
  /* Increased bottom padding to make it group with its related input element. */
316
365
  padding: 0.2em 0 0.8em;
317
366
  }
@@ -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
  */