Display

Use this utility to set an element's display property. Utility classes are named using the format: env-d--{value}

Valid values

  • inline
  • block
  • flex
  • inline-block
  • inline-flex
  • none

Examples

<div class="example-display">
   <div class="env-p-around--x-small env-d--inline">Inline</div>
   <div class="env-p-around--x-small env-d--block">Block</div>
   <div class="env-p-around--x-small env-d--inline-block">Inline block</div>
   <div class="env-p-around--x-small env-d--flex">Flex</div>
   <div class="env-p-around--x-small env-d--inline-flex">Inline flex</div>
   <div class="env-p-around--x-small env-d--none">None</div>
</div>