1.0.0

Added

• display: none for undefined custom elements to prevent rendering them prematurely.
• text-wrap: balance for headings for more elegant handling of widows; see https://ishadeed.com/article/css-text-wrap-balance/
• display: list-item for summary element
• Default backdrop blur on dialog element
• Document overflow is now hidden when dialog is open (experimental)
• Table captions are now positioned at bottom by default

Changed

• box-sizing for every element is set to border-box; earlier it was inheriting from parent (leading to unintended behavior in children due to cascade)
• Stroke customization is applied only on SVGs without fill; earlier it was being applied to all SVGs.

Removed

• font-smoothing has been removed; see https://www.zachleat.com/web/font-smooth/
• list-style: none for lists with [role=list]

API

Some of the properties in the reset are now customizable through CSS properties. You can define these properties in :root or html scope.

• --preset-line-height to override the line-height (fallback value: calc(0.3rem + 2ex + 0.3rem))
• --preset-tab-size to control the indentation width of code block tabs (fallback value: 2)
• --preset-stroke-color to override the stroke color of SVG with no fill (fallback value: currentColor)
• --preset-dialog-backdrop-filter to override the backdrop filter of the dialog (fallback value: blur(25px))
• --preset-table-caption-side to customize caption position of a table caption (fallback value: bottom)

---

Full Changelog: 0.7.6...1.0.0