17 lines
338 B
CSS
17 lines
338 B
CSS
/* Visually hidden
|
|
|
|
Make an element visually hidden, but accessible to screen readers, etc. */
|
|
|
|
@layer components {
|
|
.visually-hidden {
|
|
&:not(:focus, :active) {
|
|
position: absolute;
|
|
clip-path: inset(50%);
|
|
height: 1px;
|
|
width: 1px;
|
|
margin: 0;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
}
|
|
}
|
|
}
|