Utilities
| Class Name | Suffix | Description | Example |
|---|---|---|---|
| w-suffix | 25, 50, 75, 100, auto and auto-fit | It gives width according to the parent. | w-100, w-auto and w-auto-fit |
| margin-suffix | 4, 8, 16, 24, 32, 40 and 64 | This classes will provide margin accordingly with unit px. | margin-24 |
| padding-suffix | 4, 8, 16, 24, 32, 40 and 64 | This classes will provide padding accordingly with unit px. | padding-24 |
| opacity-suffix | 25, 50, 75 and 100 | This classes will provide opacity accordingly with percentage as unit. | opacity-24 |
| box-shadow-suffix | sm, lg, deep and none | This classes will provide or remove Box shadow. | box-shadow-none |
| overflow-suffix | hidden, scroll | This will set the overflow property of the element. | overflow-hidden |
| position-suffix | absolute, relative | This will set the position property of the element. | position-hidden |
| border-suffix | 1 to 5 | This will set the border of the element according to the pixel. | border-2 |
| border-color-suffix | primary, danger, info, success, grey and inherit | This will set the border color of the element. | border-color-primary |
| border-color-suffix | primary, danger, muted, strong, info, success, grey and inherit | This will set the border color of the element. | border-color-primary |
| border-radius-suffix | sm, md, lg, full and none | This will set the border radius of the element. | border-radius-md |
| d-suffix | none, inline, block, inline-block and flex | This will set the display property of the element. | d-inline |
| d-flex-suffix | row, column, row-reverse and column-reverse | This will set the display flex property of the element. | d-flex-row |
| justify-content-suffix | start, end, center, between, around and evenly | This will set the justify-content property of the element. | justify-content-center |
| justify-items-suffix | start, end, center, between, around and evenly | This will set the justify-items property of the element. | justify-items-center |
| justify-self-suffix | start, end, center, between, around and evenly | This will set the justify-self property of the element. | justify-self-center |
| align-content-suffix | start, end, center, between, around and evenly | This will set the align-content property of the element. | align-content-center |
| align-items-suffix | start, end, center, between, around and evenly | This will set the align-items property of the element. | align-items-center |
| align-self-suffix | start, end, center, between, around and evenly | This will set the align-self property of the element. | align-self-center |
| hidden | - | This will hide the element. | hidden |
| disp | - | This will unhide the element. | disp |