Float
Controls the content wrapping around an element.
Class | Properties |
---|---|
flo-none | float: none; |
flo-l | float: left; |
flo-r | float: right; |
flo-is | float: inline-start; |
flo-ie | float: inline-end; |
Using breakpoints
Using responsive breakpoints like sm:flo-*
, md:flo-*
, lg:flo-*
, and xxl:flo-*
allows targeting specific utilities in different viewports.
Using variants
Using :hover
variants such as h:flo-*
allows you to override elements and change their values when hovering over them.