Collapse
←This set of media query related helper classes makes flowed content collapse on smaller sizes. -t
is for tablet and -p
for phone screen resolutions. This class can be applied in combination with .grid
, .flex
or .column
.
There are additional responsive helper methods for each conent flow method: grid breakpoints, flex breakpoints and column breakpoints.
Syntax:
.collapse-{breakpoint}
SCSS:
_media-queries.scss
.collapse-t
will
collapse
on
tablet
screen
size
so
that
every
word
is
one
row
.collapse-p
will
collapse
on
tablet
screen
size
so
that
every
word
is
one
row