Add [hidden] selector counteract all display declarations

Anytime a `display` declaration is used in Pure with a value other than
`none`, we need to add an additional rule with similar selectors
(appended with `[hidden]`) with a `display: none;` declaration. This
allows the `hidden` HTML attribute to work properly on elements styled
by Pure.

The following button will be hidden from view with these changes:

    <button class="pure-button" hidden>No showy</button>

Fixes #177

.csslintrc

@@ -1,5 +1,6 @@
 {
     "box-sizing"               : false,
     "display-property-grouping": false,
-    "star-property-hack"       : false
+    "star-property-hack"       : false,
+    "unqualified-attributes"   : false
 }

src/buttons/css/buttons-core.css

@@ -20,3 +20,7 @@
     padding: 0;
     border: 0;
 }
+
+.pure-button[hidden] {
+    display: none;
+}

src/buttons/css/buttons.css

@@ -1,4 +1,4 @@
-/*csslint unqualified-attributes:false, outline-none:false*/
+/*csslint outline-none:false*/
 
 .pure-button {
     font-family: inherit;
@@ -60,12 +60,6 @@
     display: none;
 }
 
-/* Firefox: Get rid of the inner focus border */
-.pure-button::-moz-focus-inner{
-    padding: 0;
-    border: 0;
-}
-
 .pure-button-primary,
 .pure-button-selected,
 a.pure-button-primary,

src/forms/css/forms-r.css

@@ -21,6 +21,10 @@
         margin-bottom: 0.3em;
         display: block;
     }
+    .pure-form input[hidden],
+    .pure-form label[hidden] {
+        display: none;
+    }
 
     .pure-group input[type="text"],
     .pure-group input[type="password"],
@@ -45,6 +49,9 @@
         display: block;
         width: 100%;
     }
+    .pure-form-aligned .pure-control-group label[hidden] {
+        display: none;
+    }
 
     .pure-form-aligned .pure-controls {
         margin: 1.5em 0 0 0;
@@ -59,4 +66,9 @@
         /* Increased bottom padding to make it group with its related input element. */
         padding: 0.2em 0 0.8em;
     }
+    .pure-form .pure-help-inline[hidden],
+    .pure-form-message-inline[hidden],
+    .pure-form-message[hidden] {
+        display: none;
+    }
 }

src/forms/css/forms.css

@@ -30,6 +30,12 @@
     box-sizing: border-box;
 }
 
+.pure-form input[hidden],
+.pure-form select[hidden],
+.pure-form textarea[hidden] {
+    display: none;
+}
+
 .pure-form input[type="text"]:focus,
 .pure-form input[type="password"]:focus,
 .pure-form input[type="email"]:focus,
@@ -57,11 +63,18 @@
     outline: thin dotted #333;
     outline: 1px auto #129FEA;
 }
+
 .pure-form .pure-checkbox,
 .pure-form .pure-radio {
     margin: 0.5em 0;
     display: block;
 }
+
+.pure-form .pure-checkbox[hidden],
+.pure-form .pure-radio[hidden] {
+    display: none;
+}
+
 .pure-form input[type="text"][disabled],
 .pure-form input[type="password"][disabled],
 .pure-form input[type="email"][disabled],
@@ -131,6 +144,9 @@
     color: #333;
     border-bottom: 1px solid #e5e5e5;
 }
+.pure-form legend[hidden] {
+    display: none;
+}
 
 .pure-form-stacked input[type="text"],
 .pure-form-stacked input[type="password"],
@@ -153,6 +169,13 @@
     margin: 0.25em 0;
 }
 
+.pure-form-stacked input[hidden],
+.pure-form-stacked select[hidden],
+.pure-form-stacked label[hidden],
+.pure-form-stacked textarea[hidden] {
+    display: none;
+}
+
 .pure-form-aligned input,
 .pure-form-aligned textarea,
 .pure-form-aligned select,
@@ -164,6 +187,15 @@
     *zoom: 1;
     vertical-align: middle;
 }
