MinvervaNeue has been using for historic reasons[1] a fork of Erik Meyer's reset.
This has become seen as disadvantegous for a few reasons in contrast to normalize.css:
- normalize.css preserves useful defaults rather than "unstyling" everything.
- It corrects some common bugs that are out of scope for reset.css.
- It doesn't clutter your dev tools.
- It is more modular and can be broken down to the elements MinveraNeue wants to support
On top of normalize, we could also add some opinionated styles inspired by collections like sanitize.css and clearly mark them so.
[1]: Invented first to tame T42751 6 years ago.
Proposed change
Subtasks (and patches by @Volker_E; all of which are small) provide the split of the monster selector in more modular code. In a feature branch:
- Patches which split up code only
- Patches which add additional properties, inspired by normalize.css
Acceptance criteria
- Table styles have been moved to a separate file tables.less and ordered by specificity (tracked in subtask T217620)
- Image styles are moved to images.less. Border reset is moved to links.less (tracked in subtask T217630)
- Form styles are moved out of the reset to more logical places (T217622)
- Unnecessary reset rules are removed (T217631) including for headings (T217626) and audio/video (T217629). Note video tag is not currently used in mobile site so risk here is negligible.
- The normalize feature should be added to Minerva's ResourceLoaderSkinModule definition.
QA steps
- We can rely on Pixel for this. Provided there are no visual regression this can be called resolved.
Sign off steps
- Make sure all subtasks are merged.
