purecss 0.3.0 → 0.4.2

Sign up to get free protection for your applications and to get access to all the features.
@@ -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
  */