Display property utilities: block, flex, grid, inline, none. Both antsand-prefixed and shorthand classes.
Control element visibility and layout mode.
.antsand-d-block.antsand-d-flex.antsand-d-grid.antsand-d-inline.antsand-d-inline-block.antsand-d-inline-flex.antsand-d-none<div class="antsand-d-block">Block</div>
<div class="antsand-d-flex">Flex</div>
<div class="antsand-d-grid">Grid</div>
<div class="antsand-d-inline">Inline</div>
<div class="antsand-d-inline-block">Inline block</div>
<div class="antsand-d-none">Hidden</div>
<!-- Shorthand -->
<div class="block">Block</div>
<div class="flex">Flex</div>
<div class="hidden">Hidden</div>Show/hide at breakpoints.
Combine with responsive prefixes:
.hidden .md:block — Hidden on mobile, visible on tablet+.block .lg:hidden — Visible on mobile, hidden on desktop.antsand-d-none .antsand-d-md-flex — None → flex at md<!-- Hide on mobile, show on tablet+ -->
<div class="hidden md:block">Desktop only</div>
<!-- Show on mobile, hide on desktop -->
<div class="block lg:hidden">Mobile only</div>