Version 4

[mdo]

• Rewrites content in Markdown for easier maintenance and removes all _includes for code snippets.
• Rebuilds page layout using CSS Grid.
• Removed outdated JavaScript-generated markup section given proliferation of numerous JS frameworks.
• Removed outdated Prefixed properties section as majority of the properties this applied to no longer require prefixes (e.g., border-radius, box-shadow, etc).
• Redesigns masthead and introduces new project icon.

Closed issues

• Fixes Generic element tag selectors also bad for reasons besides perf #91: Be more explicit about classes over element selectors
• Fixes Advise use of child (rather than descendant) selectors when component is recursive? #92: Mention child combinator for selectors
• Fixes ⌥ Option key doesn't show up right #119: Removed Prefixed properties section, fixing a broken character
• Fixes Add tabindex and style to attribute ordering section #126: Include style and tabindex in property order
• Fixes Better language code reference #143: Updated language reference link
• Fixes Include guidance on where mixins come in declaration order #156: Mention mixins and functions in CSS property order
• Fixes Box-model and border #170: Mention border placement in Visual section of declaration order
• Fixes Advice on JavaScript generated markup offers no solution #213: Removes JavaScript-generated markup section
• Fixes Update links to the HTML standard #238: Update HTML spec links
• Fixes link break #258: Update link to Stylelint config

Todos

• Update CSS syntax section to include new color formats for rgb and hsl
• Explain why border is under visual when it's part of the box model (box-sizing, relation to border-radius, etc)
• Update Sass and Less mentions to preprocessors
• Add to CSS Comments section: remove on publish, use Sass syntax //
• Add Logical properties section?