<!-- Auto-generated by `velinstyle docs generate`. Do not edit. Source: src/utilities/display.css -->

# Utilities: display

Source: `src/utilities/display.css`

| Class | CSS output |
| --- | --- |
| `.velin-block` | `display: block;` |
| `.velin-col-break-avoid` | `break-inside: avoid;` |
| `.velin-col-break-before` | `break-before: column;` |
| `.velin-columns-1` | `columns: 1;` |
| `.velin-columns-2` | `columns: 2;` |
| `.velin-columns-3` | `columns: 3;` |
| `.velin-columns-4` | `columns: 4;` |
| `.velin-columns-auto` | `columns: auto;` |
| `.velin-contents` | `display: contents;` |
| `.velin-flex` | `display: flex;` |
| `.velin-grid` | `display: grid;` |
| `.velin-hidden` | `display: none;` |
| `.velin-inline` | `display: inline;` |
| `.velin-inline-block` | `display: inline-block;` |
| `.velin-inline-flex` | `display: inline-flex;` |
| `.velin-inline-grid` | `display: inline-grid;` |
| `.velin-invisible` | `visibility: hidden;` |
| `.velin-lg-block` | `display: block;` |
| `.velin-lg-flex` | `display: flex;` |
| `.velin-lg-grid` | `display: grid;` |
| `.velin-lg-hidden` | `display: none;` |
| `.velin-lg-inline` | `display: inline;` |
| `.velin-md-block` | `display: block;` |
| `.velin-md-flex` | `display: flex;` |
| `.velin-md-grid` | `display: grid;` |
| `.velin-md-hidden` | `display: none;` |
| `.velin-md-inline` | `display: inline;` |
| `.velin-opacity-0` | `opacity: 0;` |
| `.velin-opacity-100` | `opacity: 1;` |
| `.velin-opacity-25` | `opacity: 0.25;` |
| `.velin-opacity-50` | `opacity: 0.5;` |
| `.velin-opacity-75` | `opacity: 0.75;` |
| `.velin-order-1` | `order: 1;` |
| `.velin-order-10` | `order: 10;` |
| `.velin-order-11` | `order: 11;` |
| `.velin-order-12` | `order: 12;` |
| `.velin-order-2` | `order: 2;` |
| `.velin-order-3` | `order: 3;` |
| `.velin-order-4` | `order: 4;` |
| `.velin-order-5` | `order: 5;` |
| `.velin-order-6` | `order: 6;` |
| `.velin-order-7` | `order: 7;` |
| `.velin-order-8` | `order: 8;` |
| `.velin-order-9` | `order: 9;` |
| `.velin-order-first` | `order: -9999;` |
| `.velin-order-last` | `order: 9999;` |
| `.velin-order-none` | `order: 0;` |
| `.velin-overflow-auto` | `overflow: auto;` |
| `.velin-overflow-clip` | `overflow: clip;` |
| `.velin-overflow-hidden` | `overflow: hidden;` |
| `.velin-overflow-x-auto` | `overflow-x: auto;` |
| `.velin-overflow-y-auto` | `overflow-y: auto;` |
| `.velin-sm-block` | `display: block;` |
| `.velin-sm-flex` | `display: flex;` |
| `.velin-sm-grid` | `display: grid;` |
| `.velin-sm-hidden` | `display: none;` |
| `.velin-sm-inline` | `display: inline;` |
| `.velin-visible` | `visibility: visible;` |