diff --git a/CHANGELOG.md b/CHANGELOG.md index 9b479a4..2ee4606 100644 --- a/CHANGELOG.md +++ b/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: diff --git a/css/remedy.css b/css/remedy.css index bb00835..f9a9a74 100644 --- a/css/remedy.css +++ b/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