Moving sass and js files in to the assets directory.
This commit is contained in:
parent
48a823f577
commit
b763e4f514
2 changed files with 139 additions and 9 deletions
24
assets/sass/components/visually-hidden/_visually-hidden.scss
Normal file
24
assets/sass/components/visually-hidden/_visually-hidden.scss
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
// Visually hidden
|
||||
//
|
||||
// Make an element visually hidden, but accessible to screen readers, etc.
|
||||
//
|
||||
// .visually-hidden--off - Turns off the visually-hidden effect.
|
||||
// .visually-hidden--focusable - Makes an element visually hidden by default,
|
||||
// but visible when receiving focus.
|
||||
// .visually-hidden--focusable:focus - A focused, and visible, element.
|
||||
|
||||
.visually-hidden,
|
||||
%visually-hidden {
|
||||
@include visually-hidden();
|
||||
|
||||
&--off {
|
||||
@include visually-hidden--off();
|
||||
}
|
||||
|
||||
&--focusable {
|
||||
&:active,
|
||||
&:focus {
|
||||
@extend %visually-hidden--off;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
{
|
||||
"content": "This text will be read by screen readers, but will be visually hidden."
|
||||
}
|
||||
Loading…
Reference in a new issue