Accessibility Breakpoints Modifiers
The .o-sr-only and .o-not-sr-only utility classes can be used with breakpoints modifiers.
A typical use case is to hide a text on small screens and show it on larger screens.
<span class="o-not-sr-only o-sm-sr-only">Settings</span>XXS and below
link XXS and belowo-xxs-sr-onlyo-xxs-not-sr-onlyXS and below
link XS and belowo-xs-sr-onlyo-xs-not-sr-onlySM and below
link SM and belowo-sm-sr-onlyo-sm-not-sr-onlyMD and below
link MD and belowo-md-sr-onlyo-md-not-sr-onlyLG and below
link LG and belowo-lg-sr-onlyo-lg-not-sr-onlyXL and below
link XL and belowo-xl-sr-onlyo-xl-not-sr-onlyXXL and below
link XXL and belowo-xxl-sr-onlyo-xxl-not-sr-only