.u-visible
Visible utility
html
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
<div class="u-visible">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
</div>
Visible utility
<div class="u-visible">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
</div>
Visible utility for sm
<div class="u-hidden u-visible-sm">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
</div>
Visible utility for md
<div class="u-hidden u-visible-md">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
</div>
Visible utility for md or more
<div class="u-hidden u-visible-md-up">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
</div>
Visible utility for lg
<div class="u-hidden u-visible-lg">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
</div>
Visible utility for lg or more
<div class="u-hidden u-visible-lg-up">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
</div>
Visible utility for xl
<div class="u-hidden u-visible-xl">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
</div>
Visible utility for xl or more
<div class="u-hidden u-visible-xl-up">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
</div>