CSS Margin & Padding Utility

This utility plugin adds a series of css classes that allow easy addition of set padding and margin to any element.

For basic use, the classes follow the format of [margin / padding][location letter: all, top, right, bottom, left, vertical, horizontal][amount: none, small, medium, large, extra large (0.5em, 1em, 2em, 4em)]

Also in the basic classes are percentages, taking the place of the last letter in the format [p][percentage] e.g. p7-5 for 7.5% or p15 for 15%.

Examples of Basic Classes:

• man > margin all none = margin: 0px;
• prl > padding right large = padding-right: 2em;
• mvp5 > margin vertical 5% = margin: 5% 0;

Additional utility classes – First / Last child, Child / Sub

To add selective classes for adding margin / padding to the first / last child, any child, or any…