Restores stable visuallyhidden (#1991)

see the saga unfold #1985

CHANGELOG.md

@@ -1,3 +1,8 @@
+### 6.0.1 (August 20, 2017)
+
+* Reverts .visuallyhidden (see [#1985](https://github.com/h5bp/html5-boilerplate/issues/1985))
+
+
 ### 6.0.0 (August 17, 2017)
 
 * Fix Bug: .visuallyhidden on macOS VO fixes #1985 ([#1989](https://github.com/h5bp/html5-boilerplate/pull/1989))

dist/css/main.css

@@ -1,4 +1,4 @@
-/*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */
+/*! HTML5 Boilerplate v6.0.1 | MIT License | https://html5boilerplate.com/ */
 
 /*
  * What follows is the result of much research on cross-browser styling.
@@ -136,13 +136,14 @@ textarea {
 
 .visuallyhidden {
     border: 0;
+    clip: rect(0 0 0 0);
     -webkit-clip-path: inset(50%);
     clip-path: inset(50%);
-    display: inline-block;
     height: 1px;
     margin: -1px;
     overflow: hidden;
     padding: 0;
+    position: absolute;
     width: 1px;
     white-space: nowrap; /* 1 */
 }

package.json

@@ -51,7 +51,7 @@
     "build": "gulp build",
     "test": "gulp archive && mocha --compilers js:babel-register --reporter spec --timeout 5000"
   },
-  "version": "6.0.0",
+  "version": "6.0.1",
   "description": "A professional front-end template for building fast, robust, and adaptable web apps or sites.",
   "files": [
     "CHANGELOG.md",

src/css/main.css

@@ -129,12 +129,13 @@ textarea {
 
 .visuallyhidden {
     border: 0;
+    clip: rect(0 0 0 0);
     clip-path: inset(50%);
-    display: inline-block;
     height: 1px;
     margin: -1px;
     overflow: hidden;
     padding: 0;
+    position: absolute;
     width: 1px;
     white-space: nowrap; /* 1 */
 }