Row Config class names

CORONAVIRUS UPDATE

We are closely monitoring government guidelines on the Coronavirus. All our systems and processes are set up so that our team can work remotely if necessary. We completely respect that some clients may not wish to travel, or have face-to-face contact at present whilst the virus is still being contained. As such, we would be more than happy to conduct virtual meetings. If you have a meeting scheduled, and would like to change this to a remote meeting at this time, please do let us know.

The classes are named using the format:
{property} {sides} {size}

Where property is one of:

margin - for classes that set margin
padding - for classes that set padding

Where sides is one of:

top
bottom
left
right
x - for classes that set both *-left and *-right
y - for classes that set both *-top and *-bottom
blank - for classes that set a margin or padding on all 4 sides of the element

Where size is one of:

auto - for classes that set the margin to auto
xsmall – this will be 0.5em
small – this will be 1em
med – this will be 2em
large – this will be 4em
xlarge – this will be 6em

Examples:

margin-top-auto

margin-y-auto ( sets the vertical spacing to central )

margin--auto ( sets the vertical and horizontal spacing to central )

Tailor Your Experience