.u-hidden

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

Hidden utility

html

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
<div class="u-hidden">
  Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
</div>

.u-hidden-sm

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

Hidden utility for sm

html

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

.u-hidden-md

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

Hidden utility for md

html

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

.u-hidden-md-up

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

Hidden utility for md or more

html

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

.u-hidden-lg

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

Hidden utility for lg

html

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

.u-hidden-lg-up

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

Hidden utility for lg or more

html

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

.u-hidden-xl

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

Hidden utility for xl

html

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

.u-hidden-xl-up

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

Hidden utility for xl or more

html

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