.u-visible

  • /src/css/object/utility/_visible.scss

Visible utility

html

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