Utilities
| Class | Example |
|---|---|
| .mdst-sr-only | Visible label This text is only visible to screen readers (hidden text present in DOM) |
| .mdst-truncate |
This text is too long and will be truncated with an ellipsis instead of wrapping.
|
| .mdst-muted | This text is muted |
| .mdst-mono | font-family: monospace |
Usage
<!-- Screen reader only -->
<span class="mdst-sr-only">Skip to content</span>
<!-- Truncated text -->
<div class="mdst-truncate" style="max-width: 12rem">
Long text that will be truncated...
</div>
<!-- Muted text -->
<span class="mdst-muted">Secondary text</span>
<!-- Monospace text -->
<code class="mdst-mono">monospace</code>