Base
Helpers
Responsive helpers.
These helpers allow you to toggle the visibility of elements as the viewport scales. Em values are calculated at the browser body default of 16px = 1em.
Visible Example: Green means visible
< 48em
.visible-xs
< 48em
.visible-xs
48em to 62em
.visible-s
48em to 62em
.visible-s
62em to 75em
.visible-m
62em to 75em
.visible-m
> 75em
.visible-l
> 75em
.visible-l
Hidden Example: Red means hidden
< 48em
.hidden-xs
< 48em
.hidden-xs
48em to 62em
.hidden-s
48em to 62em
.hidden-s
62em to 75em
.hidden-m
62em to 75em
.hidden-m
> 75em
.hidden-l
> 75em
.hidden-l