Accessibility

Screen Readers

Style utility for imporving the accessibility with screen readers.

🚧This page is still under construction and some content may not be complete.

Overview [sr-only]

ClassDeclarations
sr-onlyposition: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0

Conditionally apply

Apply styles in different states using selectors, media queries, etc.

<div class="sr-only:hover sr-only@sm sr-only@dark sr-only@print"></div>
PREVIOUS
ESLint

The ESLint configuration and plugin reference for Master CSS.

NEXT
Animation

Style syntax for applying an animation between styles.

MIT License © Aoyue Design LLC.