diff options
author | Sudarshan Kumar <sudarshan.kumar@att.com> | 2020-01-31 17:10:17 +0530 |
---|---|---|
committer | Sudarshan Kumar <sudarshan.kumar@att.com> | 2020-02-03 07:45:35 +0000 |
commit | 5505e42484efac0273627795583179d58f81a1ee (patch) | |
tree | aaa7a249a6f8c6eec80babbd37ffaa29a0ca3152 /ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/styles/bootstrap/mixins/_screen-reader.scss | |
parent | 2edccd7e8ef958d4891ba6de87a449daeb7593fe (diff) |
Added RDP Library
added RDP Library
Issue-ID: PORTAL-826
Change-Id: If00af4c55b568bb4e41c789b6b18749d8bc96858
Signed-off-by: Sudarshan Kumar <sudarshan.kumar@att.com>
Diffstat (limited to 'ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/styles/bootstrap/mixins/_screen-reader.scss')
-rw-r--r-- | ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/styles/bootstrap/mixins/_screen-reader.scss | 35 |
1 files changed, 35 insertions, 0 deletions
diff --git a/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/styles/bootstrap/mixins/_screen-reader.scss b/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/styles/bootstrap/mixins/_screen-reader.scss new file mode 100644 index 00000000..8f3eb1b1 --- /dev/null +++ b/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/styles/bootstrap/mixins/_screen-reader.scss @@ -0,0 +1,35 @@ +// Only display content to screen readers +// +// See: http://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; + clip-path: inset(50%); + 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; + clip-path: none; + } +} |