Improve visual hidden styles

WordPress · Mar 24, 2021 · ec5e855 · ec5e855
1 parent c38dfed
commit ec5e855
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 10 deletions.
diff --git a/packages/block-library/src/common.scss b/packages/block-library/src/common.scss
@@ -97,18 +97,18 @@
 }
 
 .screen-reader-text:focus {
-	background-color: $gray-300;
+	background-color: $white;
 	clip: auto !important;
 	clip-path: none;
-	color: #444;
+	color: $black;
 	display: block;
 	font-size: 1em;
 	height: auto;
-	left: 5px;
+	left: 1em;
 	line-height: normal;
-	padding: 15px 23px 14px;
+	padding: 1em;
 	text-decoration: none;
-	top: 5px;
+	top: 1em;
 	width: auto;
 	z-index: 100000;
 }
diff --git a/packages/components/src/visually-hidden/style.scss b/packages/components/src/visually-hidden/style.scss
@@ -13,18 +13,18 @@
 }
 
 .components-visually-hidden:focus {
-	background-color: $gray-300;
+	background-color: $white;
 	clip: auto !important;
 	clip-path: none;
-	color: #444;
+	color: $black;
 	display: block;
 	font-size: 1em;
 	height: auto;
-	left: 5px;
+	left: 1em;
 	line-height: normal;
-	padding: 15px 23px 14px;
+	padding: 1em;
 	text-decoration: none;
-	top: 5px;
+	top: 1em;
 	width: auto;
 	z-index: 100000;
 }