Hide an element visually with .sr-only. The element is still read by screen readers but doesn't render. Used for accessibility best practices.
<a class="sr-only" href="#content">Skip to main content</a>// Usage as a Mixin
.skip-navigation {
.sr-only();
}