normalize-scss 4.2.1 → 5.0.0

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 9282070c3ab1916f593719e3105f5b7e7862ec23
4
- data.tar.gz: a77b19a0c14469db71b896a07a255c771e939631
3
+ metadata.gz: 8eafe43a867c51b3b1ec057f542bfeefb03e2f8e
4
+ data.tar.gz: 32fa6a357f9b99556ea89c6b23886dcbc8f40397
5
5
  SHA512:
6
- metadata.gz: 09661f509959d97aedbfda3f8adfcffb70f87c5a79d7131d910b3d526133ca0c9dee474c6235800724e011616359aab15023fdc42ef70d039e2b3276698635f0
7
- data.tar.gz: 1a4c08e4472224e88dd88797617c3ddda5fc5c2b7a7b9f848a3081582eace720135b870ae75de21ac5e92f59262658573c31d52302212fbeb2dc2ff481475eb3
6
+ metadata.gz: e5d3f115985ac2d6046e978db615800875082855d4135bc62c927f51da0cb00c9ef9e685adfed13fc9e96721a8db37c226da7fe04afdb8afd8a9ec5ec1bed548
7
+ data.tar.gz: a8f83f3526108ffc3b3c0443652046e6c1db25e417d5debeffebe5a6597c10809f94983aced55c9728ce6180f32f254836f3b5df03ad84b501919b7701b1905c
data/README.md CHANGED
@@ -4,7 +4,7 @@
4
4
 
5
5
  For use with… | normalize-scss version
6
6
  -----------------------------|-----------------------
