Layout
Responsive and Breakpoints
A facade page is a composition of breakpoint
sizes, they are
sm
,
md
,
lg
,
xl
,
To enable a breakpoint on an element simple affix, @< breakpoint size >
to your existing class, for example, u-textCenter@sm
to enable the textAlign utility only on thesm
breakpoint
Box
A facade layout is a composition of box
elements.
A box
is a flexiable component that allows you to control the alignment and layout of the elements within it, called spans
.
Span
spans
allows for responsive sizing of elements.