diff options
author | Mario Vavti <mario@mariovavti.com> | 2018-09-07 11:26:02 +0200 |
---|---|---|
committer | Mario Vavti <mario@mariovavti.com> | 2018-09-07 11:26:02 +0200 |
commit | 54fa28441c5f0bdcd9687615f4a6b7a0fab024a3 (patch) | |
tree | 33866b82c7ba3a6f6ecb9e6ca69233fc65379b43 /vendor/twbs/bootstrap/scss/mixins/_screen-reader.scss | |
parent | bb42ec2bfc0826dde3e3915566c4689762b128d7 (diff) | |
download | volse-hubzilla-54fa28441c5f0bdcd9687615f4a6b7a0fab024a3.tar.gz volse-hubzilla-54fa28441c5f0bdcd9687615f4a6b7a0fab024a3.tar.bz2 volse-hubzilla-54fa28441c5f0bdcd9687615f4a6b7a0fab024a3.zip |
install bootstrap via composer
Diffstat (limited to 'vendor/twbs/bootstrap/scss/mixins/_screen-reader.scss')
-rw-r--r-- | vendor/twbs/bootstrap/scss/mixins/_screen-reader.scss | 33 |
1 files changed, 33 insertions, 0 deletions
diff --git a/vendor/twbs/bootstrap/scss/mixins/_screen-reader.scss b/vendor/twbs/bootstrap/scss/mixins/_screen-reader.scss new file mode 100644 index 000000000..812591bc5 --- /dev/null +++ b/vendor/twbs/bootstrap/scss/mixins/_screen-reader.scss @@ -0,0 +1,33 @@ +// Only display content to screen readers +// +// See: https://a11yproject.com/posts/how-to-hide-content/ +// See: https://hugogiraudel.com/2016/10/13/css-hide-and-seek/ + +@mixin sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +// Use in conjunction with .sr-only to only display content when it's focused. +// +// Useful for "Skip to main content" links; see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1 +// +// Credit: HTML5 Boilerplate + +@mixin sr-only-focusable { + &:active, + &:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; + } +} |