Display
Sets display state.
Display
Usage
/* Format */
.u-display--{state} {}
/* Examples & modifiers */
.u-display--none {}
.u-display--inline {}
.u-display--inline-block {}
.u-display--block {}
.u-display--table {}
.u-display--table-cell {}
.u-display--table-row {}
.u-display--flex {}
.u-display--inline-flex {}| Modifier | Values | Description |
|---|---|---|
|
state
|
none, inline, inline-block, block, table, table-cell, table-row, flex, inline-flex | Sets display state. |
Supports responsive suffix (e.g. u-display--{state}@{sm, md, lg}).
Preview
Preview