How it works

Assign responsive-friendly margin or padding values to an element or a subset of its sides with shorthand classes. Includes support for individual properties, all properties, and vertical and horizontal properties. Classes are built from a default Sass map ranging from .25rem to 3rem.

Where property is one of:

• m - for classes that set margin
• p - for classes that set padding

Where sides is one of:

• t- for classes that set margin-top or padding-top
• b - for classes that set margin-bottom or padding-bottom
• l- for classes that set margin-left or padding-left
• r - for classes that set margin-right or padding-right
• blank - for classes that set a margin or padding on all 4 sides of the element