bootstrap/scss/helpers/_visually-hidden.scss

//
// Visually hidden
//

.visually-hidden,
.visually-hidden-focusable:not(:focus) {
  @include visually-hidden();
}
Reorganize utilities into more separate files under a `/scss/utilities/` directory [skip sauce] [skip validator] 2015-12-11 11:43:28 +08:00			`//`
Docs: rename "Screen readers" helper page to "Visually hidden" "screen readers" is quite reductive, as there are other assistive technologies. content hidden this way is even announced by things like Alexa/Siri etc, so it's not so much just "screen readers". in the long run, we may even consider changing the actual classnames (maybe `.visually-hidden` / `.visually-hidden-focusable`, though admittedly that's a bit verbose). also includes a tiny tweak to layout.md to generalise the note about using `.sr-only` 2020-06-21 19:07:20 +08:00			`// Visually hidden`
Reorganize utilities into more separate files under a `/scss/utilities/` directory [skip sauce] [skip validator] 2015-12-11 11:43:28 +08:00			`//`

Rename `sr-only`/`sr-only-focusable` (#31139) * Rename `sr-only`/`sr-only-focusable` To be more representative of the fact that these are not necessarily "screen reader" specific, but actually apply to assistive technologies in general (and also things like Alexa/Siri/etc). Goes hand-in-hand with #31133 Co-authored-by: XhmikosR <xhmikosr@gmail.com> 2020-07-03 19:38:11 +08:00			`.visually-hidden,`
			`.visually-hidden-focusable:not(:focus) {`
			`@include visually-hidden();`
Reorganize utilities into more separate files under a `/scss/utilities/` directory [skip sauce] [skip validator] 2015-12-11 11:43:28 +08:00			`}`