diff --git a/packages/block-library/src/common.scss b/packages/block-library/src/common.scss index 0e96cb1eb63cad..4cd25f750d5223 100644 --- a/packages/block-library/src/common.scss +++ b/packages/block-library/src/common.scss @@ -81,3 +81,34 @@ .items-justified-space-between { justify-content: space-between; } + +.screen-reader-text { + border: 0; + clip: rect(1px, 1px, 1px, 1px); + -webkit-clip-path: inset(50%); + clip-path: inset(50%); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; + word-wrap: normal !important; +} + +.screen-reader-text:focus { + background-color: $gray-300; + clip: auto !important; + clip-path: none; + color: #444; + display: block; + font-size: 1em; + height: auto; + left: 5px; + line-height: normal; + padding: 15px 23px 14px; + text-decoration: none; + top: 5px; + width: auto; + z-index: 100000; +} diff --git a/packages/block-library/src/reset.scss b/packages/block-library/src/reset.scss index 934545ad1b8060..840ba76e173dc1 100644 --- a/packages/block-library/src/reset.scss +++ b/packages/block-library/src/reset.scss @@ -98,4 +98,31 @@ line-height: revert; font-weight: revert; } + + select, + select:disabled, + select:focus { + color: revert; + border: revert; + border-radius: revert; + background: revert; + box-shadow: revert; + text-shadow: revert; + outline: revert; + cursor: revert; + transform: revert; + font-size: revert; + line-height: revert; + padding: revert; + margin: revert; + min-height: revert; + max-width: revert; + -webkit-appearance: revert; + vertical-align: revert; + font-weight: revert; + } + + select { + font-family: system-ui; + } }