diff options
| author | Patrick H. Lauke <[email protected]> | 2020-07-31 10:27:36 +0100 |
|---|---|---|
| committer | GitHub <[email protected]> | 2020-07-31 10:27:36 +0100 |
| commit | cdea25584dc7a074d099931c5be77fe3fb5fde20 (patch) | |
| tree | 85846363f1142f43060c94b074d006d6e080e4ef /scss | |
| parent | 8aab8b7c8a1a930ae3e1bd0539c3b1c10351d028 (diff) | |
| download | bootstrap-cdea25584dc7a074d099931c5be77fe3fb5fde20.tar.xz bootstrap-cdea25584dc7a074d099931c5be77fe3fb5fde20.zip | |
Cleanup/fix after the sr-only to visually-hidden renaming (#31359)
* sr-only -> visually-hidden cleanup
It seems the old screen-readers.md file was left behind, and forgot to rename the mixin
* Fix broken mixins for visually-hidden
Diffstat (limited to 'scss')
| -rw-r--r-- | scss/_mixins.scss | 2 | ||||
| -rw-r--r-- | scss/mixins/_visually-hidden.scss (renamed from scss/mixins/_screen-reader.scss) | 6 |
2 files changed, 4 insertions, 4 deletions
diff --git a/scss/_mixins.scss b/scss/_mixins.scss index 8c00f31d2..7b06cd819 100644 --- a/scss/_mixins.scss +++ b/scss/_mixins.scss @@ -12,7 +12,7 @@ @import "mixins/breakpoints"; @import "mixins/image"; @import "mixins/resize"; -@import "mixins/screen-reader"; +@import "mixins/visually-hidden"; @import "mixins/reset-text"; @import "mixins/text-truncate"; diff --git a/scss/mixins/_screen-reader.scss b/scss/mixins/_visually-hidden.scss index e5ee63c09..26edfe84b 100644 --- a/scss/mixins/_screen-reader.scss +++ b/scss/mixins/_visually-hidden.scss @@ -1,11 +1,11 @@ // stylelint-disable declaration-no-important -// Only display content to screen readers +// Hide content visually while keeping it accessible to assistive technologies // // See: https://a11yproject.com/posts/how-to-hide-content/ // See: https://hugogiraudel.com/2016/10/13/css-hide-and-seek/ -@mixin visually-hidden { +@mixin visually-hidden() { position: absolute !important; width: 1px !important; height: 1px !important; @@ -21,7 +21,7 @@ // // Useful for "Skip to main content" links; see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1 -@mixin visually-hidden-focusable { +@mixin visually-hidden-focusable() { &:not(:focus) { @include visually-hidden(); } |