5.0.0

See CHANGELOG.md

Author: jonathantneal

CHANGELOG.md

@@ -1,8 +1,17 @@
-## 4.1.0 (2016-07-01)
+# Changes to sanitize.css
 
-- Updated: The focus removal on `:hover` now targets `a:hover`.
+### 5.0.0 (March 1, 2017)
 
-## 4.0.0 (2016-06-20)
+- Added: normalize.css v6 parity, including `summary` display
+- Added: form elements to inherit line-height from html
+- Removed: font styles on `html`
+- Removed: unnecessary `border-spacing` zeroing
+
+### 4.1.0 (July 1, 2016)
+
+- Updated: The focus removal on `:hover` now targets `a:hover`
+
+### 4.0.0 (June 20, 2016)
 
 - Added: All improvements from normalize.css v4.1.1
 - Added: Documentation for each opinionated feature
@@ -14,14 +23,14 @@
 - Updated: `abbr[title]` styled using `border-bottom` over `text-decoration`
 - Updated: Tests and linting
 
-### Why are variables removed in v4?
+#### Why are variables removed in v4?
 
 Variables were there for developers to override styles in sanitize.css without
 editing the original file or overriding the rule. However, you *should* override
 the rule so that your change is explicit, and so that your source maps
 accurately indicate your changes coming from your files.
 
-## 3.3.0 (2016-03-03)
+### 3.3.0 (March 3, 2016)
 
 - Added: `b` and `strong` normalization
 - Added: `::-moz-focus-inner` normalization
@@ -31,17 +40,17 @@ accurately indicate your changes coming from your files.
            opinionated defaults, and configurable defaults
 - Updated: Moved source and compiled libraries
 
-## 3.2.0 (2016-02-03)
+### 3.2.0 (February 3, 2016)
 
 - Added: `selection.less`
 - Updated: Use `root`-prefixed values across all formats
 - Updated: Documentation
 
-## 3.1.1 (2016-02-01)
+## 3.1.1 (February 1, 2016)
 
 - Updated: `box-sizing` variable corrected to `border-box` in sass, scss, styl
 
-## 3.1.0 (2016-02-01)
+### 3.1.0 (February 1, 2016)
 
 - Added: Project configuration (.editorconfig)
 - Added: Style linting rules and tests
@@ -50,7 +59,7 @@ accurately indicate your changes coming from your files.
 - Updated: `::selection` color variable corrected to `--selection-color`
 - Updated: Use direct nesting
 
-## 3.0.0 (2015-10-23)
+### 3.0.0 (October 23, 2015)
 
 - Added: Normalization for **iOS 8+**
 - Added: `background-repeat` for all elements
@@ -60,18 +69,18 @@ accurately indicate your changes coming from your files.
 - Updated: dist from CSS source using PostCSS, cssnext, and cssnano
 - Updated: Documentation
 
-## 2.1.1 (2015-10-05)
+### 2.1.1 (October 5, 2015)
 
 - Updated: bower.json
 
-## 2.1.1 (2015-10-05)
+### 2.1.1 (October 5, 2015)
 
 - Added: CSS version
 - Updated: Use percentage `font-size` on `:root`
 - Updated: Documentation
 - Removed: `background-color` inheritance
 
-## 2.0.0 (2015-09-03)
+### 2.0.0 (September 3, 2015)
 
 - Added: Visually hidden element style `[hidden][aria-hidden="false"]`
 - Added: Currently updating element style `[aria-busy="true"]`
@@ -88,7 +97,7 @@ accurately indicate your changes coming from your files.
 - Updated: Development dependencies
 - Updated: README.md and code documentation
 
-## 1.2.0 (2015-06-16)
+### 1.2.0 (June 16, 2015)
 
 - Added: Control over options via Sass variables
 - Added: Overflow normalization on :root
@@ -97,13 +106,13 @@ accurately indicate your changes coming from your files.
 - Removed: Redundant inheritance in ::before and ::after
 - Removed: redundant cursor inheritance in anchor and form elements
 
-## 1.1.0 (2015-03-20)
+### 1.1.0 (March 20, 2015)
 
 - Added: Form support
 - Updated: Normalization
 - Updated: Border assignment
 
