From 7a37fd8dd8adfdc6bcd49cb7d11de37f5d5efd46 Mon Sep 17 00:00:00 2001 From: Mayank <9084735+mayank99@users.noreply.github.com> Date: Wed, 15 May 2024 20:43:07 -0400 Subject: [PATCH 1/9] mention new features in README --- package/README.md | 1 + 1 file changed, 1 insertion(+) 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. From bc7c5727f8e6ce5f1f7f21ad3cd0e1aff4c3d7c4 Mon Sep 17 00:00:00 2001 From: Mayank <9084735+mayank99@users.noreply.github.com> Date: Fri, 7 Jun 2024 16:49:36 -0400 Subject: [PATCH 2/9] combine dialog and popover resets --- package/index.css | 16 +++------------- 1 file changed, 3 insertions(+), 13 deletions(-) diff --git a/package/index.css b/package/index.css index ab3293a..b211b8f 100644 --- a/package/index.css +++ b/package/index.css @@ -94,26 +94,16 @@ overflow: visible; } -:where(dialog) { +:where(dialog, [popover]) { border: none; background: none; + color: inherit; inset: unset; max-width: unset; max-height: 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; } From b0f15466e313f7b2fe8f34ad70d4652c8ac477ad Mon Sep 17 00:00:00 2001 From: Mayank <9084735+mayank99@users.noreply.github.com> Date: Thu, 28 Nov 2024 20:39:52 -0500 Subject: [PATCH 3/9] unset dialog/popover overflow --- package/index.css | 1 + 1 file changed, 1 insertion(+) diff --git a/package/index.css b/package/index.css index b211b8f..9f85c1e 100644 --- a/package/index.css +++ b/package/index.css @@ -101,6 +101,7 @@ inset: unset; max-width: unset; max-height: unset; + overflow: unset; } :where(dialog:not([open], [popover]), [popover]:not(:popover-open)) { From 32558fef0edd52423a60e35daa6d0ae51651909b Mon Sep 17 00:00:00 2001 From: Mayank <9084735+mayank99@users.noreply.github.com> Date: Thu, 28 Nov 2024 20:40:30 -0500 Subject: [PATCH 4/9] simplify --- package/index.css | 6 +----- 1 file changed, 1 insertion(+), 5 deletions(-) diff --git a/package/index.css b/package/index.css index 9f85c1e..8265b91 100644 --- a/package/index.css +++ b/package/index.css @@ -51,11 +51,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; } From 7b3d0773943205dd6cbb8bcddc5bb94391a0b872 Mon Sep 17 00:00:00 2001 From: Mayank <9084735+mayank99@users.noreply.github.com> Date: Thu, 28 Nov 2024 20:41:15 -0500 Subject: [PATCH 5/9] add `interpolate-size` --- package/index.css | 1 + 1 file changed, 1 insertion(+) diff --git a/package/index.css b/package/index.css index 8265b91..f8b53fa 100644 --- a/package/index.css +++ b/package/index.css @@ -15,6 +15,7 @@ color-scheme: dark light; tab-size: 2; scrollbar-gutter: stable; + interpolate-size: allow-keywords; } :where(html:has(dialog:modal[open])) { From ecd923650880a69c1d4c0ab94366a225f5a88617 Mon Sep 17 00:00:00 2001 From: Mayank <9084735+mayank99@users.noreply.github.com> Date: Thu, 28 Nov 2024 20:42:43 -0500 Subject: [PATCH 6/9] inherit `letter-spacing` and `word-spacing` too --- package/index.css | 2 ++ 1 file changed, 2 insertions(+) diff --git a/package/index.css b/package/index.css index f8b53fa..022d6f2 100644 --- a/package/index.css +++ b/package/index.css @@ -41,6 +41,8 @@ :where(input, button, textarea, select) { font: inherit; color: inherit; + letter-spacing: inherit; + word-spacing: inherit; } :where(textarea) { From e4ef302d7a85453946c80dd1ea1e16156bd2767a Mon Sep 17 00:00:00 2001 From: Mayank <9084735+mayank99@users.noreply.github.com> Date: Thu, 28 Nov 2024 20:49:42 -0500 Subject: [PATCH 7/9] move `line-height` to `html` --- package/index.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/package/index.css b/package/index.css index 022d6f2..3fa137c 100644 --- a/package/index.css +++ b/package/index.css @@ -16,6 +16,7 @@ tab-size: 2; scrollbar-gutter: stable; interpolate-size: allow-keywords; + line-height: 1.5; } :where(html:has(dialog:modal[open])) { @@ -29,7 +30,7 @@ } :where(body) { - line-height: 1.5; + line-height: inherit; font-family: system-ui, sans-serif; -webkit-font-smoothing: antialiased; } From 67884d22763133e5733a8607c85db5f6d7c61349 Mon Sep 17 00:00:00 2001 From: Mayank <9084735+mayank99@users.noreply.github.com> Date: Thu, 28 Nov 2024 20:57:08 -0500 Subject: [PATCH 8/9] inherit variable font settings --- package/index.css | 2 ++ 1 file changed, 2 insertions(+) diff --git a/package/index.css b/package/index.css index 3fa137c..ee712b5 100644 --- a/package/index.css +++ b/package/index.css @@ -44,6 +44,8 @@ color: inherit; letter-spacing: inherit; word-spacing: inherit; + font-feature-settings: inherit; + font-variation-settings: inherit; } :where(textarea) { From 3dc89fae0a7178cd8ddef211f98100b4c75496ac Mon Sep 17 00:00:00 2001 From: Mayank <9084735+mayank99@users.noreply.github.com> Date: Thu, 28 Nov 2024 21:00:02 -0500 Subject: [PATCH 9/9] 0.11.0 --- package/package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) 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": {