Skip to content

Commit a8e7033

Browse files
author
Jonathan Neal
committed
4.1.0 (#576)
1 parent 26b2588 commit a8e7033

File tree

4 files changed

+73
-62
lines changed

4 files changed

+73
-62
lines changed

‎CHANGELOG.md‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,18 @@
11
# Changes to normalize.css
22

3+
### 4.1.0 (April 11, 2016)
4+
5+
* Normalize placeholders in Chrome, Edge, and Safari.
6+
* Normalize `text-decoration-skip` property in Safari.
7+
* Normalize file select buttons.
8+
* Normalize search input outlines in Safari.
9+
* Limit Firefox focus normalizations to buttons.
10+
* Restore `main` to package.json.
11+
* Restore proper overflow to certain `select` elements.
12+
* Remove opinionated cursor styles on buttons.
13+
* Update stylelint configuration
14+
* Update tests
15+
316
### 4.0.0 (March 19, 2016)
417

518
* Add the correct font weight for `b` and `strong` in Chrome, Edge, and Safari.

‎normalize.css‎

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -391,8 +391,7 @@ textarea {
391391
}
392392

393393
/**
394-
* Remove the inner padding and cancel buttons in Chrome on OS X and
395-
* Safari on OS X.
394+
* Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
396395
*/
397396

398397
[type="search"]::-webkit-search-cancel-button,
@@ -411,7 +410,7 @@ textarea {
411410

412411
/**
413412
* 1. Correct the inability to style clickable types in iOS and Safari.
414-
* 2. Change font properties to `inherit` in Chrome and Safari.
413+
* 2. Change font properties to `inherit` in Safari.
415414
*/
416415

417416
::-webkit-file-upload-button {

‎package.json‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "normalize.css",
3-
"version": "4.0.0",
3+
"version": "4.1.0",
44
"description": "A modern alternative to CSS resets",
55
"main": "normalize.css",
66
"style": "normalize.css",
@@ -9,8 +9,8 @@
99
"normalize.css"
1010
],
1111
"devDependencies": {
12-
"stylelint": "^5.1.0",
13-
"stylelint-config-standard": "^4.0.1"
12+
"stylelint": "^5.4.0",
13+
"stylelint-config-standard": "^5.0.0"
1414
},
1515
"scripts": {
1616
"test": "stylelint normalize.css"

‎test.html‎

Lines changed: 55 additions & 56 deletions
Original file line numberDiff line numberDiff line change
@@ -149,6 +149,10 @@ <h3 class="Test-it">should have a transparent background when active</h3>
149149
<div class="Test-run">
150150
<a href="#non">dummy anchor</a>
151151
</div>
152+
<h3 class="Test-it">should not skip underlines</h3>
153+
<div class="Test-run">
154+
<a href="#non">quip and jig</a>
155+
</div>
152156
<h3 class="Test-it">should not have a focus outline when both focused and hovered (opinionated)</h3>
153157
<div class="Test-run">
154158
<a href="#non">dummy anchor</a>
@@ -226,6 +230,16 @@ <h3 class="Test-it">should not overflow</h3>
226230
</svg>
227231
</div>
228232

233+
<h2 class="Test-describe"><code>code</code>, <code>kbd</code>, <code>pre</code>, <code>samp</code></h2>
234+
<h3 class="Test-it">should render text at the same absolute size as normal text</h3>
235+
<div class="Test-run">
236+
<span>span: abcdefghijklmnopqrstuvwxyz.</span><br>
237+
<code>code: abcdefghijklmnopqrstuvwxyz.</code><br>
238+
<kbd>kbd: abcdefghijklmnopqrstuvwxyz.</kbd><br>
239+
<samp>samp: abcdefghijklmnopqrstuvwxyz.</samp>
240+
<pre>pre: abcdefghijklmnopqrstuvwxyz.</pre>
241+
</div>
242+
229243
<h2 class="Test-describe"><code>figure</code></h2>
230244
<h3 class="Test-it">should have margins</h3>
231245
<div class="Test-run" style="outline:1px solid #ADD8E6; overflow:hidden;">
@@ -240,16 +254,6 @@ <h3 class="Test-it">should have a <code>content-box</code> box model</h3>
240254
<hr style="height:2px; border:solid #ADD8E6; border-width:2px 0;">
241255
</div>
242256

243-
<h2 class="Test-describe"><code>code</code>, <code>kbd</code>, <code>pre</code>, <code>samp</code></h2>
244-
<h3 class="Test-it">should render text at the same absolute size as normal text</h3>
245-
<div class="Test-run">
246-
<span>span: abcdefghijklmnopqrstuvwxyz.</span><br>
247-
<code>code: abcdefghijklmnopqrstuvwxyz.</code><br>
248-
<kbd>kbd: abcdefghijklmnopqrstuvwxyz.</kbd><br>
249-
<samp>samp: abcdefghijklmnopqrstuvwxyz.</samp>
250-
<pre>pre: abcdefghijklmnopqrstuvwxyz.</pre>
251-
</div>
252-
253257
<h2 class="Test-describe"><code>button</code>, <code>input</code>, <code>optgroup</code>, <code>select</code>, <code>textarea</code></h2>
254258
<h3 class="Test-it">should inherit <code>font</code> from ancestor</h3>
255259
<div class="Test-run" style="font:bold italic 20px/1 serif;">
@@ -314,14 +318,6 @@ <h3 class="Test-it">should not inherit <code>text-transform</code></h3>
314318
</div>
315319

316320
<h2 class="Test-describe"><code>button</code> and button-style <code>input</code></h2>
317-
<h3 class="Test-it">should have <code>pointer</code> cursor style</h3>
318-
<div class="Test-run">
319-
<p><button>button</button></p>
320-
<p><input type="image" src="http://lorempixel.com/90/24" alt="input (image)"></p>
321-
<p><input type="button" value="input (button)"></p>
322-
<p><input type="reset" value="input (reset)"></p>
323-
<p><input type="submit" value="input (submit)"></p>
324-
</div>
325321
<h3 class="Test-it">should be styleable</h3>
326322
<div class="Test-run" id="button-like-style">
327323
<style>
@@ -334,8 +330,9 @@ <h3 class="Test-it">should be styleable</h3>
334330
}
335331
</style>
336332
<p><button>button</button></p>
337-
<p><input type="image" src="http://lorempixel.com/90/24" alt="input (image)"></p>
333+
<p><input type="image" src="//placehold.it/90x24" alt="input (image)"></p>
338334
<p><input type="button" value="input (button)"></p>
335+
<p><input type="file" value="input (file)"></p>
339336
<p><input type="reset" value="input (reset)"></p>
340337
<p><input type="submit" value="input (submit)"></p>
341338
</div>
@@ -344,7 +341,6 @@ <h2 class="Test-describe">disabled <code>button</code> and <code>input</code></h
344341
<h3 class="Test-it">should have <code>default</code> cursor style</h3>
345342
<div class="Test-run">
346343
<p><button disabled>button</button></p>
347-
<p><input disabled type="image" src="http://lorempixel.com/90/24" alt="input (image)"></p>
348344
<p><input disabled type="button" value="input (button)"></p>
349345
<p><input disabled type="reset" value="input (reset)"></p>
350346
<p><input disabled type="submit" value="input (submit)"></p>
@@ -362,13 +358,46 @@ <h3 class="Test-it">should not have extra inner padding in Firefox</h3>
362358
}
363359
</style>
364360
<p><button>button</button></p>
365-
<p><input value="input (text)"></p>
366361
<p><input type="button" value="input (button)"></p>
367362
<p><input type="reset" value="input (reset)"></p>
368363
<p><input type="submit" value="input (submit)"></p>
369364
</div>
370365

371-
<h2 class="Test-describe"><code>input[type="checkbox"]</code>, <code>input[type="radio"]</code></h2>
366+
<h2 class="Test-describe"><code>fieldset</code></h2>
367+
<h3 class="Test-it">should have consistent border, padding, and margin</h3>
368+
<div class="Test-run">
369+
<fieldset>
370+
<div style="width:100%; height:100px; background:#ADD8E6;"></div>
371+
</fieldset>
372+
</div>
373+
374+
<h2 class="Test-describe"><code>legend</code></h2>
375+
<h3 class="Test-it">should inherit color</h3>
376+
<div class="Test-run" style="color:#ADD8E6;">
377+
<fieldset>
378+
<legend>legend</legend>
379+
</fieldset>
380+
</div>
381+
<h3 class="Test-it">should not have padding</h3>
382+
<div class="Test-run">
383+
<fieldset>
384+
<legend>legend</legend>
385+
</fieldset>
386+
</div>
387+
<h3 class="Test-it">should wrap text</h3>
388+
<div class="Test-run">
389+
<fieldset>
390+
<legend>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et me.</legend>
391+
</fieldset>
392+
</div>
393+
394+
<h2 class="Test-describe"><code>textarea</code></h2>
395+
<h3 class="Test-it">should not have a scrollbar unless overflowing</h3>
396+
<div class="Test-run">
397+
<textarea>textarea</textarea>
398+
</div>
399+
400+
<h2 class="Test-describe"><code>[type="checkbox"]</code>, <code>[type="radio"]</code></h2>
372401
<h3 class="Test-it">should have a <code>border-box</code> box model</h3>
373402
<div class="Test-run Test-run--highlightEl" id="radio-box-model">
374403
<style>
@@ -393,13 +422,13 @@ <h3 class="Test-it">should not have padding</h3>
393422
<input type="radio" name="rad">
394423
</div>
395424

396-
<h2 class="Test-describe"><code>input[type="number"]</code></h2>
425+
<h2 class="Test-describe"><code>[type="number"]</code></h2>
397426
<h3 class="Test-it">should display a default cursor for the decrement button's click target in Chrome</h3>
398427
<div class="Test-run">
399428
<input style="height:50px; font-size:15px;" type="number" id="in" min="0" max="10" value="5">
400429
</div>
401430

402-
<h2 class="Test-describe"><code>input[type="search"]</code></h2>
431+
<h2 class="Test-describe"><code>[type="search"]</code></h2>
403432
<h3 class="Test-it">should be styleable</h3>
404433
<div class="Test-run">
405434
<input type="search" style="border:1px solid #ADD8E6; padding:10px; width:200px;">
@@ -408,39 +437,9 @@ <h3 class="Test-it">should not have a cancel button in Safari or Chrome</h3>
408437
<div class="Test-run">
409438
<input type="search" value="search">
410439
</div>
411-
412-
<h2 class="Test-describe"><code>fieldset</code></h2>
413-
<h3 class="Test-it">should have consistent border, padding, and margin</h3>
440+
<h3 class="Test-it">should reference inherited color</h3>
414441
<div class="Test-run">
415-
<fieldset>
416-
<div style="width:100%; height:100px; background:#ADD8E6;"></div>
417-
</fieldset>
418-
</div>
419-
420-
<h2 class="Test-describe"><code>legend</code></h2>
421-
<h3 class="Test-it">should inherit color</h3>
422-
<div class="Test-run" style="color:#ADD8E6;">
423-
<fieldset>
424-
<legend>legend</legend>
425-
</fieldset>
426-
</div>
427-
<h3 class="Test-it">should not have padding</h3>
428-
<div class="Test-run">
429-
<fieldset>
430-
<legend>legend</legend>
431-
</fieldset>
432-
</div>
433-
<h3 class="Test-it">should wrap text</h3>
434-
<div class="Test-run">
435-
<fieldset>
436-
<legend>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et me.</legend>
437-
</fieldset>
438-
</div>
439-
440-
<h2 class="Test-describe"><code>textarea</code></h2>
441-
<h3 class="Test-it">should not have a scrollbar unless overflowing</h3>
442-
<div class="Test-run">
443-
<textarea>textarea</textarea>
442+
<input type="text" placeholder="Text goes here" style="background-color: black; color: orange;">
444443
</div>
445444

446445
</div>

0 commit comments

Comments
 (0)