-## 1.0.0 (2012-11-06)
+### 1.0.0 (11 6, 2012)
 
 - Updated: Moved from normalize.css to sanitize.css
 
@@ -116,6 +125,6 @@ Where Normalize.css conservatively follows user agent consensus and results
 in more pre-styled elements, Sanitize.css liberally follows developer
 consensus and results in more unstyled elements.
 
-## 0.0.0 (2011-04-21)
+### 0.0.0 (4 21, 2011)
 
 - Added: Normalize.css

README.md

@@ -159,15 +159,11 @@ a, area, button, input, label, select, summary, textarea, [tabindex] {
 ##### Visually hidden content should remain accessible
 
 ```css
-[aria-hidden="false"][hidden] {
+[aria-hidden="false"][hidden]:not(:focus) {
 	clip: rect(0, 0, 0, 0);
 	display: inherit;
 	position: absolute;
 }
-
-[aria-hidden="false"][hidden]:focus {
-	clip: auto;
-}
 ```
 
 ## Differences

package.json

@@ -1,6 +1,6 @@
 {
   "name": "sanitize.css",
-  "version": "4.1.0",
+  "version": "5.0.0",
   "description": "The best-practices CSS foundation",
   "author": "Jonathan Neal <[email protected]>",
   "license": "CC0-1.0",
@@ -16,7 +16,7 @@
     "test": "stylelint sanitize.css"
   },
   "devDependencies": {
-    "stylelint": "^7.7.0",
+    "stylelint": "^7.9.0",
     "stylelint-config-dev": "^1.0.0"
   },
   "stylelint": {

sanitize.css

@@ -1,6 +1,6 @@
-/*! sanitize.css v4.1.0 | CC0 License | github.com/jonathantneal/sanitize.css */
+/*! sanitize.css v5.0.0 | CC0 License | github.com/jonathantneal/sanitize.css */
 
-/* Elements of HTML (https://html.spec.whatwg.org/multipage/semantics.html#semantics)
+/* Document (https://html.spec.whatwg.org/multipage/semantics.html#semantics)
    ========================================================================== */
 
 /**
@@ -29,17 +29,14 @@
 /**
  * 1. Add border box sizing in all browsers (opinionated).
  * 2. Add the default cursor in all browsers (opinionated).
- * 3. Add a flattened line height in all browsers (opinionated).
- * 4. Prevent font size adjustments after orientation changes in IE and iOS.
+ * 3. Prevent font size adjustments after orientation changes in IE and iOS.
  */
 
 html {
 	box-sizing: border-box; /* 1 */
 	cursor: default; /* 2 */
-	font-family: sans-serif; /* 3 */
-	line-height: 1.5; /* 3 */
-	-ms-text-size-adjust: 100%; /* 4 */
-	-webkit-text-size-adjust: 100%; /* 4 */
+	-ms-text-size-adjust: 100%; /* 3 */
+	-webkit-text-size-adjust: 100%; /* 3 */
 }
 
 /* Sections (https://html.spec.whatwg.org/multipage/semantics.html#sections)
@@ -306,6 +303,10 @@ svg:not(:root) {
 /* Tabular data (https://html.spec.whatwg.org/multipage/tables.html#tables)
    ========================================================================== */
 
+/**
+ * Collapse border spacing
+ */
+
 table {
 	border-collapse: collapse;
 }
@@ -326,7 +327,7 @@ textarea {
 }
 
 /**
- * Remove the default styling in all browsers (opinionated).
+ * Inherit styling in all browsers (opinionated).
  */
 
 button,
@@ -549,7 +550,7 @@ textarea,
 	display: none;
 }
 
-/* ARIA in HTML (https://w3c.github.io/html-aria/)
+/* ARIA (https://w3c.github.io/html-aria/)
    ========================================================================== */
 
 /**
@@ -572,16 +573,12 @@ textarea,
  * Change the display on visually hidden accessible elements (opinionated).
  */
 
-[aria-hidden="false"][hidden] {
+[aria-hidden="false"][hidden]:not(:focus) {
 	clip: rect(0, 0, 0, 0);
 	display: inherit;
 	position: absolute;
 }
 
-[aria-hidden="false"][hidden]:focus {
-	clip: auto;
-}
-
 /*
  * Change the cursor on disabled, not-editable, or otherwise
  * inoperable elements (opinionated).