Display Utility
# Intro
The display utility controls the display of an element.
All display utilities have responsive variants for each breakpoint. Use
--xs-{utility}
, --sm-{utility}
, --md-{utility}
, --lg-{utility}
, --xl-{utility}
. Class | Properties |
---|---|
--block | display: block; |
--inline-block | display: inline-block; |
--inline | display: inline; |
--flex | display: flex; |
--inline-flex | display: inline-flex; |
--table | display: table; |
--table-row | display: table-row; |
--table-cell | display: table-cell; |
--hidden | display: none; |