update skip to content non focus state

primer · Dec 18, 2023 · f61c5ba · f61c5ba
1 parent b49f218
commit f61c5ba
Showing 1 changed file with 8 additions and 5 deletions.
diff --git a/packages/theme/components/layout/skip-to-main-content/SkipToMainContent.module.css b/packages/theme/components/layout/skip-to-main-content/SkipToMainContent.module.css
@@ -1,14 +1,17 @@
 .SkipToMainContent {
   position: absolute;
   top: 0;
+  left: 0;
   z-index: 999;
   padding: var(--base-size-16);
   background-color: var(--base-color-scale-blue-5);
   color: var(--base-color-scale-white-0);
-  opacity: 0;
 }
-.SkipToMainContent:focus {
-  left: 0;
-  opacity: 1;
-  opacity: 1;
+.SkipToMainContent:not(:focus) {
+  clip: rect(1px, 1px, 1px, 1px);
+  clip-path: inset(50%);
+  height: 1px;
+  width: 1px;
+  margin: -1px;
+  padding: 0px;
 }