From ec5e855e2e3c309eb18b5dfc0dfc8cd55c04c411 Mon Sep 17 00:00:00 2001 From: Riad Benguella Date: Wed, 24 Mar 2021 14:38:53 +0100 Subject: [PATCH] Improve visual hidden styles --- packages/block-library/src/common.scss | 10 +++++----- packages/components/src/visually-hidden/style.scss | 10 +++++----- 2 files changed, 10 insertions(+), 10 deletions(-) diff --git a/packages/block-library/src/common.scss b/packages/block-library/src/common.scss index 4cd25f750d522..f39f63a5d71f1 100644 --- 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 index 8c8d8472d5779..ee35af6738056 100644 --- 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; }