7
- Sass 3.4 or libSass | [4.2.1](https://github.com/JohnAlbin/normalize-scss/releases/tag/4.2.1)<br> combining normalize.css v3.0.3 with v1.1.3
7
+ Sass 3.4 or libSass | [5.0.0](https://github.com/JohnAlbin/normalize-scss/releases/tag/5.0.0)<br> combining normalize.css v4.1.1 with v1.1.3
8
8
  Ruby Sass 3.3 + Compass 1.0 | [3.0.3](https://github.com/JohnAlbin/normalize-scss/releases/tag/3.0.3)<br> combining normalize.css v3.0.3 with v1.1.3
9
9
  Ruby Sass 3.2 + Compass 0.12 | [2.2.0+normalize.2.1.3](https://github.com/JohnAlbin/normalize-scss/releases/tag/2.2.0%2Bnormalize.2.1.3)<br> combining normalize.css v2.1.3 with v1.1.3
10
10
 
@@ -17,11 +17,13 @@ This Sass port currently utilizes:
17
17
  * Browser support variables: Allowing you to easily add/drop support for any browser by modifying a single Sass variable.
18
18
  * Vertical rhythm mixins: Allowing you to alter the font-size, line-height and margins in Normalize’s output without hacking the library.
19
19
 
20
- In addition, Normalize.css has 2 major versions: version 3 (without “legacy browser” support) and version 1 (with support for IE 6/7, etc.) This Sass port combines the two versions into one file so that you can easily toggle between the two versions using its browser support variables.
20
+ In addition, Normalize.css has 2 major versions: version 4 (without “legacy browser” support) and version 1 (with support for IE 6/7, etc.) This Sass port combines the two versions into one file so that you can easily toggle between the two versions using its browser support variables.
21
21
 
22
22
  Did a client wait until the last minute to mention their CEO uses IE 6? Simply update your `$support-for` variable and recompile your Sass files. Details can be found at https://github.com/JohnAlbin/normalize-scss/wiki
23
23
 
24
- # normalize.css v3
24
+ # normalize.css v4
25
+
26
+ > A modern alternative to CSS resets
25
27
 
26
28
  Normalize.css is a customisable CSS file that makes browsers render all elements more consistently and in line with modern standards.
27
29
 
@@ -34,7 +36,7 @@ The project relies on researching the differences between default browser styles
34
36
  * Preserves useful defaults, unlike many CSS resets.
35
37
  * Normalizes styles for a wide range of elements.
36
38
  * Corrects bugs and common browser inconsistencies.
37
- * Improves usability with subtle improvements.
39
+ * Improves usability with subtle modifications.
38
40
  * Explains what code does using detailed comments.
39
41
 
40
42
  ## Install
@@ -77,39 +79,57 @@ Note: if you use [wiredep](https://github.com/taptapship/wiredep), normalize-scs
77
79
 
78
80
  ## Browser support
79
81
 
80
- * Google Chrome (latest)
81
- * Mozilla Firefox (latest)
82
- * Mozilla Firefox ESR
83
- * Opera (latest)
84
- * Apple Safari 6+
82
+ * Chrome (last two)
83
+ * Edge (last two)
84
+ * Firefox (last two)
85
+ * Firefox ESR
85
86
  * Internet Explorer 6+
87
+ * Opera (last two)
88
+ * Safari 6+
86
89
 
87
90
  The exact browsers supported in your project is controlled by the browser
88
91
  support variables. See https://github.com/JohnAlbin/normalize-scss/wiki
89
92
 
90
- ## Extended details
93
+
94
+ ## Extended details and known issues
91
95
 
92
96
  Additional detail and explanation of the esoteric parts of normalize.css.
93
97
 
94
98
  #### `pre, code, kbd, samp`
95
99
 
96
100
  The `font-family: monospace, monospace` hack fixes the inheritance and scaling
97
- of font-size for preformated text. The duplication of `monospace` is
98
- intentional. [Source](http://en.wikipedia.org/wiki/User:Davidgothberg/Test59).
101
+ of font-size for preformatted text. The duplication of `monospace` is
102
+ intentional. [Source](https://en.wikipedia.org/wiki/User:Davidgothberg/Test59).
99
103
 
100
104
  #### `sub, sup`
101
105
 
102
106
  Normally, using `sub` or `sup` affects the line-box height of text in all
103
- browsers. [Source](http://gist.github.com/413930).
107
+ browsers. [Source](https://gist.github.com/413930).
104
108
 
105
109
  #### `svg:not(:root)`
106
110
 
107
111
  Adding `overflow: hidden` fixes IE9's SVG rendering. Earlier versions of IE
108
112
  don't support SVG, so we can safely use the `:not()` and `:root` selectors that
109
- modern browsers use in the default UA stylesheets to apply this style. [SVG
110
- Mailing List discussion](http://lists.w3.org/Archives/Public/public-svg-wg/2008JulSep/0339.html)
113
+ modern browsers use in the default UA stylesheets to apply this style. [Source]
114
+ (https://lists.w3.org/Archives/Public/public-svg-wg/2008JulSep/0339.html).
115
+
116
+ #### `select`
117
+
118
+ By default, Chrome on OS X and Safari on OS X allow very limited styling of
119
+ `select`, unless a border property is set. The default font weight on `optgroup`
120
+ elements cannot safely be changed in Chrome on OSX and Safari on OS X.
121
+
122
+ #### `[type="checkbox"]`
111
123
 
112
- #### `input[type="search"]`
124
+ It is recommended that you do not style checkbox and radio inputs as Firefox's
125
+ implementation does not respect box-sizing, padding, or width.
126
+
127
+ #### `[type="number"]`
128
+
129
+ Certain font size values applied to number inputs cause the cursor style of the
130
+ decrement button to change from `default` to `text`.
131
+
132
+ #### `[type="search"]`
113
133
 
114
134
  The search input is not fully stylable by default. In Chrome and Safari on
115
135
  OSX/iOS you can't control `font`, `padding`, `border`, or `background`. In
@@ -117,17 +137,15 @@ Chrome and Safari on Windows you can't control `border` properly. It will apply
117
137
  `border-width` but will only show a border color (which cannot be controlled)
118
138
  for the outer 1px of that border. Applying `-webkit-appearance: textfield`
119
139
  addresses these issues without removing the benefits of search inputs (e.g.
120
- showing past searches).
140
+ showing past searches). Safari (but not Chrome) will clip the cancel button on
141
+ when it has padding (and `textfield` appearance).
121
142
 
122
- #### `legend`
123
-
124
- Adding `border: 0` corrects an IE 8–11 bug where `color` (yes, `color`) is not
125
- inherited by `legend`.
126
143
 
127
144
  ## Contributing
128
- Please read Necolas' [contributing guidelines](https://github.com/necolas/normalize.css/blob/master/CONTRIBUTING.md).
129
145
 
130
- Updates to most CSS rules should be reported to Necolas' upstream [Normalize.css project](http://necolas.github.com/normalize.css/). Updates to the Sass should be reported in the [Normalize-scss project](https://github.com/JohnAlbin/normalize-scss/).
146
+ Please read Normalize.css' [contributing guidelines](https://github.com/necolas/normalize.css/blob/master/CONTRIBUTING.md).
147
+
148
+ Updates to most CSS rules should be reported to the upstream [Normalize.css project](http://necolas.github.com/normalize.css/). Updates to the Sass should be reported in the [Normalize-scss project](https://github.com/JohnAlbin/normalize-scss/).
131
149
 
132
150
  ## Acknowledgements
133
151
 
@@ -9,9 +9,9 @@ Gem::Specification.new do |spec|
9
9
  spec.homepage = 'https://github.com/JohnAlbin/normalize-scss'
10
10
  spec.rubyforge_project =
11
11
 
12
- spec.version = '4.2.1'
13
- spec.date = '2016-05-01'
14
- spec.licenses = ['GPL-2.0']
12
+ spec.version = '5.0.0'
13
+ spec.date = '2016-05-21'
14
+ spec.licenses = ['MIT', 'GPL-2.0']
15
15
 
16
16
  spec.authors = ['John Albin Wilkins']
17
17
  spec.email = 'virtually.johnalbin@gmail.com'
data/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "normalize-scss",
3
- "version": "4.2.1",
3
+ "version": "5.0.0",
4
4
  "description": "This is the Sass version of Normalize.css, a collection of HTML element and attribute rulesets to normalize styles across all browsers. This port aims to use a light dusting of Sass to make Normalize even easier to integrate with your website.",
5
5
  "homepage": "https://github.com/JohnAlbin/normalize-scss",
6
6
  "bugs": {
@@ -13,6 +13,14 @@ $_normalize-exclude: ();
13
13
  @return false;
14
14
  }
15
15
 
16
+ @mixin _normalize-monospace() {
17
+ font-family: monospace, monospace;
18
+ @if support-for(ie, 6) {
19
+ _font-family: 'courier new', monospace;
20
+ }
21
+ font-size: 1em;
22
+ }
23
+
16
24
  @mixin normalize($include: (all), $exclude: ()) {
17
25
  // If we had local functions, we could access our parameters inside the
18
26
  // function without passing them in as parameters. The hacky work-around is to
@@ -38,9 +46,8 @@ $_normalize-exclude: ();
38
46
 
39
47
  @if _normalize-include(root) {
40
48
  /**
41
- * 1. Set default font family to sans-serif.
42
- * 2. Prevent iOS and IE text size adjust after device orientation change,
43
- * without disabling user zoom.
49
+ * 1. Change the default font family in all browsers (opinionated).
50
+ * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
44
51
  */
45
52
 
46
53
  html {
@@ -58,7 +65,7 @@ $_normalize-exclude: ();
58
65
  }
59
66
 
60
67
  /**
61
- * Remove default margin.
68
+ * Remove the margin in all browsers (opinionated).
62
69
  */
63
70
 
64
71
  body {
@@ -71,10 +78,9 @@ $_normalize-exclude: ();
71
78
  ========================================================================== */
72
79
 
73
80
  /**
74
- * Correct `block` display not defined for any HTML5 element in IE 8/9.
75
- * Correct `block` display not defined for `details` or `summary` in IE 10/11
76
- * and Firefox.
77
- * Correct `block` display not defined for `main` in IE 11.
81
+ * Add the correct display in IE <10.
82
+ * Add the correct display in Edge, IE, and Firefox for `details` or `summary`.
83
+ * Add the correct display in IE for `main`.
78
84
  */
79
85
 
80
86
  article,
@@ -84,7 +90,6 @@ $_normalize-exclude: ();
84
90
  figure,
85
91
  footer,
86
92
  header,
87
- hgroup,
88
93
  main,
89
94
  menu,
90
95
  nav,
@@ -94,27 +99,22 @@ $_normalize-exclude: ();
94
99
  }
95
100
 
96
101
  /**
97
- * 1. Correct `inline-block` display not defined in IE 8/9.
98
- * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
102
+ * Add the correct display in IE <10.
99
103
  */
100
104
 
101
105
  audio,
102
106
  canvas,
103
107
  progress,
104
108
  video {
105
- @if support-for(ie, 9) {
106
- display: inline-block; /* 1 */
107
- @if support-for(ie, 7) {
108
- *display: inline;
109
- *zoom: 1;
110
- }
109
+ display: inline-block;
110
+ @if support-for(ie, 7) {
111
+ *display: inline;
112
+ *zoom: 1;
111
113
  }
112
- vertical-align: baseline; /* 2 */
113
114
  }
114
115
 
115
116
  /**
116
- * Prevent modern browsers from displaying `audio` without controls.
117
- * Remove excess height in iOS 5 devices.
117
+ * Add the correct display and remove excess height in iOS 4-7.
118
118
  */
119
119
 
120
120
  audio:not([controls]) {
@@ -122,21 +122,21 @@ $_normalize-exclude: ();
122
122
  height: 0;
123
123
  }
124
124
 
125
- @if support-for(ie, 10) {
126
- /**
127
- * Address `[hidden]` styling not present in IE 8/9/10.
128
- */
125
+ /**
126
+ * Add the correct vertical alignment in Chrome, Firefox, and Opera.
127
+ */
129
128
 
130
- [hidden] {
131
- display: none;
132
- }
129
+ progress {
130
+ vertical-align: baseline;
133
131
  }
134
132
 
135
133
  /**
136
- * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
134
+ * Add the correct display in IE <11, Safari <8, and Firefox <22.
135
+ * 1. Add the correct display in IE.
137
136
  */
138
137
 
139
- template {
138
+ template, /* 1 */
139
+ [hidden] {
140
140
  display: none;
141
141
  }
142
142
  }
@@ -145,24 +145,24 @@ $_normalize-exclude: ();
145
145
  /* Links
146
146
  ========================================================================== */
147
147
 
148
- @if support-for(ie, 10) {
149
- /**
150
- * Remove the gray background color from active links in IE 10.
151
- */
148
+ /**
149
+ * 1. Remove the gray background on active links in IE 10.
150
+ * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
151
+ */
152
152
 
153
- a {
154
- background-color: transparent;
155
- }
153
+ a {
154
+ background-color: transparent; /* 1 */
155
+ -webkit-text-decoration-skip: objects; /* 2 */
156
156
  }
157
157
 
158
158
  /**
159
- * Improve readability of focused elements when they are also in an
160
- * active/hover state.
159
+ * Remove the outline on focused links when they are also active or hovered
160
+ * in all browsers (opinionated).
161
161
  */
162
162
 
163
163
  a:active,
164
164
  a:hover {
165
- outline: 0;
165
+ outline-width: 0;
166
166
  }
167
167
  }
168
168
 
@@ -171,24 +171,47 @@ $_normalize-exclude: ();
171
171
  ========================================================================== */
172
172
 
173
173
  /**
174
- * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
174
+ * 1. Remove the bottom border in Firefox <40.
175
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
175
176
  */
176
177
 
177
178
  abbr[title] {
178
- border-bottom: 1px dotted;
179
+ border-bottom: none; /* 1 */
180
+ text-decoration: underline; /* 2 */
181
+ text-decoration: underline dotted; /* 2 */
179
182
  }
180
183
 
181
184
  /**
182
- * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
185
+ * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
183
186
  */
184
187
 
185
188
  b,
186
189
  strong {
187
- font-weight: bold;
190
+ font-weight: inherit;
191
+ }
192
+
193
+ /**
194
+ * Add the correct font weight in Chrome, Edge, and Safari.
195
+ */
196
+
197
+ b,
198
+ strong {
199
+ font-weight: bolder;
200
+ }
201
+
202
+ /**
203
+ * 1. Correct the inheritance and scaling of font size in all browsers.
204
+ * 2. Correct the odd `em` font sizing in all browsers.
205
+ */
206
+
207
+ code,
208
+ kbd,
209
+ samp {
210
+ @include _normalize-monospace();
188
211
  }
189
212
 
190
213
  /**
191
- * Address styling not present in Safari and Chrome.
214
+ * Add the correct font style in Android <4.4.
192
215
  */
193
216
 
194
217
  dfn {
@@ -196,8 +219,8 @@ $_normalize-exclude: ();
196
219
  }
197
220
 
198
221
  /**
199
- * Address variable `h1` font-size and margin within `section` and `article`
200
- * contexts in Firefox 4+, Safari, and Chrome.
222
+ * Correct the font size and margin on `h1` elements within `section` and
223
+ * `article` contexts in Chrome, Firefox, and Safari.
201
224
  */
202
225
 
203
226
  h1 {
@@ -252,19 +275,17 @@ $_normalize-exclude: ();
252
275
  }
253
276
  }
254
277
 
255
- @if support-for(ie, 9) {
256
- /**
257
- * Address styling not present in IE 8/9.
258
- */
278
+ /**
279
+ * Add the correct background and color in IE <10.
280
+ */
259
281
 
260
- mark {
261
- background: #ff0;
262
- color: #000;
263
- }
282
+ mark {
283
+ background-color: #ff0;
284
+ color: #000;
264
285
  }
265
286
 
266
287
  /**
267
- * Address inconsistent and variable font size in all browsers.
288
+ * Add the correct font size in all browsers.
268
289
  */
269
290
 
270
291
  small {
@@ -272,7 +293,8 @@ $_normalize-exclude: ();
272
293
  }
273
294
 
274
295
  /**
275
- * Prevent `sub` and `sup` affecting `line-height` in all browsers.
296
+ * Prevent `sub` and `sup` elements from affecting the line height in
297
+ * all browsers.
276
298
  */
277
299
 
278
300
  sub,
@@ -283,35 +305,33 @@ $_normalize-exclude: ();
283
305
  vertical-align: baseline;
284
306
  }
285
307
 
286
- sup {
287
- top: -0.5em;
288
- }
289
-
290
308
  sub {
291
309
  bottom: -0.25em;
292
310
  }
311
+
312
+ sup {
313
+ top: -0.5em;
314
+ }
293
315
  }
294
316
 
295
317
  @if _normalize-include(embedded) {
296
318
  /* Embedded content
297
319
  ========================================================================== */
298
320
 
299
- @if support-for(ie, 10) {
300
- /**
301
- * Remove border when inside `a` element in IE 8/9/10.
302
- */
321
+ /**
322
+ * Remove the border on images inside links in IE <11.
323
+ */
303
324
 
304
- img {
305
- border: 0;
306
- @if support-for(ie, 7) {
307
- /* Improve image quality when scaled in IE 7. */
308
- -ms-interpolation-mode: bicubic;
309
- }
325
+ img {
326
+ border-style: none;
327
+ @if support-for(ie, 7) {
328
+ /* Improve image quality when scaled in IE 7. */
329
+ -ms-interpolation-mode: bicubic;
310
330
  }
311
331
  }
312
332
 
313
333
  /**
314
- * Correct overflow not hidden in IE 9/10/11.
334
+ * Hide the overflow in IE.
315
335
  */
316
336
 
317
337
  svg:not(:root) {
@@ -324,6 +344,14 @@ $_normalize-exclude: ();
324
344
  ========================================================================== */
325
345
 
326
346
  @if $normalize-vertical-rhythm or support-for(ie, 7) {
347
+ /**
348
+ * Set 1 unit of vertical rhythm on the top and bottom margin.
349
+ */
350
+
351
+ blockquote {
352
+ @include normalize-margin(1 $indent-amount);
353
+ }
354
+
327
355
  /**
328
356
  * Address margins set differently in IE 6/7.
329
357
  */
@@ -334,23 +362,21 @@ $_normalize-exclude: ();
334
362
  ul {
335
363
  @include normalize-margin(1 0);
336
364
  }
337
- }
338
365
 
339
- @if $normalize-vertical-rhythm {
340
- /**
341
- * Turn off margins on nested lists.
342
- */
366
+ @if $normalize-vertical-rhythm {
367
+ /**
368
+ * Turn off margins on nested lists.
369
+ */
343
370
 
344
- ol,
345
- ul {
346
371
  ol,
347
372
  ul {
348
- margin: 0;
373
+ ol,
374
+ ul {
375
+ margin: 0;
376
+ }
349
377
  }
350
378
  }
351
- }
352
379
 
353
- @if $normalize-vertical-rhythm or support-for(ie, 7) {
354
380
  dd {
355
381
  margin: 0 0 0 $indent-amount;
356
382
  }
@@ -378,36 +404,23 @@ $_normalize-exclude: ();
378
404
  }
379
405
  }
380
406
 
381
- @if $normalize-vertical-rhythm or support-for(ie, 7) {
382
- /**
383
- * Set 1 unit of vertical rhythm on the top and bottom margin.
384
- */
385
-
386
- blockquote {
387
- @include normalize-margin(1 $indent-amount);
388
- }
389
- }
390
-
391
- @if $normalize-vertical-rhythm or support-for(ie, 9) or support-for(safari, 6) {
392
- /**
393
- * Address margin not present in IE 8/9 and Safari.
394
- */
407
+ /**
408
+ * Add the correct margin in IE 8.
409
+ */
395
410
 
396
- figure {
397
- @include normalize-margin(1 $indent-amount);
398
- }
411
+ figure {
412
+ @include normalize-margin(1 $indent-amount);
399
413
  }
400
414
 
401
415
  /**
402
- * Address differences between Firefox and other browsers.
416
+ * 1. Add the correct box sizing in Firefox.
417
+ * 2. Show the overflow in Edge and IE.
403
418
  */
404
419
 
405
420
  hr {
406
- @if support-for(firefox, 28) {
407
- -moz-box-sizing: content-box;
408
- }
409
- box-sizing: content-box;
410
- height: 0;
421
+ box-sizing: content-box; /* 1 */
422
+ height: 0; /* 1 */
423
+ overflow: visible; /* 2 */
411
424
  }
412
425
 
413
426
  @if $normalize-vertical-rhythm or support-for(ie, 7) {
@@ -421,27 +434,8 @@ $_normalize-exclude: ();
421
434
  }
422
435
  }
423
436
 
424
- /**
425
- * Contain overflow in all browsers.
426
- */
427
-
428
437
  pre {
429
- overflow: auto;
430
- }
431
-
432
- /**
433
- * Address odd `em`-unit font size rendering in all browsers.
434
- */
435
-
436
- code,
437
- kbd,
438
- pre,
439
- samp {
440
- font-family: monospace, monospace;
441
- @if support-for(ie, 6) {
442
- _font-family: 'courier new', monospace;
443
- }
444
- font-size: 1em;
438
+ @include _normalize-monospace();
445
439
  }
446
440
  }
447
441
 
@@ -450,8 +444,23 @@ $_normalize-exclude: ();
450
444
  ========================================================================== */
451
445
 
452
446
  /**
453
- * Known limitation: by default, Chrome and Safari on OS X allow very limited
454
- * styling of `select`, unless a `border` property is set.
447
+ * Known issues:
448
+ * - By default, Chrome on OS X and Safari on OS X allow very limited styling of
449
+ * select, unless a border property is set. The default font weight on
450
+ * optgroup elements cannot safely be changed in Chrome on OSX and Safari on
451
+ * OS X.
452
+ * - It is recommended that you do not style checkbox and radio inputs as
453
+ * Firefox's implementation does not respect box-sizing, padding, or width.
454
+ * - Certain font size values applied to number inputs cause the cursor style of
455
+ * the decrement button to change from default to text.
456
+ * - The search input is not fully stylable by default. In Chrome and Safari on
457
+ * OSX/iOS you can't control font, padding, border, or background. In Chrome
458
+ * and Safari on Windows you can't control border properly. It will apply
459
+ * border-width but will only show a border color (which cannot be controlled)
460
+ * for the outer 1px of that border. Applying -webkit-appearance: textfield
461
+ * addresses these issues without removing the benefits of search inputs (e.g.
462
+ * showing past searches). Safari (but not Chrome) will clip the cancel button
463
+ * on when it has padding (and textfield appearance).
455
464
  */
456
465
 
457
466
  @if support-for(ie, 7) {
@@ -465,12 +474,10 @@ $_normalize-exclude: ();
465
474
  }
466
475
 
467
476
  /**
468
- * 1. Correct color not being inherited.
469
- * Known issue: affects color of disabled elements.
470
- * 2. Correct font properties not being inherited.
471
- * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
472
- * 4. Address `font-family` inconsistency between `textarea` and other form in IE 7
473
- * 5. Improve appearance and consistency with IE 6/7.
477
+ * 1. Change font properties to `inherit` in all browsers (opinionated).
478
+ * 2. Remove the margin in Firefox and Safari.
479
+ * 3. Address `font-family` inconsistency between `textarea` and other form in IE 7
480
+ * 4. Improve appearance and consistency with IE 6/7.
474
481
  */
475
482
 
476
483
  button,
@@ -478,17 +485,16 @@ $_normalize-exclude: ();
478
485
  optgroup,
479
486
  select,
480
487
  textarea {
481
- color: inherit; /* 1 */
482
- font: inherit; /* 2 */
483
- margin: 0; /* 3 */
488
+ font: inherit; /* 1 */
489
+ margin: 0; /* 2 */
484
490
  @if support-for(ie, 7) {
485
- *font-family: $base-font-family; /* 4 */
486
- *vertical-align: middle; /* 5 */
491
+ *font-family: $base-font-family; /* 3 */
492
+ *vertical-align: middle; /* 4 */
487
493
  }
488
494
  }
489
495
 
490
496
  /**
491
- * Address `overflow` set to `hidden` in IE 8/9/10/11.
497
+ * Show the overflow in IE.
492
498
  */
493
499
 
494
500
  button {
@@ -496,115 +502,100 @@ $_normalize-exclude: ();
496
502
  }
497
503
 
498
504
  /**
499
- * Address inconsistent `text-transform` inheritance for `button` and `select`.
500
- * All other form control elements do not inherit `text-transform` values.
501
- * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
502
- * Correct `select` style inheritance in Firefox.
505
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
506
+ * 1. Remove the inheritance of text transform in Firefox.
503
507
  */
504
508
 
505
509
  button,
506
- select {
510
+ select { /* 1 */
507
511
  text-transform: none;
508
512
  }
509
513
 
510
514
  /**
511
- * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
512
- * and `video` controls.
513
- * 2. Correct inability to style clickable `input` types in iOS.
514
- * 3. Improve usability and consistency of cursor style between image-type
515
- * `input` and others.
516
- * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
517
- * Known issue: inner spacing remains in IE 6.
515
+ * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
516
+ * controls in Android 4.
517
+ * 2. Correct the inability to style clickable types in iOS and Safari.
518
518
  */
519
519
 
520
520
  button,
521
- html input[type="button"], /* 1 */
522
- input[type="reset"],
523
- input[type="submit"] {
521
+ html [type="button"], /* 1 */
522
+ [type="reset"],
523
+ [type="submit"] {
524
524
  -webkit-appearance: button; /* 2 */
525
- cursor: pointer; /* 3 */
526
- @if support-for(ie, 7) {
527
- *overflow: visible; /* 4 */
528
- }
529
525
  }
530
526
 
531
527
  /**
532
- * Re-set default cursor for disabled elements.
528
+ * Remove the inner border and padding in Firefox.
533
529
  */
534
530
 
535
- button[disabled],
536
- html input[disabled] {
537
- cursor: default;
531
+ button::-moz-focus-inner,
532
+ [type="button"]::-moz-focus-inner,
533
+ [type="reset"]::-moz-focus-inner,
534
+ [type="submit"]::-moz-focus-inner {
535
+ border-style: none;
536
+ padding: 0;
538
537
  }
539
538
 
540
539
  /**
541
- * Remove inner padding and border in Firefox 4+.
540
+ * Restore the focus styles unset by the previous rule.
542
541
  */
543
542
 
544
- button::-moz-focus-inner,
545
- input::-moz-focus-inner {
546
- border: 0;
547
- padding: 0;
543
+ button:-moz-focusring,
544
+ [type="button"]:-moz-focusring,
545
+ [type="reset"]:-moz-focusring,
546
+ [type="submit"]:-moz-focusring {
547
+ outline: 1px dotted ButtonText;
548
548
  }
549
549
 
550
550
  /**
551
- * Address Firefox 4+ setting `line-height` on `input` using `!important` in
552
- * the UA stylesheet.
551
+ * Show the overflow in Edge.
553
552
  */
554
553
 
555
554
  input {
556
- line-height: normal;
555
+ overflow: visible;
556
+ @if support-for(firefox, 29) {
557
+ // Firefox sets `line-height` using `!important` in the UA stylesheet.
558
+ line-height: normal;
559
+ }
557
560
  }
558
561
 
559
- @if support-for(ie, 10) {
560
- /**
561
- * It's recommended that you don't attempt to style these elements.
562
- * Firefox's implementation doesn't respect box-sizing, padding, or width.
563
- *
564
- * 1. Address box sizing set to `content-box` in IE 8/9/10.
565
- * 2. Remove excess padding in IE 8/9/10.
566
- * 3. Remove excess padding in IE 7.
567
- * Known issue: excess padding remains in IE 6.
568
- */
562
+ /**
563
+ * 1. Add the correct box sizing in IE <11.
564
+ * 2. Remove the padding in IE <11.
565
+ * 3. Remove excess padding in IE 7.
566
+ * Known issue: excess padding remains in IE 6.
567
+ */
569
568
 
570
- input[type="checkbox"],
571
- input[type="radio"] {
572
- box-sizing: border-box; /* 1 */
573
- padding: 0; /* 2 */
574
- @if support-for(ie, 7) {
575
- *height: 13px; /* 3 */
576
- *width: 13px; /* 3 */
577
- }
569
+ [type="checkbox"],
570
+ [type="radio"] {
571
+ box-sizing: border-box; /* 1 */
572
+ padding: 0; /* 2 */
573
+ @if support-for(ie, 7) {
574
+ *height: 13px; /* 3 */
575
+ *width: 13px; /* 3 */
578
576
  }
579
577
  }
580
578
 
581
579
  /**
582
- * Fix the cursor style for Chrome's increment/decrement buttons. For certain
583
- * `font-size` values of the `input`, it causes the cursor style of the
584
- * decrement button to change from `default` to `text`.
580
+ * Correct the cursor style of increment and decrement buttons in Chrome.
585
581
  */
586
582
 
587
- input[type="number"]::-webkit-inner-spin-button,
588
- input[type="number"]::-webkit-outer-spin-button {
583
+ [type="number"]::-webkit-inner-spin-button,
584
+ [type="number"]::-webkit-outer-spin-button {
589
585
  height: auto;
590
586
  }
591
587
 
592
588
  /**
593
- * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
594
- * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
589
+ * 1. Correct the odd appearance in Chrome and Safari.
590
+ * 2. Correct the outline style in Safari.
595
591
  */
596
592
 
597
- input[type="search"] {
593
+ [type="search"] {
598
594
  -webkit-appearance: textfield; /* 1 */
599
- @if support-for(safari, 5) or support-for(chrome, 9) {
600
- -webkit-box-sizing: content-box;
601
- }
602
- box-sizing: content-box; /* 2 */
595
+ outline-offset: -2px; /* 2 */
603
596
 
604
597
  /**
605
- * Remove inner padding and search cancel button in Safari and Chrome on OS X.
606
- * Safari (but not Chrome) clips the cancel button when the search input has
607
- * padding (and `textfield` appearance).
598
+ * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
608
599
  */
609
600
 
610
601
  &::-webkit-search-cancel-button,
@@ -614,7 +605,26 @@ $_normalize-exclude: ();
614
605
  }
615
606
 
616
607
  /**
617
- * Define consistent border, margin, and padding.
608
+ * Correct the text style of placeholders in Chrome, Edge, and Safari.
609
+ */
610
+
611
+ ::-webkit-input-placeholder {
612
+ color: inherit;
613
+ opacity: 0.54;
614
+ }
615
+
616
+ /**
617
+ * 1. Correct the inability to style clickable types in iOS and Safari.
618
+ * 2. Change font properties to `inherit` in Safari.
619
+ */
620
+
621
+ ::-webkit-file-upload-button {
622
+ -webkit-appearance: button; /* 1 */
623
+ font: inherit; /* 2 */
624
+ }
625
+
626
+ /**
627
+ * Change the border, margin, and padding in all browsers (opinionated).
618
628
  */
619
629
 
620
630
  fieldset {
@@ -624,55 +634,39 @@ $_normalize-exclude: ();
624
634
  }
625
635
 
626
636
  /**
627
- * 1. Correct `color` not being inherited in IE 8/9/10/11.
628
- * 2. Remove padding so people aren't caught out if they zero out fieldsets.
629
- * 3. Correct alignment displayed oddly in IE 6/7.
637
+ * 1. Correct the text wrapping in Edge and IE.
638
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
639
+ * 3. Remove the padding so developers are not caught out when they zero out
640
+ * `fieldset` elements in all browsers.
641
+ * 4. Correct alignment displayed oddly in IE 6/7.
630
642
  */
631
643
 
632
644
  legend {
633
- @if support-for(ie, 11) {
634
- border: 0; /* 1 */
635
- }
636
- padding: 0; /* 2 */
645
+ box-sizing: border-box; /* 1 */
646
+ display: table; /* 1 */
647
+ max-width: 100%; /* 1 */
648
+ white-space: normal; /* 1 */
649
+ color: inherit; /* 2 */
650
+ padding: 0; /* 3 */
637
651
  @if support-for(ie, 7) {
638
- *margin-left: -7px; /* 3 */
652
+ *margin-left: -7px; /* 4 */
639
653
  }
640
654
  }
641
655
 
642
656
  /**
643
- * Remove default vertical scrollbar in IE 8/9/10/11.
644
- */
645
-
646
- textarea {
647
- overflow: auto;
648
- }
649
-
650
- /**
651
- * Don't inherit the `font-weight` (applied by a rule above).
652
- * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
657
+ * Restore the font weight unset by a previous rule.
653
658
  */
654
659
 
655
660
  optgroup {
656
661
  font-weight: bold;
657
662
  }
658
- }
659
-
660
- @if _normalize-include(tables) {
661
- /* Tables
662
- ========================================================================== */
663
663
 
664
664
  /**
665
- * Remove most spacing between table cells.
665
+ * Remove the default vertical scrollbar in IE.
666
666
  */
667
667
 
668
- table {
669
- border-collapse: collapse;
670
- border-spacing: 0;
671
- }
672
-
673
- td,
674
- th {
675
- padding: 0;
668
+ textarea {
669
+ overflow: auto;
676
670
  }
677
671
  }
678
672
  }
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: normalize-scss
3
3
  version: !ruby/object:Gem::Version
4
- version: 4.2.1
4
+ version: 5.0.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - John Albin Wilkins
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2016-05-01 00:00:00.000000000 Z
11
+ date: 2016-05-21 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: sass
@@ -49,6 +49,7 @@ files:
49
49
  - sass/normalize/_vertical-rhythm.scss
50
50
  homepage: https://github.com/JohnAlbin/normalize-scss
51
51
  licenses:
52
+ - MIT
52
53
  - GPL-2.0
53
54
  metadata: {}
54
55
  post_install_message:
@@ -66,8 +67,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
66
67
  - !ruby/object:Gem::Version
67
68
  version: '0'
68
69
  requirements: []
69
- rubyforge_project: 4.2.1
70
- rubygems_version: 2.6.2
70
+ rubyforge_project: 5.0.0
71
+ rubygems_version: 2.5.1
71
72
  signing_key:
72
73
  specification_version: 4
73
74
  summary: The Sass version of Normalize.css