Smart Helpers

#

Vuestic UI provides amount of smart CSS helpers which are adopting to the current breakpoint (see also Breakpoint Service).

Sets the margin between the cells of your flex-container with the gutter class.

.va-gutter-1 - Extra small gutter between cells

.va-gutter-2 - Small gutter between cells

.va-gutter-3 - Default gutter between cells

.va-gutter-4 - Large gutter between cells

.va-gutter-5 - Extra large gutter between cells

Sets the margin (x or y) between child items of the container with the spacing class.

.va-spacing-x/y-1 - Extra small spacing between items

.va-spacing-x/y-2 - Small spacing between items

.va-spacing-x/y-3 - Default spacing between items

.va-spacing-x/y-4 - Large spacing between items

.va-spacing-x/y-5 - Extra large spacing between items