Alignment
Alignment utilities control the float and display behavior of elements. Each class supports responsive breakpoint suffixes (@sm, @md, @lg, @xl, @print).
Classes
Section titled “Classes”| Class | Description |
|---|---|
.util-align-left | Float left with right and bottom margin (1.5rem) |
.util-align-center | Block display, centered with auto margins |
.util-align-right | Float right with left and bottom margin (1.5rem) |
Responsive Usage
Section titled “Responsive Usage”Append a breakpoint suffix to apply alignment at specific screen sizes:
| Example | Description |
|---|---|
.util-align-left@sm | Float left from the sm breakpoint and up |
.util-align-center@md | Center from the md breakpoint and up |
.util-align-right@lg | Float right from the lg breakpoint and up |