Fix #75 audio:not([controls]) display

CHANGELOG.md

@@ -2,26 +2,26 @@
 
 ## UNRELEASED
 
-- Remedies: Add basic `[hidden]` remedy
+- [Remedy] New: Add basic `[hidden]` remedy
   to fix unintentional `display` overrides
+- [Remedy] Fix: Audio without `[controls]` remains hidden by default
 
 ## v0.1.0-beta.2 - 9/18/2019
 
-- Reminders: Comment out reminders,
+- [Reminder] Fix: Comment out reminders,
   so that authors have to explicitly opt-in
   case-by-case.
-- Docs: Add inline documentation comments
+- [Docs] Add inline documentation comments
   (marked with `@docs`)
   using [Doxray](https://github.com/himedlooff/doxray)
   and YAML format.
-- Docs: Typo fixes
-- NPM: Exclude irrelevant files from npm releases
+- [NPM] Exclude irrelevant files from npm releases
 
 ## v0.1.0-beta.1 - 9/12/2019
 
 This is an incomplete set of remedies,
 and still very likely to change -
-but you have to start somewhere.
+but we have to start somewhere.
 
 - Move stylsheets into `css/` directory
 - Organize the existing proposed & discussed remedies into three categories:

css/remedy.css

@@ -48,11 +48,10 @@ body { margin: 0; }
 
 
 /* @docs
-label: Hidden
+label: Hidden Attribute
 
 note: |
-  Maintain `hidden` behaviour
-  when overriding `display` defaults.
+  Maintain `hidden` behaviour when overriding `display` values.
 
   category: global
 */
@@ -123,6 +122,7 @@ note: |
   1. Block display is usually what we want
   2. Remove strange space-below in case authors overwrite the display value
   3. Responsive by default
+  4. Audio without `[controls]` remains hidden by default
 
 category: embedded elements
 */
@@ -131,6 +131,7 @@ img, svg, video, canvas, audio, iframe, embed, object {
   vertical-align: middle;
   max-width: 100%;
 }
+audio:not([controls]) { display:none; }
 
 
 /* @docs