Display

Control the display box type of any element, with responsive variants for every breakpoint.

Available Classes

Class	CSS
`.velin-d-none`	`display: none`
`.velin-d-inline`	`display: inline`
`.velin-d-inline-block`	`display: inline-block`
`.velin-d-block`	`display: block`
`.velin-d-grid`	`display: grid`
`.velin-d-inline-grid`	`display: inline-grid`
`.velin-d-table`	`display: table`
`.velin-d-table-row`	`display: table-row`
`.velin-d-table-cell`	`display: table-cell`
`.velin-d-flex`	`display: flex`
`.velin-d-inline-flex`	`display: inline-flex`

Responsive Display

Use breakpoint infixes to change display at specific widths:

<!-- Hidden on mobile, visible as block on md+ -->
<div class="velin-d-none velin-d-md-block">Desktop only</div>

<!-- Visible on mobile, hidden on lg+ -->
<div class="velin-d-block velin-d-lg-none">Mobile only</div>

<!-- Inline on sm, flex on lg -->
<div class="velin-d-sm-inline velin-d-lg-flex">Adaptive</div>

Print Display

Control display specifically for print media:

<div class="velin-d-print-none">Hidden when printing</div>
<div class="velin-d-none velin-d-print-block">Only shown when printing</div>