diff --git a/package/README.md b/package/README.md index af71f7e..be14ccf 100644 --- a/package/README.md +++ b/package/README.md @@ -8,6 +8,7 @@ A style reset that embraces modern CSS features to give you a better base to sta - Auto dark mode using `color-scheme`. - `system-ui` font pre-applied. - Accessible, consistent focus outlines. +- Supports new features like `` and `popover`. - `.visually-hidden` class baked in. See the [source code](https://github.com/mayank99/reset.css/blob/main/package/index.css) if you're curious about the full set of rules. diff --git a/package/index.css b/package/index.css index ab3293a..ee712b5 100644 --- a/package/index.css +++ b/package/index.css @@ -15,6 +15,8 @@ color-scheme: dark light; tab-size: 2; scrollbar-gutter: stable; + interpolate-size: allow-keywords; + line-height: 1.5; } :where(html:has(dialog:modal[open])) { @@ -28,7 +30,7 @@ } :where(body) { - line-height: 1.5; + line-height: inherit; font-family: system-ui, sans-serif; -webkit-font-smoothing: antialiased; } @@ -40,6 +42,10 @@ :where(input, button, textarea, select) { font: inherit; color: inherit; + letter-spacing: inherit; + word-spacing: inherit; + font-feature-settings: inherit; + font-variation-settings: inherit; } :where(textarea) { @@ -51,11 +57,7 @@ cursor: pointer; } -:where(:disabled) { - cursor: not-allowed; -} - -:where(label:has(> input:disabled), label:has(+ input:disabled)) { +:where(:disabled, label:has(> :disabled, + disabled)) { cursor: not-allowed; } @@ -94,26 +96,17 @@ overflow: visible; } -:where(dialog) { +:where(dialog, [popover]) { border: none; background: none; + color: inherit; inset: unset; max-width: unset; max-height: unset; + overflow: unset; } -:where(dialog:not([open], [popover])) { - display: none !important; -} - -:where([popover]) { - border: none; - background: none; - inset: unset; - color: inherit; -} - -:where([popover]:not(:popover-open)) { +:where(dialog:not([open], [popover]), [popover]:not(:popover-open)) { display: none !important; } diff --git a/package/package.json b/package/package.json index f5457d7..6a56c70 100644 --- a/package/package.json +++ b/package/package.json @@ -1,6 +1,6 @@ { "name": "@acab/reset.css", - "version": "0.10.0", + "version": "0.11.0", "type": "module", "description": "a modern css reset for 2024 and beyond", "repository": {