Examples
Documentation
Overview
Breakpoint is optional. Breakpoints: base (no breakpoint value), -on-sm, -on-md, -on-lg, and -on-xl. Example .pf-v5-u-display-inline-block-on-lg
Usage
Class | Applied to | Outcome |
|---|---|---|
.pf-v5-u-display-inline{-on-[breakpoint]} | * | Sets display: inline |
.pf-v5-u-display-block{-on-[breakpoint]} | * | Sets display: block |
.pf-v5-u-display-inline-block{-on-[breakpoint]} | * | Sets display: inline-block |
.pf-v5-u-display-flex{-on-[breakpoint]} | * | Sets display: flex |
.pf-v5-u-display-inline-flex{-on-[breakpoint]} | * | Sets display: inline-flex |
.pf-v5-u-display-grid{-on-[breakpoint]} | * | Sets display: grid |
.pf-v5-u-display-inline-grid{-on-[breakpoint]} | * | Sets display: inline-grid |
.pf-v5-u-display-table{-on-[breakpoint]} | * | Sets display: table |
.pf-v5-u-display-table-row{-on-[breakpoint]} | * | Sets display: table-row |
.pf-v5-u-display-table-cell{-on-[breakpoint]} | * | Sets display: table-cell |
.pf-v5-u-display-none{-on-[breakpoint]} | * | Sets display: none |
View source on GitHub
