should be styleable
should have a content-box box model
-
-
-
-
- should not have a cancel button in Safari or Chrome
From bb55babbd1fc484861398692db06d62a495c8e7d Mon Sep 17 00:00:00 2001
From: Paul Radzkov
Date: Thu, 12 Jun 2014 00:40:23 +0300
Subject: [PATCH 07/88] Address inconsistent styling of b and strong
---
CHANGELOG.md | 2 ++
normalize.css | 11 +++++++++--
2 files changed, 11 insertions(+), 2 deletions(-)
diff --git a/CHANGELOG.md b/CHANGELOG.md
index aaa7a8f6a..f62888e6a 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,7 @@
=== HEAD
+* Address inconsistent styling of b and strong.
+
=== 3.0.3 (March 30, 2015)
* Remove unnecessary vendor prefixes.
diff --git a/normalize.css b/normalize.css
index 74052f483..2eee4fbb8 100644
--- a/normalize.css
+++ b/normalize.css
@@ -111,12 +111,19 @@ abbr[title] {
}
/**
- * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
+ * Address inconsistent styling of b and strong.
+ * 1. Correct duplicate application of `bolder` in Safari 6.0.2.
+ * 2. Correct style set to `bold` in Edge 12+, Safari 6.2+, and Chrome 18+.
*/
b,
strong {
- font-weight: bold;
+ font-weight: inherit; /* 1 */
+}
+
+b,
+strong {
+ font-weight: bolder; /* 2 */
}
/**
From 46e3e0554c7b81fbfa5cfa1d1531e63f860bb741 Mon Sep 17 00:00:00 2001
From: James Nowland
Date: Mon, 1 Dec 2014 15:56:54 +1100
Subject: [PATCH 08/88] Normalize `hr` overflow
Address IE 8,9,10,11 setting overflow to hidden.
---
CHANGELOG.md | 1 +
normalize.css | 9 ++++++---
2 files changed, 7 insertions(+), 3 deletions(-)
diff --git a/CHANGELOG.md b/CHANGELOG.md
index f62888e6a..9030498b8 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,6 +1,7 @@
=== HEAD
* Address inconsistent styling of b and strong.
+* Correct `hr` overflow in IE 8/9/10/11 and Edge 12.
=== 3.0.3 (March 30, 2015)
diff --git a/normalize.css b/normalize.css
index 2eee4fbb8..e3061d469 100644
--- a/normalize.css
+++ b/normalize.css
@@ -212,12 +212,15 @@ figure {
}
/**
- * Address differences between Firefox and other browsers.
+ * Address inconsistent styling of `hr`.
+ * 1. Correct `box-sizing` set to `border-box` in Firefox.
+ * 2. Correct `overflow` set to `hidden` in IE 8/9/10/11 and Edge 12.
*/
hr {
- box-sizing: content-box;
- height: 0;
+ box-sizing: content-box; /* 1 */
+ height: 0; /* 1 */
+ overflow: visible; /* 2 */
}
/**
From 5973b6a6e8ff03d23e0a178e4c59ba8a7989a26d Mon Sep 17 00:00:00 2001
From: Dominic Magnifico
Date: Thu, 21 Jan 2016 21:59:13 -0700
Subject: [PATCH 09/88] Ensure long-hand background declaration usage for
consistency.
---
CHANGELOG.md | 1 +
normalize.css | 2 +-
2 files changed, 2 insertions(+), 1 deletion(-)
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 9030498b8..f192b5a08 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,6 +2,7 @@
* Address inconsistent styling of b and strong.
* Correct `hr` overflow in IE 8/9/10/11 and Edge 12.
+* Ensure `mark` long-hand background declaration usage.
=== 3.0.3 (March 30, 2015)
diff --git a/normalize.css b/normalize.css
index e3061d469..9cd1fb2af 100644
--- a/normalize.css
+++ b/normalize.css
@@ -149,7 +149,7 @@ h1 {
*/
mark {
- background: #ff0;
+ background-color: #ff0;
color: #000;
}
From b5ffb63df1956220d79d3a56d88d8b934d99febe Mon Sep 17 00:00:00 2001
From: Dominic Magnifico
Date: Thu, 21 Jan 2016 23:50:18 -0700
Subject: [PATCH 10/88] Remove color inheritance for button, input, optgroup,
select and textarea elements. Color inheritance here causes possible
usability issues when working on black backgrounds with white text. Addresses
#349 and #339.
---
normalize.css | 11 ++++-------
1 file changed, 4 insertions(+), 7 deletions(-)
diff --git a/normalize.css b/normalize.css
index 9cd1fb2af..ae781439d 100644
--- a/normalize.css
+++ b/normalize.css
@@ -252,10 +252,8 @@ samp {
*/
/**
- * 1. Correct color not being inherited.
- * Known issue: affects color of disabled elements.
- * 2. Correct font properties not being inherited.
- * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
+ * 1. Correct font properties not being inherited.
+ * 2. Address margins set differently in Firefox 4+, Safari, and Chrome.
*/
button,
@@ -263,9 +261,8 @@ input,
optgroup,
select,
textarea {
- color: inherit; /* 1 */
- font: inherit; /* 2 */
- margin: 0; /* 3 */
+ font: inherit; /* 1 */
+ margin: 0; /* 2 */
}
/**
From faf5abcb3f397c1ae1e74d57283313adfb097918 Mon Sep 17 00:00:00 2001
From: Dominic Magnifico
Date: Thu, 21 Jan 2016 23:51:06 -0700
Subject: [PATCH 11/88] Remove unnecessary color inheritance test now that it
has been removed from form elements.
---
test.html | 12 ------------
1 file changed, 12 deletions(-)
diff --git a/test.html b/test.html
index c33eff1af..ab5efdb67 100644
--- a/test.html
+++ b/test.html
@@ -258,18 +258,6 @@ should render
should render em-unit preformatted text at the
button, input, optgroup, select, textarea
- should inherit color from ancestor
-
-
-
-
- -
-
-
- -
should inherit font from ancestor
From a3531ef27b26719dccfbec33890f2a067fdb830e Mon Sep 17 00:00:00 2001 From: Jonathan Neal
input
- should not inherit line-height
-
-
-
-
input[type="checkbox"], input[type="radio"]
should have a border-box box model
From f19fc5bbe4732ac31e3ce0045c95f88135c27959 Mon Sep 17 00:00:00 2001
From: Jonathan Neal
Date: Wed, 16 Mar 2016 00:59:20 -0400
Subject: [PATCH 28/88] Update the dfn support message
---
normalize.css | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/normalize.css b/normalize.css
index ecec996ef..e19d379ca 100644
--- a/normalize.css
+++ b/normalize.css
@@ -130,7 +130,7 @@ strong {
}
/**
- * Address styling not present in Safari and Chrome.
+ * Address styling not present in Android < 4.4.
*/
dfn {
From 500092a1812b0f041e3823e1d716d30ad2440d72 Mon Sep 17 00:00:00 2001
From: Jonathan Neal
Date: Thu, 17 Mar 2016 10:55:40 -0400
Subject: [PATCH 29/88] Only normalize border-style on img
---
normalize.css | 4 ++--
1 file changed, 2 insertions(+), 2 deletions(-)
diff --git a/normalize.css b/normalize.css
index decb3250f..ae57050cc 100644
--- a/normalize.css
+++ b/normalize.css
@@ -188,11 +188,11 @@ sub {
========================================================================== */
/**
- * Remove border when inside `a` element in IE 8/9/10.
+ * Correct border-style given when inside `a` element in IE 8/9/10.
*/
img {
- border: 0;
+ border-style: none;
}
/**
From cbdd0b1683304ab9132e572dc0a53f927f56d833 Mon Sep 17 00:00:00 2001
From: Jonathan Neal
Date: Thu, 17 Mar 2016 21:33:55 -0400
Subject: [PATCH 30/88] Correct wrapping not present in IE8/9/10/11 and Edge
12/13
---
normalize.css | 13 +++++++++----
test.html | 6 ++++++
2 files changed, 15 insertions(+), 4 deletions(-)
diff --git a/normalize.css b/normalize.css
index ae57050cc..49fcdecf1 100644
--- a/normalize.css
+++ b/normalize.css
@@ -388,13 +388,18 @@ fieldset {
}
/**
- * 1. Correct `color` not being inherited from fieldset in IE 8/9/10/11.
- * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ * 1. Correct wrapping not present in IE8/9/10/11 and Edge 12/13.
+ * 2. Correct `color` not being inherited from fieldset in IE 8/9/10/11.
+ * 3. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
- color: inherit; /* 1 */
- padding: 0; /* 2 */
+ box-sizing: border-box; /* 1 */
+ color: inherit; /* 2 */
+ display: table; /* 1 */
+ max-width: 100%; /* 1 */
+ padding: 0; /* 3 */
+ white-space: normal; /* 1 */
}
/**
diff --git a/test.html b/test.html
index d5a0015f7..db56a9ed8 100644
--- a/test.html
+++ b/test.html
@@ -437,6 +437,12 @@
+ should not have padding
should wrap text
+
+
+
textarea
should not have a scrollbar unless overflowing
From 9a3b1b32f460cdac60d934aad59cf498bd515d6e Mon Sep 17 00:00:00 2001 From: Jonathan Nealshould have a content-box box model
-
pre
- should trigger a scrollbar when too wide for its container
-
-
-
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et me.-
code, kbd, pre, samp
should render em-unit preformatted text at the same absolute size as normal text
From 3123b8e9f5923fd06e4eeb9e0727b7cc42fd94f6 Mon Sep 17 00:00:00 2001
From: Jonathan Neal
Date: Sat, 19 Mar 2016 17:00:31 -0400
Subject: [PATCH 34/88] Update project configuration
---
.editorconfig | 12 ++++++++++++
.stylelintrc | 34 ----------------------------------
bower.json | 17 +++++++++++++++++
package.json | 24 ++++++++++++++----------
4 files changed, 43 insertions(+), 44 deletions(-)
create mode 100644 .editorconfig
delete mode 100644 .stylelintrc
create mode 100644 bower.json
diff --git a/.editorconfig b/.editorconfig
new file mode 100644
index 000000000..4039ff111
--- /dev/null
+++ b/.editorconfig
@@ -0,0 +1,12 @@
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+indent_size = 2
+indent_style = space
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.md]
+trim_trailing_whitespace = false
diff --git a/.stylelintrc b/.stylelintrc
deleted file mode 100644
index 64dead837..000000000
--- a/.stylelintrc
+++ /dev/null
@@ -1,34 +0,0 @@
-{
- "rules": {
- "block-closing-brace-newline-after": "always",
- "block-closing-brace-newline-before": "always",
- "block-no-empty": true,
- "block-opening-brace-newline-after": "always",
- "block-opening-brace-space-before": "always",
- "color-hex-case": "lower",
- "color-hex-length": "short",
- "color-no-invalid-hex": true,
- "comment-empty-line-before": "always",
- "comment-whitespace-inside": "always",
- "declaration-block-no-single-line": true,
- "declaration-block-semicolon-newline-after": "always",
- "declaration-block-semicolon-space-before": "never",
- "declaration-colon-space-after": "always",
- "declaration-colon-space-before": "never",
- "indentation": 2,
- "max-empty-lines": 1,
- "max-line-length": 80,
- "no-eol-whitespace": true,
- "no-missing-eof-newline": true,
- "number-leading-zero": "always",
- "number-no-trailing-zeros": true,
- "rule-trailing-semicolon": "always",
- "selector-combinator-space-after": "always",
- "selector-combinator-space-before": "always",
- "selector-list-comma-newline-after": "always",
- "selector-list-comma-space-before": "never",
- "string-quotes": "double",
- "value-list-comma-space-after": "always",
- "value-list-comma-space-before": "never"
- }
-}
diff --git a/bower.json b/bower.json
new file mode 100644
index 000000000..e8f0d67e0
--- /dev/null
+++ b/bower.json
@@ -0,0 +1,17 @@
+{
+ "name": "normalize-css",
+ "description": "A modern alternative to CSS resets",
+ "main": "normalize.css",
+ "authors": [
+ "Jonathan Neal (http://jonathantneal.com/)",
+ "Nicolas Gallagher (http://nicolasgallagher.com/)"
+ ],
+ "license": "MIT",
+ "ignore": [
+ "CHANGELOG.md",
+ "CONTRIBUTING.md",
+ "package.json",
+ "README.md",
+ "test.html"
+ ]
+}
diff --git a/package.json b/package.json
index de7339260..e14926562 100644
--- a/package.json
+++ b/package.json
@@ -1,24 +1,28 @@
{
"name": "normalize.css",
"version": "3.0.3",
- "description": "Normalize.css as a node packaged module",
+ "description": "A modern alternative to CSS resets",
"style": "normalize.css",
"files": [
"LICENSE.md",
"normalize.css"
],
- "homepage": "http://necolas.github.io/normalize.css",
- "repository": {
- "type": "git",
- "url": "git://github.com/necolas/normalize.css.git"
- },
- "main": "normalize.css",
- "author": "Nicolas Gallagher",
- "license": "MIT",
"devDependencies": {
- "stylelint": "^4.2.0"
+ "stylelint": "^5.1.0",
+ "stylelint-config-standard": "^4.0.1"
},
"scripts": {
"test": "stylelint normalize.css"
+ },
+ "repository": "necolas/normalize.css",
+ "contributors": [
+ "Jonathan Neal (http://jonathantneal.com/)",
+ "Nicolas Gallagher (http://nicolasgallagher.com/)"
+ ],
+ "license": "MIT",
+ "bugs": "https://github.com/necolas/normalize.css/issues",
+ "homepage": "https://necolas.github.io/normalize.css#readme",
+ "stylelint": {
+ "extends": "stylelint-config-standard"
}
}
From 0c90242399c09af53850d52e992c977a538a8424 Mon Sep 17 00:00:00 2001
From: battaglr
Date: Sat, 19 Mar 2016 17:01:16 -0400
Subject: [PATCH 35/88] Update and organize the normalize.css file
---
normalize.css | 285 +++++++++++++++++++++++++-------------------------
1 file changed, 145 insertions(+), 140 deletions(-)
diff --git a/normalize.css b/normalize.css
index eb8610a4b..0919059eb 100644
--- a/normalize.css
+++ b/normalize.css
@@ -1,9 +1,8 @@
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
- * 1. Set default font family to sans-serif (opinionated).
- * 2. Prevent iOS and IE text size adjust after device orientation change,
- * without disabling user zoom.
+ * 1. Change the default font family in all browsers (opinionated).
+ * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
*/
html {
@@ -13,7 +12,7 @@ html {
}
/**
- * Remove default margin (opinionated).
+ * Remove the margin in all browsers (opinionated).
*/
body {
@@ -24,42 +23,39 @@ body {
========================================================================== */
/**
- * Correct `block` display not defined for any HTML5 element in IE 8/9.
- * Correct `block` display not defined for `details` or `summary` in IE 10/11
- * and Firefox.
- * Correct `block` display not defined for `main` in IE 11.
+ * Add the correct display in IE 9-.
+ * 1. Add the correct display in Edge, IE, and Firefox.
+ * 2. Add the correct display in IE.
*/
article,
aside,
-details,
+details, /* 1 */
figcaption,
figure,
footer,
header,
-main,
+main, /* 2 */
menu,
nav,
section,
-summary {
+summary { /* 1 */
display: block;
}
/**
- * 1. Correct `inline-block` display not defined in IE 8/9.
- * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
+ * Add the correct display in IE 9-.
*/
audio,
canvas,
progress,
video {
- display: inline-block; /* 1 */
- vertical-align: baseline; /* 2 */
+ display: inline-block;
}
/**
- * Prevent displaying `audio` without controls in Mobile Safari 4/5/6/7.
+ * Add the correct display in iOS 4-7.
*/
audio:not([controls]) {
@@ -68,12 +64,20 @@ audio:not([controls]) {
}
/**
- * Address `[hidden]` styling not present in IE 8/9/10.
- * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
+ * Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
-[hidden],
-template {
+progress {
+ vertical-align: baseline;
+}
+
+/**
+ * Add the correct display in IE 10-.
+ * 1. Add the correct display in IE.
+ */
+
+template, /* 1 */
+[hidden] {
display: none;
}
@@ -81,7 +85,7 @@ template {
========================================================================== */
/**
- * Remove the gray background color from active links in IE 10.
+ * Remove the gray background on active links in IE 10.
*/
a {
@@ -89,8 +93,8 @@ a {
}
/**
- * Improve readability of focused elements when they are also in an
- * active/hover state (opinionated).
+ * Remove the outline on focused links when they are also active or hovered
+ * in all browsers (opinionated).
*/
a:active,
@@ -102,9 +106,8 @@ a:hover {
========================================================================== */
/**
- * Address inconsistent styling of `abbr[title]`.
- * 1. Correct styling in Firefox 39 and Opera 12.
- * 2. Correct missing styling in Chrome, Edge, IE, Opera, and Safari.
+ * 1. Remove the bottom border in Firefox 39-.
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
@@ -114,23 +117,25 @@ abbr[title] {
}
/**
- * Address inconsistent styling of b and strong.
- * 1. Correct duplicate application of `bolder` in Safari 6.0.2.
- * 2. Correct style set to `bold` in Edge 12+, Safari 6.2+, and Chrome 18+.
+ * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
*/
b,
strong {
- font-weight: inherit; /* 1 */
+ font-weight: inherit;
}
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+
b,
strong {
- font-weight: bolder; /* 2 */
+ font-weight: bolder;
}
/**
- * Address styling not present in Android < 4.4.
+ * Add the correct font style in Android 4.3-.
*/
dfn {
@@ -138,8 +143,8 @@ dfn {
}
/**
- * Address variable `h1` font-size and margin within `section` and `article`
- * contexts in Firefox 4+, Safari, and Chrome.
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
@@ -148,7 +153,7 @@ h1 {
}
/**
- * Address styling not present in IE 8/9.
+ * Add the correct background and color in IE 9-.
*/
mark {
@@ -157,7 +162,7 @@ mark {
}
/**
- * Address inconsistent and variable font size in all browsers.
+ * Add the correct font size in all browsers.
*/
small {
@@ -165,7 +170,8 @@ small {
}
/**
- * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+ * Prevent `sub` and `sup` elements from affecting the line height in
+ * all browsers.
*/
sub,
@@ -176,19 +182,19 @@ sup {
vertical-align: baseline;
}
-sup {
- top: -0.5em;
-}
-
sub {
bottom: -0.25em;
}
+sup {
+ top: -0.5em;
+}
+
/* Embedded content
========================================================================== */
/**
- * Correct border-style given when inside `a` element in IE 8/9/10.
+ * Remove the border on images inside links in IE 10-.
*/
img {
@@ -196,7 +202,7 @@ img {
}
/**
- * Correct overflow not hidden in IE 9/10/11.
+ * Hide the overflow in IE.
*/
svg:not(:root) {
@@ -207,7 +213,20 @@ svg:not(:root) {
========================================================================== */
/**
- * Address margin not present in IE 8/9 and Safari.
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+code,
+kbd,
+pre,
+samp {
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
+}
+
+/**
+ * Add the correct margin in IE 8.
*/
figure {
@@ -215,9 +234,8 @@ figure {
}
/**
- * Address inconsistent styling of `hr`.
- * 1. Correct `box-sizing` set to `border-box` in Firefox.
- * 2. Correct `overflow` set to `hidden` in IE 8/9/10/11 and Edge 12.
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Show the overflow in Edge and IE.
*/
hr {
@@ -226,76 +244,64 @@ hr {
overflow: visible; /* 2 */
}
-/**
- * 1. Correct inheritance and scaling of font-size for preformatted text.
- * 2. Address odd `em`-unit font size rendering in all browsers.
- */
-
-code,
-kbd,
-pre,
-samp {
- font-family: monospace, monospace; /* 1 */
- font-size: 1em; /* 2 */
-}
-
/* Forms
========================================================================== */
/**
- * Known limitation: by default, Chrome and Safari on OS X allow very limited
- * styling of `select`, unless a `border` property is set.
- */
-
-/**
- * 1. Correct font properties not being inherited.
- * 2. Address margins set differently in Firefox 4+, Safari, and Chrome.
+ * Change font properties to `inherit` in all browsers (opinionated).
*/
button,
input,
-optgroup,
select,
textarea {
- font: inherit; /* 1 */
- margin: 0; /* 2 */
+ font: inherit;
}
/**
- * Address `overflow` set to `hidden` in IE 8/9/10/11.
+ * Restore the font weight unset by the previous rule.
*/
-button {
+optgroup {
+ font-weight: bold;
+}
+
+/**
+ * Show the overflow in IE.
+ * 1. Show the overflow in Edge.
+ * 2. Show the overflow in Edge, Firefox, and IE.
+ */
+
+button,
+input, /* 1 */
+select { /* 2 */
overflow: visible;
}
/**
- * Address inconsistent `text-transform` inheritance for `button` and `select`.
- * All other form control elements do not inherit `text-transform` values.
- * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
- * Correct `select` style inheritance in Firefox.
+ * Remove the margin in Safari.
+ * 1. Remove the margin in Firefox and Safari.
*/
button,
-select {
- text-transform: none;
+input,
+select,
+textarea { /* 1 */
+ margin: 0;
}
/**
- * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
- * and `video` controls.
- * 2. Correct inability to style clickable `input` types in iOS.
+ * Remove the inheritence of text transform in Edge, Firefox, and IE.
+ * 1. Remove the inheritence of text transform in Firefox.
*/
button,
-html [type="button"], /* 1 */
-[type="reset"],
-[type="submit"] {
- -webkit-appearance: button; /* 2 */
+select { /* 1 */
+ text-transform: none;
}
/**
- * Improve consistency of cursor style between image-type `input` and others.
+ * Change the cursor in all browsers (opinionated).
*/
button,
@@ -306,7 +312,7 @@ button,
}
/**
- * Re-set default cursor for disabled elements.
+ * Restore the default cursor to disabled elements unset by the previous rule.
*/
[disabled] {
@@ -314,7 +320,20 @@ button,
}
/**
- * Remove inner padding and border in Firefox 4+.
+ * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
+ * controls in Android 4.
+ * 2. Correct the inability to style clickable types in iOS.
+ */
+
+button,
+html [type="button"], /* 1 */
+[type="reset"],
+[type="submit"] {
+ -webkit-appearance: button; /* 2 */
+}
+
+/**
+ * Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
@@ -324,7 +343,7 @@ input::-moz-focus-inner {
}
/**
- * Restore focus style in Firefox 4+ (unset by a rule above)
+ * Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
@@ -333,87 +352,73 @@ input:-moz-focusring {
}
/**
- * It's recommended that you don't attempt to style these elements.
- * Firefox's implementation doesn't respect box-sizing, padding, or width.
- *
- * 1. Address box sizing set to `content-box` in IE 8/9/10.
- * 2. Remove excess padding in IE 8/9/10.
- */
-
-[type="checkbox"],
-[type="radio"] {
- box-sizing: border-box; /* 1 */
- padding: 0; /* 2 */
-}
-
-/**
- * Fix the cursor style for Chrome's increment/decrement buttons. For certain
- * `font-size` values of the `input`, it causes the cursor style of the
- * decrement button to change from `default` to `text`.
+ * Change the border, margin, and padding in all browsers (opinionated).
*/
-[type="number"]::-webkit-inner-spin-button,
-[type="number"]::-webkit-outer-spin-button {
- height: auto;
+fieldset {
+ border: 1px solid #c0c0c0;
+ margin: 0 2px;
+ padding: 0.35em 0.625em 0.75em;
}
/**
- * Address `appearance` set to `searchfield` in Safari and Chrome.
+ * 1. Correct the text wrapping in Edge and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ * 3. Remove the padding so developers are not caught out when they zero out
+ * `fieldset` elements in all browsers.
*/
-[type="search"] {
- -webkit-appearance: textfield;
+legend {
+ box-sizing: border-box; /* 1 */
+ color: inherit; /* 2 */
+ display: table; /* 1 */
+ max-width: 100%; /* 1 */
+ padding: 0; /* 3 */
+ white-space: normal; /* 1 */
}
/**
- * Remove inner padding and search cancel button in Safari and Chrome on OS X.
- * Safari (but not Chrome) clips the cancel button when the search input has
- * padding (and `textfield` appearance).
+ * Remove the default vertical scrollbar in IE.
*/
-[type="search"]::-webkit-search-cancel-button,
-[type="search"]::-webkit-search-decoration {
- -webkit-appearance: none;
+textarea {
+ overflow: auto;
}
/**
- * Define consistent border, margin, and padding.
+ * 1. Add the correct box sizing in IE 10-.
+ * 2. Remove the padding in IE 10-.
*/
-fieldset {
- border: 1px solid #c0c0c0;
- margin: 0 2px;
- padding: 0.35em 0.625em 0.75em;
+[type="checkbox"],
+[type="radio"] {
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
}
/**
- * 1. Correct wrapping not present in IE8/9/10/11 and Edge 12/13.
- * 2. Correct `color` not being inherited from fieldset in IE 8/9/10/11.
- * 3. Remove padding so people aren't caught out if they zero out fieldsets.
+ * Correct the cursor style of increment and decrement buttons in Chrome.
*/
-legend {
- box-sizing: border-box; /* 1 */
- color: inherit; /* 2 */
- display: table; /* 1 */
- max-width: 100%; /* 1 */
- padding: 0; /* 3 */
- white-space: normal; /* 1 */
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+ height: auto;
}
/**
- * Remove default vertical scrollbar in IE 8/9/10/11.
+ * Correct the odd appearance of search inputs in Chrome and Safari.
*/
-textarea {
- overflow: auto;
+[type="search"] {
+ -webkit-appearance: textfield;
}
/**
- * Restore font weight (unset by a rule above).
- * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
+ * Remove the inner padding and cancel buttons in Chrome on OS X and
+ * Safari on OS X.
*/
-optgroup {
- font-weight: bold;
+[type="search"]::-webkit-search-cancel-button,
+[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
}
From 7f2eaef38d5a55c9a1707ae0f6fd1f050cf8fdcf Mon Sep 17 00:00:00 2001
From: Jonathan Neal
Date: Sat, 19 Mar 2016 17:11:59 -0400
Subject: [PATCH 36/88] Update documentation and tests
---
CHANGELOG.md | 79 ++++++++++++++++++++++-------------
CONTRIBUTING.md | 46 ++++++++++++++++++---
LICENSE.md | 4 +-
README.md | 107 ++++++++++++++++++++++++++++++++----------------
test.html | 57 +++-----------------------
5 files changed, 172 insertions(+), 121 deletions(-)
diff --git a/CHANGELOG.md b/CHANGELOG.md
index ea49be831..ac6a5c987 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,31 +1,50 @@
-=== HEAD
-
-* Address inconsistent styling of b and strong.
-* Correct `hr` overflow in IE 8/9/10/11 and Edge 12.
-* Ensure `mark` long-hand background declaration usage.
-* Remove color inheritance from form controls.
-* Address inconsistent styling of abbr[title].
-* Correct inheritance and scaling of font-size for preformatted text.
-* Replace focus style removed in the border reset in Firefox 4+.
+# Changes to normalize.css
+
+### HEAD
+
+* Add the correct font weight for `b` and `strong` in Chrome, Edge, and Safari.
+* Correct inconsistent `overflow` for `hr` in Edge and IE.
+* Correct inconsistent `box-sizing` for `hr` in Firefox.
+* Correct inconsistent `text-decoration` and `border-bottom` for `abbr[title]`
+ in Chrome, Edge, Firefox IE, Opera, and Safari.
+* Correct inheritance and scaling of `font-size` for preformatted text.
+* Correct `legend` text wrapping not present in Edge and IE.
+* Remove unnecessary normalization of `line-height` for `input`.
+* Remove unnecessary normalization of `color` for form controls.
+* Remove unnecessary `box-sizing` for `input[type="search"]` in Chrome, Edge,
+ Firefox, IE, and Safari.
* Remove opinionated table resets.
-
-=== 3.0.3 (March 30, 2015)
+* Remove opinionated `pre` overflow.
+* Remove selector weight from some input selectors.
+* Update normalization of `border-style` for `img`.
+* Update normalization of `color` inheritance for `legend`.
+* Update normalization of `background-color` for `mark`.
+* Update normalization of `outline` for `:-moz-focusring` removed by a previous
+ normalization in Firefox.
+* Update opinionated style of `outline-width` for `a:active` and `a:hover`.
+* Update comments to identify opinionated styles.
+* Update comments to specify browser/versions affected by all changes.
+* Update comments to use one voice.
+
+---
+
+### 3.0.3 (March 30, 2015)
* Remove unnecessary vendor prefixes.
* Add `main` property.
-=== 3.0.2 (October 4, 2014)
+### 3.0.2 (October 4, 2014)
* Only alter `background-color` of links in IE 10.
* Add `menu` element to HTML5 display definitions.
-=== 3.0.1 (March 27, 2014)
+### 3.0.1 (March 27, 2014)
* Add package.json for npm support.
-=== 3.0.0 (January 28, 2014)
+### 3.0.0 (January 28, 2014)
-=== 3.0.0-rc.1 (January 26, 2014)
+### 3.0.0-rc.1 (January 26, 2014)
* Explicit tests for each normalization.
* Fix i18n for `q` element.
@@ -41,21 +60,23 @@
* Set correct display for `progress` in IE 8/9.
* Fix `font` and `color` inheritance for forms.
-=== 2.1.3 (August 26, 2013)
+---
+
+### 2.1.3 (August 26, 2013)
* Fix component.json.
* Remove the gray background color from active links in IE 10.
-=== 2.1.2 (May 11, 2013)
+### 2.1.2 (May 11, 2013)
* Revert root `color` and `background` normalizations.
-=== 2.1.1 (April 8, 2013)
+### 2.1.1 (April 8, 2013)
* Normalize root `color` and `background` to counter the effects of system
color schemes.
-=== 2.1.0 (January 21, 2013)
+### 2.1.0 (January 21, 2013)
* Normalize `text-transform` for `button` and `select`.
* Normalize `h1` margin when within HTML5 sectioning elements.
@@ -64,11 +85,11 @@
* Add `main` element to HTML5 display definitions.
* Fix cursor style for disabled button `input`.
-=== 2.0.1 (August 20, 2012)
+### 2.0.1 (August 20, 2012)
* Remove stray IE 6/7 `inline-block` hack from HTML5 display settings.
-=== 2.0.0 (August 19, 2012)
+### 2.0.0 (August 19, 2012)
* Remove legacy browser form normalizations.
* Remove all list normalizations.
@@ -77,19 +98,21 @@
* Form elements automatically inherit `font-family` from ancestor.
* Drop support for IE 6/7, Firefox < 4, and Safari < 5.
-=== 1.0.1 (August 19, 2012)
+---
+
+### 1.0.1 (August 19, 2012)
* Adjust `small` font size normalization.
-=== 1.0.0 (August 14, 2012)
+### 1.0.0 (August 14, 2012)
(Only the notable changes since public release)
* Add MIT License.
-* Hide `audio` elements without controls in iOS 5 (#69).
+* Hide `audio` elements without controls in iOS 5.
* Normalize heading margins and font size.
-* Move font-family normalization from `body` to `html` (#62).
-* Remove scrollbar normalization (#64 #65).
-* Remove excess padding from checkbox and radio inputs in IE 7 (#42).
-* Add IE9 correction for SVG overflow (#16).
+* Move font-family normalization from `body` to `html`.
+* Remove scrollbar normalization.
+* Remove excess padding from checkbox and radio inputs in IE 7.
+* Add IE9 correction for SVG overflow.
* Add fix for legend not inheriting color in IE 6/7/8/9.
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index 30fa608eb..434ca45d2 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -21,7 +21,6 @@ requests](#pull-requests), but please respect the following restrictions:
respect the opinions of others.
-
## Bug reports
A bug is a _demonstrable problem_ that is caused by the code in the repository.
@@ -64,7 +63,6 @@ Example:
> merits).
-
## Feature requests
Feature requests are welcome. But take a moment to find out whether your idea
@@ -73,7 +71,6 @@ case to convince the project's developers of the merits of this feature. Please
provide as much detail and context as possible.
-
## Pull requests
Good pull requests - patches, improvements, new features - are a fantastic
@@ -90,7 +87,7 @@ accurate comments, etc.) and any other requirements (such as test coverage).
Follow this process if you'd like your work considered for inclusion in the
project:
-1. [Fork](http://help.github.com/fork-a-repo/) the project, clone your fork,
+1. [Fork](https://help.github.com/articles/fork-a-repo/) the project, clone your fork,
and configure the remotes:
```bash
@@ -122,9 +119,19 @@ project:
[interactive rebase](https://help.github.com/articles/interactive-rebase)
feature to tidy up your commits before making them public.
- Make sure to add a test to the `test.html` file if appropriate, and test
+ Be sure to test the `normalize.css` file for style conformance.
+
+ ```bash
+ npm test
+ ```
+
+ Be sure to add a test to the `test.html` file if appropriate, and test
your change in all supported browsers.
+ ```bash
+ git pull --rebase upstream master
+ ```
+
5. Locally rebase the upstream development branch into your topic branch:
```bash
@@ -146,8 +153,24 @@ project:
**IMPORTANT**: By submitting a patch, you agree to allow the project owner to
license your work under the same license as that used by the project.
+### CSS Conventions
+
+Keep the CSS file as readable as possible by following these guidelines:
+
+- Comments are short and to the point.
+- Comments without a number reference the entire rule.
+- Comments describe the selector when the selector does not make the
+ normalization obvious.
+- Comments begin with “Correct the...” when they deal with less obvious side
+ effects.
+- Rules are sorted by cascade, specificity, and then alphabetic order.
+- Selectors are sorted by specificity and then alphabetic order.
+- `in browser` applies to all versions.
+- `in browser v-` applies to all versions up to and including the version.
+- `in browser v+` applies to all versions after and including the version.
+- `in browser v-v` applies to all versions including and between the versions.
+
-
## Maintainers
If you have commit access, please follow this process for merging patches and
@@ -175,3 +198,14 @@ cutting new releases.
4. Create an annotated tag for the version: `git tag -m "v0.0.0" 0.0.0`.
5. Push the changes and tags to GitHub: `git push --tags origin master`
6. Checkout the `gh-pages` branch and follow the instructions in the README.
+
+### Semver strategy
+
+[Semver](http://semver.org/) is a widely accepted method for deciding how
+version numbers are incremented in a project. Versions are written as
+MAJOR.MINOR.PATCH.
+
+Changes limited to fallback declarations for browsers which do not support
+newer features produce a PATCH release.
+
+Changes limited to normalizations for older browsers produce a MINOR release.
diff --git a/LICENSE.md b/LICENSE.md
index c6bcc9bf2..43b5ddcc9 100644
--- a/LICENSE.md
+++ b/LICENSE.md
@@ -1,4 +1,6 @@
-Copyright (c) Nicolas Gallagher and Jonathan Neal
+# The MIT License (MIT)
+
+Copyright © Nicolas Gallagher and Jonathan Neal
Permission is hereby granted, free of charge, to any person obtaining a copy of
this software and associated documentation files (the "Software"), to deal in
diff --git a/README.md b/README.md
index 1b4dc3cdc..34842ec42 100644
--- a/README.md
+++ b/README.md
@@ -1,26 +1,36 @@
-# normalize.css v3
+# normalize.css
-Normalize.css is a customisable CSS file that makes browsers render all
-elements more consistently and in line with modern standards.
+
-The project relies on researching the differences between default browser
-styles in order to precisely target only the styles that need or benefit from
-normalizing.
+> A modern alternative to CSS resets
-[View the test file](http://necolas.github.io/normalize.css/latest/test.html)
+[![npm][npm-image]][npm-url] [![license][license-image]][license-url]
+[![changelog][changelog-image]][changelog-url]
+[![gitter][gitter-image]][gitter-url]
-## Install
-* [npm](http://npmjs.org/): `npm install --save normalize.css`
-* [Bower](http://bower.io/): `bower install --save
- https://github.com/necolas/normalize.css.git`
-* [cdnjs](https://cdnjs.com/libraries/normalize)
-* [Download](http://necolas.github.io/normalize.css/latest/normalize.css).
+**NPM**
-No other styles should come before Normalize.css.
+```sh
+npm install --save normalize.css
+```
+
+**Bower**
+
+```sh
+bower install --save normalize-css
+```
+
+**CDN**
+
+See https://cdnjs.com/libraries/normalize
+
+**Download**
+
+See https://necolas.github.io/normalize.css/latest/normalize.css
-It is recommended that you include the `normalize.css` file as untouched
-library code.
## What does it do?
@@ -30,21 +40,23 @@ library code.
* Improves usability with subtle improvements.
* Explains what code does using detailed comments.
+
## Browser support
-* Chrome (latest)
-* Edge (latest)
-* Firefox (latest)
+* Chrome (last two)
+* Edge (last two)
+* Firefox (last two)
* Firefox ESR
* Internet Explorer 8+
-* Opera (latest)
+* Opera (last two)
* Safari 6+
-[Normalize.css v1 provides legacy browser
-support](https://github.com/necolas/normalize.css/tree/v1) (IE 6+, Safari 4+),
-but is no longer actively developed.
+*[Normalize.css v1 provides legacy browser support]
+(https://github.com/necolas/normalize.css/tree/v1) (IE 6+, Safari 4+),
+but is no longer actively developed.*
-## Extended details
+
+## Extended details and known issues
Additional detail and explanation of the esoteric parts of normalize.css.
@@ -52,21 +64,37 @@ Additional detail and explanation of the esoteric parts of normalize.css.
The `font-family: monospace, monospace` hack fixes the inheritance and scaling
of font-size for preformatted text. The duplication of `monospace` is
-intentional. [Source](http://en.wikipedia.org/wiki/User:Davidgothberg/Test59).
+intentional. [Source](https://en.wikipedia.org/wiki/User:Davidgothberg/Test59).
#### `sub, sup`
Normally, using `sub` or `sup` affects the line-box height of text in all
-browsers. [Source](http://gist.github.com/413930).
+browsers. [Source](https://gist.github.com/413930).
#### `svg:not(:root)`
Adding `overflow: hidden` fixes IE9's SVG rendering. Earlier versions of IE
don't support SVG, so we can safely use the `:not()` and `:root` selectors that
-modern browsers use in the default UA stylesheets to apply this style. [SVG
-Mailing List discussion](http://lists.w3.org/Archives/Public/public-svg-wg/2008JulSep/0339.html)
+modern browsers use in the default UA stylesheets to apply this style. [Source]
+(https://lists.w3.org/Archives/Public/public-svg-wg/2008JulSep/0339.html).
+
+#### `select`
-#### `input[type="search"]`
+By default, Chrome on OS X and Safari on OS X allow very limited styling of
+`select`, unless a border property is set. The default font weight on `optgroup`
+elements cannot safely be changed in Chrome on OSX and Safari on OS X.
+
+#### `[type="checkbox"]`
+
+It is recommended that you do not style checkbox and radio inputs as Firefox's
+implementation does not respect box-sizing, padding, or width.
+
+#### `[type="number"]`
+
+Certain font size values applied to number inputs cause the cursor style of the
+decrement button to change from `default` to `text`.
+
+#### `[type="search"]`
The search input is not fully stylable by default. In Chrome and Safari on
OSX/iOS you can't control `font`, `padding`, `border`, or `background`. In
@@ -74,18 +102,27 @@ Chrome and Safari on Windows you can't control `border` properly. It will apply
`border-width` but will only show a border color (which cannot be controlled)
for the outer 1px of that border. Applying `-webkit-appearance: textfield`
addresses these issues without removing the benefits of search inputs (e.g.
-showing past searches).
+showing past searches). Safari (but not Chrome) will clip the cancel button on
+when it has padding (and `textfield` appearance).
-#### `legend`
-
-Adding `border: 0` corrects an IE 8–11 bug where `color` (yes, `color`) is not
-inherited by `legend`.
## Contributing
-Please read the [contribution guidelines](CONTRIBUTING.md).
+Please read the [contribution guidelines](CONTRIBUTING.md) in order to make the
+contribution process easy and effective for everyone involved.
+
## Acknowledgements
Normalize.css is a project by [Nicolas Gallagher](https://github.com/necolas),
co-created with [Jonathan Neal](https://github.com/jonathantneal).
+
+
+[changelog-image]: https://img.shields.io/badge/changelog-md-blue.svg?style=flat-square
+[changelog-url]: CHANGELOG.md
+[license-image]: https://img.shields.io/npm/l/normalize.css.svg?style=flat-square
+[license-url]: LICENSE.md
+[npm-image]: https://img.shields.io/npm/v/normalize.css.svg?style=flat-square
+[npm-url]: https://www.npmjs.com/package/normalize.css
+[gitter-image]: https://img.shields.io/badge/chat-gitter-blue.svg?style=flat-square
+[gitter-url]: https://gitter.im/necolas/normalize.css
diff --git a/test.html b/test.html
index f8ea790a4..a9d55246e 100644
--- a/test.html
+++ b/test.html
@@ -1,9 +1,9 @@
-
+
Normalize CSS: UI tests
-
+
-
+
+
@@ -344,7 +341,6 @@
-The project relies on researching the differences between default browser
-styles in order to precisely target only the styles that need or benefit from
-normalizing.
+> A modern alternative to CSS resets
-[View the test file](http://necolas.github.io/normalize.css/latest/test.html)
+[![npm][npm-image]][npm-url] [![license][license-image]][license-url]
+[![changelog][changelog-image]][changelog-url]
+[![gitter][gitter-image]][gitter-url]
-## Install
-* [npm](http://npmjs.org/): `npm install --save normalize.css`
-* [Bower](http://bower.io/): `bower install --save
- https://github.com/necolas/normalize.css.git`
-* [cdnjs](https://cdnjs.com/libraries/normalize)
-* [Download](http://necolas.github.io/normalize.css/latest/normalize.css).
+**NPM**
-No other styles should come before Normalize.css.
+```sh
+npm install --save normalize.css
+```
+
+**Bower**
+
+```sh
+bower install --save normalize-css
+```
+
+**CDN**
+
+See https://cdnjs.com/libraries/normalize
+
+**Download**
+
+See https://necolas.github.io/normalize.css/latest/normalize.css
-It is recommended that you include the `normalize.css` file as untouched
-library code.
## What does it do?
@@ -30,21 +40,23 @@ library code.
* Improves usability with subtle improvements.
* Explains what code does using detailed comments.
+
## Browser support
-* Chrome (latest)
-* Edge (latest)
-* Firefox (latest)
+* Chrome (last two)
+* Edge (last two)
+* Firefox (last two)
* Firefox ESR
* Internet Explorer 8+
-* Opera (latest)
+* Opera (last two)
* Safari 6+
-[Normalize.css v1 provides legacy browser
-support](https://github.com/necolas/normalize.css/tree/v1) (IE 6+, Safari 4+),
-but is no longer actively developed.
+*[Normalize.css v1 provides legacy browser support]
+(https://github.com/necolas/normalize.css/tree/v1) (IE 6+, Safari 4+),
+but is no longer actively developed.*
-## Extended details
+
+## Extended details and known issues
Additional detail and explanation of the esoteric parts of normalize.css.
@@ -52,21 +64,37 @@ Additional detail and explanation of the esoteric parts of normalize.css.
The `font-family: monospace, monospace` hack fixes the inheritance and scaling
of font-size for preformatted text. The duplication of `monospace` is
-intentional. [Source](http://en.wikipedia.org/wiki/User:Davidgothberg/Test59).
+intentional. [Source](https://en.wikipedia.org/wiki/User:Davidgothberg/Test59).
#### `sub, sup`
Normally, using `sub` or `sup` affects the line-box height of text in all
-browsers. [Source](http://gist.github.com/413930).
+browsers. [Source](https://gist.github.com/413930).
#### `svg:not(:root)`
Adding `overflow: hidden` fixes IE9's SVG rendering. Earlier versions of IE
don't support SVG, so we can safely use the `:not()` and `:root` selectors that
-modern browsers use in the default UA stylesheets to apply this style. [SVG
-Mailing List discussion](http://lists.w3.org/Archives/Public/public-svg-wg/2008JulSep/0339.html)
+modern browsers use in the default UA stylesheets to apply this style. [Source]
+(https://lists.w3.org/Archives/Public/public-svg-wg/2008JulSep/0339.html).
+
+#### `select`
-#### `input[type="search"]`
+By default, Chrome on OS X and Safari on OS X allow very limited styling of
+`select`, unless a border property is set. The default font weight on `optgroup`
+elements cannot safely be changed in Chrome on OSX and Safari on OS X.
+
+#### `[type="checkbox"]`
+
+It is recommended that you do not style checkbox and radio inputs as Firefox's
+implementation does not respect box-sizing, padding, or width.
+
+#### `[type="number"]`
+
+Certain font size values applied to number inputs cause the cursor style of the
+decrement button to change from `default` to `text`.
+
+#### `[type="search"]`
The search input is not fully stylable by default. In Chrome and Safari on
OSX/iOS you can't control `font`, `padding`, `border`, or `background`. In
@@ -74,18 +102,27 @@ Chrome and Safari on Windows you can't control `border` properly. It will apply
`border-width` but will only show a border color (which cannot be controlled)
for the outer 1px of that border. Applying `-webkit-appearance: textfield`
addresses these issues without removing the benefits of search inputs (e.g.
-showing past searches).
+showing past searches). Safari (but not Chrome) will clip the cancel button on
+when it has padding (and `textfield` appearance).
-#### `legend`
-
-Adding `border: 0` corrects an IE 8–11 bug where `color` (yes, `color`) is not
-inherited by `legend`.
## Contributing
-Please read the [contribution guidelines](CONTRIBUTING.md).
+Please read the [contribution guidelines](CONTRIBUTING.md) in order to make the
+contribution process easy and effective for everyone involved.
+
## Acknowledgements
Normalize.css is a project by [Nicolas Gallagher](https://github.com/necolas),
co-created with [Jonathan Neal](https://github.com/jonathantneal).
+
+
+[changelog-image]: https://img.shields.io/badge/changelog-md-blue.svg?style=flat-square
+[changelog-url]: CHANGELOG.md
+[license-image]: https://img.shields.io/npm/l/normalize.css.svg?style=flat-square
+[license-url]: LICENSE.md
+[npm-image]: https://img.shields.io/npm/v/normalize.css.svg?style=flat-square
+[npm-url]: https://www.npmjs.com/package/normalize.css
+[gitter-image]: https://img.shields.io/badge/chat-gitter-blue.svg?style=flat-square
+[gitter-url]: https://gitter.im/necolas/normalize.css
diff --git a/test.html b/test.html
index f8ea790a4..a9d55246e 100644
--- a/test.html
+++ b/test.html
@@ -1,9 +1,9 @@
-
+
disabled button and inputshould have default cursor style
-
@@ -362,13 +358,46 @@ should not have extra inner padding in Firefox
}
-
- input[type="checkbox"], input[type="radio"]
+ fieldset
+ should have consistent border, padding, and margin
+
+
+
+
+ legend
+ should inherit color
+
+
+
+ should not have padding
+
+
+
+ should wrap text
+
+
+
+
+ textarea
+ should not have a scrollbar unless overflowing
+
+
+
+
+ [type="checkbox"], [type="radio"]
should have a border-box box model
@@ -393,13 +422,13 @@ should not have padding
- input[type="number"]
+ [type="number"]
should display a default cursor for the decrement button's click target in Chrome
- input[type="search"]
+ [type="search"]
should be styleable
@@ -408,39 +437,9 @@ should not have a cancel button in Safari or Chrome
-
- fieldset
- should have consistent border, padding, and margin
+ should reference inherited color
-
-
-
- legend
- should inherit color
-
-
-
- should not have padding
-
-
-
- should wrap text
-
-
-
-
- textarea
- should not have a scrollbar unless overflowing
-
-
+
From 39c21b3678ff1ebd2aebc51ec56d55d18a5a68e3 Mon Sep 17 00:00:00 2001
From: Jonathan Neal
Date: Tue, 12 Apr 2016 08:54:53 -0400
Subject: [PATCH 51/88] 4.1.1
---
CHANGELOG.md | 4 ++++
normalize.css | 2 +-
package.json | 2 +-
3 files changed, 6 insertions(+), 2 deletions(-)
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 598a8c054..66d146f34 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,9 @@
# Changes to normalize.css
+### 4.1.1 (April 12, 2016)
+
+* Update normalize.css heading.
+
### 4.1.0 (April 11, 2016)
* Normalize placeholders in Chrome, Edge, and Safari.
diff --git a/normalize.css b/normalize.css
index ac610510e..18ddf7fed 100644
--- a/normalize.css
+++ b/normalize.css
@@ -1,4 +1,4 @@
-/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */
+/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
/**
* 1. Change the default font family in all browsers (opinionated).
diff --git a/package.json b/package.json
index 2bb383112..37fa27c9c 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "normalize.css",
- "version": "4.1.0",
+ "version": "4.1.1",
"description": "A modern alternative to CSS resets",
"main": "normalize.css",
"style": "normalize.css",
From 02af1fdfaf71f589ea689d4b957eb3bb1294a228 Mon Sep 17 00:00:00 2001
From: Sergio Lavanga
Date: Mon, 18 Apr 2016 03:45:24 +0200
Subject: [PATCH 52/88] Restore optgroup font normalisation (#589)
Resolves #581
---
normalize.css | 1 +
1 file changed, 1 insertion(+)
diff --git a/normalize.css b/normalize.css
index 18ddf7fed..e70ffc562 100644
--- a/normalize.css
+++ b/normalize.css
@@ -256,6 +256,7 @@ hr {
button,
input,
+optgroup,
select,
textarea {
font: inherit; /* 1 */
From ceef420f3a248578004fb18d4381f622495b4c0e Mon Sep 17 00:00:00 2001
From: Jeremias Menichelli
Date: Thu, 16 Jun 2016 11:04:06 -0300
Subject: [PATCH 53/88] Add rule for all headings lh (#596)
---
normalize.css | 14 ++++++++++++++
1 file changed, 14 insertions(+)
diff --git a/normalize.css b/normalize.css
index e70ffc562..a547e39be 100644
--- a/normalize.css
+++ b/normalize.css
@@ -154,6 +154,20 @@ h1 {
margin: 0.67em 0;
}
+/**
+ * Correct the line-height for all headings in Chrome mobile, Firefox,
+ * iOS Safari, Microsoft Edge and IE.
+ */
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ line-height: 1.15;
+}
+
/**
* Add the correct background and color in IE 9-.
*/
From fe7a07c2c56773faa8d24eac9b1984f2b6b81a61 Mon Sep 17 00:00:00 2001
From: Luciano Battagliero
Date: Sat, 25 Jun 2016 15:44:48 -0300
Subject: [PATCH 54/88] Simplify headings normalization comment
The results for computed `line-height` in #593 were virtually different in all tested browsers, and since [such browsers are ones we support](https://github.com/necolas/normalize.css#browser-support), I don't see the need to have a *complex* comment naming all of them.
---
normalize.css | 3 +--
1 file changed, 1 insertion(+), 2 deletions(-)
diff --git a/normalize.css b/normalize.css
index a547e39be..0eac34230 100644
--- a/normalize.css
+++ b/normalize.css
@@ -155,8 +155,7 @@ h1 {
}
/**
- * Correct the line-height for all headings in Chrome mobile, Firefox,
- * iOS Safari, Microsoft Edge and IE.
+ * Correct the line height for headings in all browsers.
*/
h1,
From 6f78003ffd58dd57733c7d35777c22cc174beb17 Mon Sep 17 00:00:00 2001
From: Luciano Battagliero
Date: Sat, 25 Jun 2016 15:48:04 -0300
Subject: [PATCH 55/88] Remove "heading" reference since is redundant
---
normalize.css | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/normalize.css b/normalize.css
index 0eac34230..fd974a4ad 100644
--- a/normalize.css
+++ b/normalize.css
@@ -155,7 +155,7 @@ h1 {
}
/**
- * Correct the line height for headings in all browsers.
+ * Correct the line height in all browsers.
*/
h1,
From bfe6c20e184559b0ce92d394b1b53f8398157012 Mon Sep 17 00:00:00 2001
From: Jonathan Neal
Date: Thu, 30 Jun 2016 01:36:25 -0400
Subject: [PATCH 56/88] 4.2.0
---
CHANGELOG.md | 10 ++++++++--
package.json | 6 +++---
test.html | 6 +++++-
3 files changed, 16 insertions(+), 6 deletions(-)
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 66d146f34..2fde0d658 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,11 @@
# Changes to normalize.css
+### 4.2.0 (April 12, 2016)
+
+* Correct the `line-height` in all browsers.
+* Restore `optgroup` font inheritance.
+* Update normalize.css heading.
+
### 4.1.1 (April 12, 2016)
* Update normalize.css heading.
@@ -14,8 +20,8 @@
* Restore `main` to package.json.
* Restore proper overflow to certain `select` elements.
* Remove opinionated cursor styles on buttons.
-* Update stylelint configuration
-* Update tests
+* Update stylelint configuration.
+* Update tests.
### 4.0.0 (March 19, 2016)
diff --git a/package.json b/package.json
index 37fa27c9c..786522e30 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "normalize.css",
- "version": "4.1.1",
+ "version": "4.2.0",
"description": "A modern alternative to CSS resets",
"main": "normalize.css",
"style": "normalize.css",
@@ -9,8 +9,8 @@
"normalize.css"
],
"devDependencies": {
- "stylelint": "^5.4.0",
- "stylelint-config-standard": "^5.0.0"
+ "stylelint": "^6.7.1",
+ "stylelint-config-standard": "^9.0.0"
},
"scripts": {
"test": "stylelint normalize.css"
diff --git a/test.html b/test.html
index f4d47ee61..b868836a6 100644
--- a/test.html
+++ b/test.html
@@ -3,7 +3,7 @@
Normalize CSS: UI tests
-
+
/*! suit-test v0.1.0 | MIT License | github.com/suitcss */
@@ -90,6 +90,10 @@ should have sans-serif font family (opinionated)
abcdefghijklmnopqrstuvwxyz
+ should have a line height of 1.15
+
+ abcdefghijklmnopqrstuvwxyz
+
body
should have no margin (opinionated)
From fa7d65ab39f4c0623b6379793160a32254aa4ffe Mon Sep 17 00:00:00 2001
From: Jonathan Neal
Date: Thu, 30 Jun 2016 09:49:26 -0400
Subject: [PATCH 57/88] Update CHANGELOG.md date
---
CHANGELOG.md | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 2fde0d658..fab2bfa97 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,6 +1,6 @@
# Changes to normalize.css
-### 4.2.0 (April 12, 2016)
+### 4.2.0 (June 30, 2016)
* Correct the `line-height` in all browsers.
* Restore `optgroup` font inheritance.
From 255074ef4a761fa7e77689cbebe6e5fb70d529c2 Mon Sep 17 00:00:00 2001
From: Jonathan Neal
Date: Thu, 30 Jun 2016 10:01:38 -0400
Subject: [PATCH 58/88] v4.2.0
---
normalize.css | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/normalize.css b/normalize.css
index 8710595d3..5250b7455 100644
--- a/normalize.css
+++ b/normalize.css
@@ -1,4 +1,4 @@
-/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
+/*! normalize.css v4.2.0 | MIT License | github.com/necolas/normalize.css */
/**
* 1. Change the default font family in all browsers (opinionated).
From f081e459e4ea9f9fce9184cc69e4d3b7c1226e92 Mon Sep 17 00:00:00 2001
From: battaglr
Date: Thu, 30 Jun 2016 19:59:08 -0300
Subject: [PATCH 59/88] Remove `placeholder` normalization
---
normalize.css | 9 ---------
1 file changed, 9 deletions(-)
diff --git a/normalize.css b/normalize.css
index 5250b7455..8fd632664 100644
--- a/normalize.css
+++ b/normalize.css
@@ -402,15 +402,6 @@ textarea {
-webkit-appearance: none;
}
-/**
- * Correct the text style of placeholders in Chrome, Edge, and Safari.
- */
-
-::-webkit-input-placeholder {
- color: inherit;
- opacity: 0.54;
-}
-
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
From bbcf62d86f5e327673283900221c8ababa836671 Mon Sep 17 00:00:00 2001
From: Jonathan Neal
Date: Wed, 6 Jul 2016 11:23:05 -0400
Subject: [PATCH 60/88] Use HTML Living Standard sectioning
---
normalize.css | 190 +++++++++++++++++++++++++++++++-------------------
1 file changed, 118 insertions(+), 72 deletions(-)
diff --git a/normalize.css b/normalize.css
index 8fd632664..12c60619a 100644
--- a/normalize.css
+++ b/normalize.css
@@ -6,6 +6,9 @@
* 3. Prevent adjustments of font size after orientation changes in IE and iOS.
*/
+/* Document
+ ========================================================================== */
+
html {
font-family: sans-serif; /* 1 */
line-height: 1.15; /* 2 */
@@ -13,6 +16,9 @@ html {
-webkit-text-size-adjust: 100%; /* 3 */
}
+/* Sections
+ ========================================================================== */
+
/**
* Remove the margin in all browsers (opinionated).
*/
@@ -21,69 +27,73 @@ body {
margin: 0;
}
-/* HTML5 display definitions
- ========================================================================== */
-
/**
* Add the correct display in IE 9-.
- * 1. Add the correct display in Edge, IE, and Firefox.
- * 2. Add the correct display in IE.
*/
article,
aside,
-details, /* 1 */
-figcaption,
-figure,
footer,
header,
-main, /* 2 */
-menu,
nav,
-section,
-summary { /* 1 */
+section {
display: block;
}
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Firefox, and Safari.
+ */
+
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
+
+/* Grouping content
+ ========================================================================== */
+
/**
* Add the correct display in IE 9-.
+ * 1. Add the correct display in IE.
*/
-audio,
-canvas,
-progress,
-video {
- display: inline-block;
+figcaption,
+figure,
+main { /* 1 */
+ display: block;
}
/**
- * Add the correct display in iOS 4-7.
+ * Add the correct margin in IE 8.
*/
-audio:not([controls]) {
- display: none;
- height: 0;
+figure {
+ margin: 1em 40px;
}
/**
- * Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Show the overflow in Edge and IE.
*/
-progress {
- vertical-align: baseline;
+hr {
+ box-sizing: content-box; /* 1 */
+ height: 0; /* 1 */
+ overflow: visible; /* 2 */
}
/**
- * Add the correct display in IE 10-.
- * 1. Add the correct display in IE.
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
*/
-template, /* 1 */
-[hidden] {
- display: none;
+pre {
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
}
-/* Links
+/* Text-level semantics
========================================================================== */
/**
@@ -106,9 +116,6 @@ a:hover {
outline-width: 0;
}
-/* Text-level semantics
- ========================================================================== */
-
/**
* 1. Remove the bottom border in Firefox 39-.
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
@@ -139,21 +146,23 @@ strong {
}
/**
- * Add the correct font style in Android 4.3-.
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
*/
-dfn {
- font-style: italic;
+code,
+kbd,
+samp {
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
}
/**
- * Correct the font size and margin on `h1` elements within `section` and
- * `article` contexts in Chrome, Firefox, and Safari.
+ * Add the correct font style in Android 4.3-.
*/
-h1 {
- font-size: 2em;
- margin: 0.67em 0;
+dfn {
+ font-style: italic;
}
/**
@@ -198,54 +207,37 @@ sup {
========================================================================== */
/**
- * Remove the border on images inside links in IE 10-.
- */
-
-img {
- border-style: none;
-}
-
-/**
- * Hide the overflow in IE.
+ * Add the correct display in IE 9-.
*/
-svg:not(:root) {
- overflow: hidden;
+audio,
+video {
+ display: inline-block;
}
-/* Grouping content
- ========================================================================== */
-
/**
- * 1. Correct the inheritance and scaling of font size in all browsers.
- * 2. Correct the odd `em` font sizing in all browsers.
+ * Add the correct display in iOS 4-7.
*/
-code,
-kbd,
-pre,
-samp {
- font-family: monospace, monospace; /* 1 */
- font-size: 1em; /* 2 */
+audio:not([controls]) {
+ display: none;
+ height: 0;
}
/**
- * Add the correct margin in IE 8.
+ * Remove the border on images inside links in IE 10-.
*/
-figure {
- margin: 1em 40px;
+img {
+ border-style: none;
}
/**
- * 1. Add the correct box sizing in Firefox.
- * 2. Show the overflow in Edge and IE.
+ * Hide the overflow in IE.
*/
-hr {
- box-sizing: content-box; /* 1 */
- height: 0; /* 1 */
- overflow: visible; /* 2 */
+svg:not(:root) {
+ overflow: hidden;
}
/* Forms
@@ -355,6 +347,16 @@ legend {
white-space: normal; /* 1 */
}
+/**
+ * 1. Add the correct display in IE 9-.
+ * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
+
+progress {
+ display: inline-block; /* 1 */
+ vertical-align: baseline; /* 2 */
+}
+
/**
* Remove the default vertical scrollbar in IE.
*/
@@ -411,3 +413,47 @@ textarea {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
+
+/* Interactive
+ ========================================================================== */
+
+/*
+ * Add the correct display in IE 9-.
+ * 1. Add the correct display in Edge, IE, and Firefox.
+ */
+
+details, /* 1 */
+menu,
+summary { /* 1 */
+ display: block;
+}
+
+/* Scripting
+ ========================================================================== */
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+canvas {
+ display: inline-block;
+}
+
+/**
+ * Add the correct display in IE.
+ */
+
+template {
+ display: none;
+}
+
+/* Hidden
+ ========================================================================== */
+
+/**
+ * Add the correct display in IE 10-.
+ */
+
+[hidden] {
+ display: none;
+}
From 55ed05a79c0fd7a9a2c330c6925b982a7d5b307c Mon Sep 17 00:00:00 2001
From: Jonathan Neal
Date: Wed, 6 Jul 2016 11:40:39 -0400
Subject: [PATCH 61/88] Correct the display of in all browsers
---
normalize.css | 11 +++++++++--
1 file changed, 9 insertions(+), 2 deletions(-)
diff --git a/normalize.css b/normalize.css
index 12c60619a..9f9a5775b 100644
--- a/normalize.css
+++ b/normalize.css
@@ -423,11 +423,18 @@ textarea {
*/
details, /* 1 */
-menu,
-summary { /* 1 */
+menu {
display: block;
}
+/*
+ * Add the correct display in all browsers.
+ */
+
+summary {
+ display: list-item;
+}
+
/* Scripting
========================================================================== */
From 5d728b83a5ee6ee3e9e3158a28d6369718014e0c Mon Sep 17 00:00:00 2001
From: Jonathan Neal
Date: Mon, 8 Aug 2016 09:43:30 -0400
Subject: [PATCH 62/88] More explicitly define font resets on form controls
(#607)
---
CHANGELOG.md | 2 ++
normalize.css | 14 ++++----------
test.html | 4 ++--
3 files changed, 8 insertions(+), 12 deletions(-)
diff --git a/CHANGELOG.md b/CHANGELOG.md
index ce1a84c85..6facc6092 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -7,6 +7,8 @@
* Move unsorted rules into their respective sections.
* Update the `summary` style in all browsers.
* Remove `::placeholder` styles due to a bug in Edge.
+* More explicitly define font resets on form controls
+* Remove the `optgroup` normalization needed by the previous font reset
### 4.2.0 (June 30, 2016)
diff --git a/normalize.css b/normalize.css
index 9f9a5775b..46ebe1388 100644
--- a/normalize.css
+++ b/normalize.css
@@ -244,7 +244,7 @@ svg:not(:root) {
========================================================================== */
/**
- * 1. Change font properties to `inherit` in all browsers (opinionated).
+ * 1. Change the font styles in all browsers (opinionated).
* 2. Remove the margin in Firefox and Safari.
*/
@@ -253,18 +253,12 @@ input,
optgroup,
select,
textarea {
- font: inherit; /* 1 */
+ font-family: sans-serif; /* 1 */
+ font-size: 100%; /* 1 */
+ line-height: 1.15; /* 1 */
margin: 0; /* 2 */
}
-/**
- * Restore the font weight unset by the previous rule.
- */
-
-optgroup {
- font-weight: bold;
-}
-
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
diff --git a/test.html b/test.html
index b868836a6..a8f7bad26 100644
--- a/test.html
+++ b/test.html
@@ -259,8 +259,8 @@ should have a content-box box model
button, input, optgroup, select, textarea
- should inherit font from ancestor
-
+ should inherit font-size from ancestor
+
default cursor styleshould not have extra inner padding in Firefox
} -input[type="checkbox"], input[type="radio"]fieldsetlegendtextarea[type="checkbox"], [type="radio"]border-box box modelshould not have padding
input[type="number"][type="number"]input[type="search"][type="search"]should not have a cancel button in Safari or Chrome
fieldset
- should have consistent border, padding, and margin
+should reference inherited color
-
-
-
- legend
- should inherit color
-
-
-
- should not have padding
-
-
-
- should wrap text
-
-
-
-
- textarea
- should not have a scrollbar unless overflowing
-
-
+
should have sans-serif font family (opinionated)
abcdefghijklmnopqrstuvwxyz
+ should have a line height of 1.15
+
+ abcdefghijklmnopqrstuvwxyz
+
body
should have no margin (opinionated)
From fa7d65ab39f4c0623b6379793160a32254aa4ffe Mon Sep 17 00:00:00 2001 From: Jonathan Nealshould have a content-box box model
button, input, optgroup, select, textarea
- should inherit font from ancestor
-
+ should inherit
+