Bootstrap/scss/helpers/_visually-hidden.scss

@use "../mixins/visually-hidden" as *;

//
// Visually hidden
//

@layer helpers {
  .visually-hidden,
  .visually-hidden-focusable:not(:focus):not(:focus-within) {
    @include visually-hidden();
  }
}
Tons of Sass module fixes 2025-02-18 13:37:25 -08:00			`@use "../mixins/visually-hidden" as *;`

Reorganize utilities into more separate files under a `/scss/utilities/` directory [skip sauce] [skip validator] 2015-12-10 19: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 12:07:20 +01:00			`// Visually hidden`
Reorganize utilities into more separate files under a `/scss/utilities/` directory [skip sauce] [skip validator] 2015-12-10 19:43:28 -08:00			`//`

wip css layers 2025-02-19 23:08:52 -08:00			`@layer helpers {`
			`.visually-hidden,`
			`.visually-hidden-focusable:not(:focus):not(:focus-within) {`
			`@include visually-hidden();`
			`}`
Reorganize utilities into more separate files under a `/scss/utilities/` directory [skip sauce] [skip validator] 2015-12-10 19:43:28 -08:00			`}`