Warning, /iDDS/monitor/data/scss/bootstrap/mixins/_visually-hidden.scss is written in an unsupported language. File is not indexed.
0001 // stylelint-disable declaration-no-important
0002
0003 // Hide content visually while keeping it accessible to assistive technologies
0004 //
0005 // See: https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/
0006 // See: https://hugogiraudel.com/2016/10/13/css-hide-and-seek/
0007
0008 @mixin visually-hidden() {
0009 position: absolute !important;
0010 width: 1px !important;
0011 height: 1px !important;
0012 padding: 0 !important;
0013 margin: -1px !important; // Fix for https://github.com/twbs/bootstrap/issues/25686
0014 overflow: hidden !important;
0015 clip: rect(0, 0, 0, 0) !important;
0016 white-space: nowrap !important;
0017 border: 0 !important;
0018 }
0019
0020 // Use to only display content when it's focused.
0021 //
0022 // Useful for "Skip to main content" links; see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
0023
0024 @mixin visually-hidden-focusable() {
0025 &:not(:focus) {
0026 @include visually-hidden();
0027 }
0028 }