+.pure-form-aligned input[hidden],
+.pure-form-aligned textarea[hidden],
+.pure-form-aligned select[hidden],
+/* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead. */
+.pure-form-aligned .pure-help-inline[hidden],
+.pure-form-message-inline[hidden] {
+    display: none;
+}
+
 .pure-form-aligned textarea {
     vertical-align: top;
 }
@@ -179,6 +211,9 @@
     width: 10em;
     margin: 0 1em 0 0;
 }
+.pure-form-aligned .pure-control-group label[hidden] {
+    display: none;
+}
 .pure-form-aligned .pure-controls {
     margin: 1.5em 0 0 10em;
 }
@@ -202,6 +237,9 @@
     position: relative;
     top: -1px;
 }
+.pure-form .pure-group input[hidden] {
+    display: none;
+}
 .pure-form .pure-group input:focus {
     z-index: 2;
 }
@@ -243,10 +281,17 @@
     vertical-align: middle;
     font-size: 90%;
 }
+.pure-form .pure-help-inline[hidden],
+.pure-form-message-inline[hidden] {
+    display: none;
+}
 
 /* Block help for forms */
 .pure-form-message {
     display: block;
     color: #666;
     font-size: 90%;
 }
+.pure-form-message[hidden] {
+    display: none;
+}

src/grids/css/grids-core.css

@@ -48,6 +48,10 @@
     word-spacing: -0.43em;
 }
 
+.pure-g[hidden] {
+    display: none;
+}
+
 .pure-u {
     display: inline-block;
     *display: inline; /* IE < 8: fake inline-block */
@@ -65,3 +69,7 @@ this the same font stack that Normalize.css sets for the `body`.
 .pure-g [class *= "pure-u"] {
     font-family: sans-serif;
 }
+
+.pure-g [class *= "pure-u"][hidden] {
+    display: none;
+}

src/grids/css/grids-r.css

@@ -47,6 +47,10 @@
     word-spacing: -0.43em;
 }
 
+.pure-g-r[hidden] {
+    display: none;
+}
+
 /*
 Resets the font family back to the OS/browser's default sans-serif font,
 this the same font stack that Normalize.css sets for the `body`.

src/menus/css/menus-core.css

@@ -44,6 +44,10 @@
     text-decoration: none;
     white-space: nowrap;
 }
+.pure-menu a[hidden],
+.pure-menu .pure-menu-heading[hidden] {
+    display: none;
+}
 
 .pure-menu.pure-menu-horizontal > .pure-menu-heading {
     display: inline-block;
@@ -52,12 +56,18 @@
     margin: 0;
     vertical-align: middle;
 }
+.pure-menu.pure-menu-horizontal > .pure-menu-heading[hidden] {
+    display: none;
+}
 .pure-menu.pure-menu-horizontal > ul {
     display: inline-block;
     *display: inline;
     zoom: 1;
     vertical-align: middle;
 }
+.pure-menu.pure-menu-horizontal > ul[hidden] {
+    display: none;
+}
 
 .pure-menu li a { padding: 5px 20px; }
 
@@ -82,6 +92,9 @@
     margin: 7px 2px;
     overflow: hidden;
 }
+.pure-menu-separator[hidden] {
+    display: none;
+}
 
 .pure-menu-hidden {
     display: none;
@@ -105,11 +118,17 @@
     zoom: 1;
     vertical-align: middle;
 }
+.pure-menu-horizontal li[hidden] {
+    display: none;
+}
 
 /* Submenus should still be display: block; */
 .pure-menu-horizontal li li {
     display: block;
 }
+.pure-menu-horizontal li li[hidden] {
+    display: none;
+}
 
 /* Content after should be down arrow */
 .pure-menu-horizontal > .pure-menu-children > .pure-menu-can-have-children > .pure-menu-label:after {

src/menus/css/menus-paginator.css

@@ -30,7 +30,9 @@
     vertical-align: top;
     text-rendering: auto;
 }
-
+.pure-paginator li[hidden] {
+    display: none;
+}
 
 .pure-paginator .pure-button {
     border-radius: 0;

src/menus/css/menus-r.css

@@ -7,4 +7,7 @@
         display: block;
         border-bottom: 1px solid black;
     }
+    .pure-menu-children li[hidden] {
+        display: none;
+    }
 }