From f2191c8990133e67d13a8080482b2af1ceb25150 Mon Sep 17 00:00:00 2001 From: Mayank <9084735+mayank99@users.noreply.github.com> Date: Sun, 30 Jul 2023 20:36:55 -0400 Subject: [PATCH 1/2] remove `.not-visually-hidden` class --- package/index.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package/index.css b/package/index.css index 82add91..d7d5019 100644 --- a/package/index.css +++ b/package/index.css @@ -99,7 +99,7 @@ outline-offset: 2px; } -:where(.visually-hidden:not(:focus, :active, :focus-within, .not-visually-hidden)) { +:where(.visually-hidden:not(:focus-within, :active)) { clip-path: inset(50%) !important; height: 1px !important; width: 1px !important; From a4d4604e7c1b2ca54009f90f975485cb723dc10c Mon Sep 17 00:00:00 2001 From: Mayank <9084735+mayank99@users.noreply.github.com> Date: Sun, 30 Jul 2023 20:49:42 -0400 Subject: [PATCH 2/2] Update README.md --- package/README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package/README.md b/package/README.md index 92577e0..a388a17 100644 --- a/package/README.md +++ b/package/README.md @@ -58,7 +58,7 @@ Every project needs "visually hidden" styles for screenreader-only text, so this It's available through the `.visually-hidden` class and all the rules in it use `!important` so that they can't be overridden by a higher-priority layer. -When a visually-hidden element is focused or an element inside it is focused, then these styles will automatically be undone. Additionally, a `.not-visually-hidden` class is available to undo these styles on some other condition. +When a visually-hidden element is focused or an element inside it is focused, then these styles will automatically be undone. ### Focus outlines