Margin

.margin 
{ margin: 1rem }
.margin-none 
{ margin: 0 }
.margin-1/4x 
{ margin: 0.25rem }
.margin-1/2x 
{ margin: 0.5rem }
.margin-3/4x 
{ margin: 0.75rem }
.margin-xs 
{ margin: 0.8rem }
.margin-sm 
{ margin: 0.9rem }
.margin-lg 
{ margin: 1.2rem }
.margin-xl 
{ margin: 1.4rem }
.margin-2x 
{ margin: 2rem }
.margin-v 
{ margin-top: 1rem;
 margin-bottom: 1rem }
.margin-v-none 
{ margin-top: 0;
 margin-bottom: 0 }
.margin-v-1/4x 
{ margin-top: 0.25rem;
 margin-bottom: 0.25rem }
.margin-v-1/2x 
{ margin-top: 0.5rem;
 margin-bottom: 0.5rem }
.margin-v-3/4x 
{ margin-top: 0.75rem;
 margin-bottom: 0.75rem }
.margin-v-xs 
{ margin-top: 0.8rem;
 margin-bottom: 0.8rem }
.margin-v-sm 
{ margin-top: 0.9rem;
 margin-bottom: 0.9rem }
.margin-v-lg 
{ margin-top: 1.2rem;
 margin-bottom: 1.2rem }
.margin-v-xl 
{ margin-top: 1.4rem;
 margin-bottom: 1.4rem }
.margin-v-2x 
{ margin-top: 2rem;
 margin-bottom: 2rem }
.margin-h 
{ margin-left: 1rem;
 margin-right: 1rem }
.margin-h-none 
{ margin-left: 0;
 margin-right: 0 }
.margin-h-1/4x 
{ margin-left: 0.25rem;
 margin-right: 0.25rem }
.margin-h-1/2x 
{ margin-left: 0.5rem;
 margin-right: 0.5rem }
.margin-h-3/4x 
{ margin-left: 0.75rem;
 margin-right: 0.75rem }
.margin-h-xs 
{ margin-left: 0.8rem;
 margin-right: 0.8rem }
.margin-h-sm 
{ margin-left: 0.9rem;
 margin-right: 0.9rem }
.margin-h-lg 
{ margin-left: 1.2rem;
 margin-right: 1.2rem }
.margin-h-xl 
{ margin-left: 1.4rem;
 margin-right: 1.4rem }
.margin-h-2x 
{ margin-left: 2rem;
 margin-right: 2rem }
.margin-top 
{ margin-top: 1rem }
.margin-top-none 
{ margin-top: 0 }
.margin-top-1/4x 
{ margin-top: 0.25rem }
.margin-top-1/2x 
{ margin-top: 0.5rem }
.margin-top-3/4x 
{ margin-top: 0.75rem }
.margin-top-xs 
{ margin-top: 0.8rem }
.margin-top-sm 
{ margin-top: 0.9rem }
.margin-top-lg 
{ margin-top: 1.2rem }
.margin-top-xl 
{ margin-top: 1.4rem }
.margin-top-2x 
{ margin-top: 2rem }
.margin-right 
{ margin-right: 1rem }
.margin-right-none 
{ margin-right: 0 }
.margin-right-1/4x 
{ margin-right: 0.25rem }
.margin-right-1/2x 
{ margin-right: 0.5rem }
.margin-right-3/4x 
{ margin-right: 0.75rem }
.margin-right-xs 
{ margin-right: 0.8rem }
.margin-right-sm 
{ margin-right: 0.9rem }
.margin-right-lg 
{ margin-right: 1.2rem }
.margin-right-xl 
{ margin-right: 1.4rem }
.margin-right-2x 
{ margin-right: 2rem }
.margin-bottom 
{ margin-bottom: 1rem }
.margin-bottom-none 
{ margin-bottom: 0 }
.margin-bottom-1/4x 
{ margin-bottom: 0.25rem }
.margin-bottom-1/2x 
{ margin-bottom: 0.5rem }
.margin-bottom-3/4x 
{ margin-bottom: 0.75rem }
.margin-bottom-xs 
{ margin-bottom: 0.8rem }
.margin-bottom-sm 
{ margin-bottom: 0.9rem }
.margin-bottom-lg 
{ margin-bottom: 1.2rem }
.margin-bottom-xl 
{ margin-bottom: 1.4rem }
.margin-bottom-2x 
{ margin-bottom: 2rem }
.margin-left 
{ margin-left: 1rem }
.margin-left-none 
{ margin-left: 0 }
.margin-left-1/4x 
{ margin-left: 0.25rem }
.margin-left-1/2x 
{ margin-left: 0.5rem }
.margin-left-3/4x 
{ margin-left: 0.75rem }
.margin-left-xs 
{ margin-left: 0.8rem }
.margin-left-sm 
{ margin-left: 0.9rem }
.margin-left-lg 
{ margin-left: 1.2rem }
.margin-left-xl 
{ margin-left: 1.4rem }
.margin-left-2x 
{ margin-left: 2rem }

Padding

.pad 
{ padding: 1rem }
.pad-none 
{ padding: 0 }
.pad-1/4x 
{ padding: 0.25rem }
.pad-1/2x 
{ padding: 0.5rem }
.pad-3/4x 
{ padding: 0.75rem }
.pad-xs 
{ padding: 0.8rem }
.pad-sm 
{ padding: 0.9rem }
.pad-lg 
{ padding: 1.2rem }
.pad-xl 
{ padding: 1.4rem }
.pad-2x 
{ padding: 2rem }
.pad-v 
{ padding-top: 1rem;
 padding-bottom: 1rem }
.pad-v-none 
{ padding-top: 0;
 padding-bottom: 0 }
.pad-v-1/4x 
{ padding-top: 0.25rem;
 padding-bottom: 0.25rem }
.pad-v-1/2x 
{ padding-top: 0.5rem;
 padding-bottom: 0.5rem }
.pad-v-3/4x 
{ padding-top: 0.75rem;
 padding-bottom: 0.75rem }
.pad-v-xs 
{ padding-top: 0.8rem;
 padding-bottom: 0.8rem }
.pad-v-sm 
{ padding-top: 0.9rem;
 padding-bottom: 0.9rem }
.pad-v-lg 
{ padding-top: 1.2rem;
 padding-bottom: 1.2rem }
.pad-v-xl 
{ padding-top: 1.4rem;
 padding-bottom: 1.4rem }
.pad-v-2x 
{ padding-top: 2rem;
 padding-bottom: 2rem }
.pad-h 
{ padding-left: 1rem;
 padding-right: 1rem }
.pad-h-none 
{ padding-left: 0;
 padding-right: 0 }
.pad-h-1/4x 
{ padding-left: 0.25rem;
 padding-right: 0.25rem }
.pad-h-1/2x 
{ padding-left: 0.5rem;
 padding-right: 0.5rem }
.pad-h-3/4x 
{ padding-left: 0.75rem;
 padding-right: 0.75rem }
.pad-h-xs 
{ padding-left: 0.8rem;
 padding-right: 0.8rem }
.pad-h-sm 
{ padding-left: 0.9rem;
 padding-right: 0.9rem }
.pad-h-lg 
{ padding-left: 1.2rem;
 padding-right: 1.2rem }
.pad-h-xl 
{ padding-left: 1.4rem;
 padding-right: 1.4rem }
.pad-h-2x 
{ padding-left: 2rem;
 padding-right: 2rem }
.pad-top 
{ padding-top: 1rem }
.pad-top-none 
{ padding-top: 0 }
.pad-top-1/4x 
{ padding-top: 0.25rem }
.pad-top-1/2x 
{ padding-top: 0.5rem }
.pad-top-3/4x 
{ padding-top: 0.75rem }
.pad-top-xs 
{ padding-top: 0.8rem }
.pad-top-sm 
{ padding-top: 0.9rem }
.pad-top-lg 
{ padding-top: 1.2rem }
.pad-top-xl 
{ padding-top: 1.4rem }
.pad-top-2x 
{ padding-top: 2rem }
.pad-right 
{ padding-right: 1rem }
.pad-right-none 
{ padding-right: 0 }
.pad-right-1/4x 
{ padding-right: 0.25rem }
.pad-right-1/2x 
{ padding-right: 0.5rem }
.pad-right-3/4x 
{ padding-right: 0.75rem }
.pad-right-xs 
{ padding-right: 0.8rem }
.pad-right-sm 
{ padding-right: 0.9rem }
.pad-right-lg 
{ padding-right: 1.2rem }
.pad-right-xl 
{ padding-right: 1.4rem }
.pad-right-2x 
{ padding-right: 2rem }
.pad-bottom 
{ padding-bottom: 1rem }
.pad-bottom-none 
{ padding-bottom: 0 }
.pad-bottom-1/4x 
{ padding-bottom: 0.25rem }
.pad-bottom-1/2x 
{ padding-bottom: 0.5rem }
.pad-bottom-3/4x 
{ padding-bottom: 0.75rem }
.pad-bottom-xs 
{ padding-bottom: 0.8rem }
.pad-bottom-sm 
{ padding-bottom: 0.9rem }
.pad-bottom-lg 
{ padding-bottom: 1.2rem }
.pad-bottom-xl 
{ padding-bottom: 1.4rem }
.pad-bottom-2x 
{ padding-bottom: 2rem }
.pad-left 
{ padding-left: 1rem }
.pad-left-none 
{ padding-left: 0 }
.pad-left-1/4x 
{ padding-left: 0.25rem }
.pad-left-1/2x 
{ padding-left: 0.5rem }
.pad-left-3/4x 
{ padding-left: 0.75rem }
.pad-left-xs 
{ padding-left: 0.8rem }
.pad-left-sm 
{ padding-left: 0.9rem }
.pad-left-lg 
{ padding-left: 1.2rem }
.pad-left-xl 
{ padding-left: 1.4rem }
.pad-left-2x 
{ padding-left: 2rem }

Spacing

Horizontal

.space-h 
{ margin-left: 1rem }
.space-h-none 
{ margin-left: 0 }
.space-h-1/4x 
{ margin-left: 0.25rem }
.space-h-1/2x 
{ margin-left: 0.5rem }
.space-h-3/4x 
{ margin-left: 0.75rem }
.space-h-xs 
{ margin-left: 0.8rem }
.space-h-sm 
{ margin-left: 0.9rem }
.space-h-lg 
{ margin-left: 1.2rem }
.space-h-xl 
{ margin-left: 1.4rem }
.space-h-2x 
{ margin-left: 2rem }
.space-h-4x 
{ margin-left: 4rem }

Vertical

.space-v 
{ margin-top: 1rem }
.space-v-none 
{ margin-top: 0 }
.space-v-1/4x 
{ margin-top: 0.25rem }
.space-v-1/2x 
{ margin-top: 0.5rem }
.space-v-3/4x 
{ margin-top: 0.75rem }
.space-v-xs 
{ margin-top: 0.8rem }
.space-v-sm 
{ margin-top: 0.9rem }
.space-v-lg 
{ margin-top: 1.2rem }
.space-v-xl 
{ margin-top: 1.4rem }
.space-v-2x 
{ margin-top: 2rem }
.space-v-4x 
{ margin-top: 4rem }

Nesting

Inverted Margin, which is useful for reversing parent padding.

.margin-nest 
{ margin: -1rem }
.margin-nest-none 
{ margin: 0 }
.margin-nest-1/4x 
{ margin: -0.25rem }
.margin-nest-1/2x 
{ margin: -0.5rem }
.margin-nest-3/4x 
{ margin: -0.75rem }
.margin-nest-xs 
{ margin: -0.8rem }
.margin-nest-sm 
{ margin: -0.9rem }
.margin-nest-lg 
{ margin: -1.2rem }
.margin-nest-xl 
{ margin: -1.4rem }
.margin-nest-2x 
{ margin: -2rem }
.margin-v-nest 
{ margin-top: -1rem;
 margin-bottom: -1rem }
.margin-v-nest-none 
{ margin-top: 0;
 margin-bottom: 0 }
.margin-v-nest-1/4x 
{ margin-top: -0.25rem;
 margin-bottom: -0.25rem }
.margin-v-nest-1/2x 
{ margin-top: -0.5rem;
 margin-bottom: -0.5rem }
.margin-v-nest-3/4x 
{ margin-top: -0.75rem;
 margin-bottom: -0.75rem }
.margin-v-nest-xs 
{ margin-top: -0.8rem;
 margin-bottom: -0.8rem }
.margin-v-nest-sm 
{ margin-top: -0.9rem;
 margin-bottom: -0.9rem }
.margin-v-nest-lg 
{ margin-top: -1.2rem;
 margin-bottom: -1.2rem }
.margin-v-nest-xl 
{ margin-top: -1.4rem;
 margin-bottom: -1.4rem }
.margin-v-nest-2x 
{ margin-top: -2rem;
 margin-bottom: -2rem }
.margin-h-nest 
{ margin-left: -1rem;
 margin-right: -1rem }
.margin-h-nest-none 
{ margin-left: 0;
 margin-right: 0 }
.margin-h-nest-1/4x 
{ margin-left: -0.25rem;
 margin-right: -0.25rem }
.margin-h-nest-1/2x 
{ margin-left: -0.5rem;
 margin-right: -0.5rem }
.margin-h-nest-3/4x 
{ margin-left: -0.75rem;
 margin-right: -0.75rem }
.margin-h-nest-xs 
{ margin-left: -0.8rem;
 margin-right: -0.8rem }
.margin-h-nest-sm 
{ margin-left: -0.9rem;
 margin-right: -0.9rem }
.margin-h-nest-lg 
{ margin-left: -1.2rem;
 margin-right: -1.2rem }
.margin-h-nest-xl 
{ margin-left: -1.4rem;
 margin-right: -1.4rem }
.margin-h-nest-2x 
{ margin-left: -2rem;
 margin-right: -2rem }
.margin-top-nest 
{ margin-top: -1rem }
.margin-top-nest-none 
{ margin-top: 0 }
.margin-top-nest-1/4x 
{ margin-top: -0.25rem }
.margin-top-nest-1/2x 
{ margin-top: -0.5rem }
.margin-top-nest-3/4x 
{ margin-top: -0.75rem }
.margin-top-nest-xs 
{ margin-top: -0.8rem }
.margin-top-nest-sm 
{ margin-top: -0.9rem }
.margin-top-nest-lg 
{ margin-top: -1.2rem }
.margin-top-nest-xl 
{ margin-top: -1.4rem }
.margin-top-nest-2x 
{ margin-top: -2rem }
.margin-right-nest 
{ margin-right: -1rem }
.margin-right-nest-none 
{ margin-right: 0 }
.margin-right-nest-1/4x 
{ margin-right: -0.25rem }
.margin-right-nest-1/2x 
{ margin-right: -0.5rem }
.margin-right-nest-3/4x 
{ margin-right: -0.75rem }
.margin-right-nest-xs 
{ margin-right: -0.8rem }
.margin-right-nest-sm 
{ margin-right: -0.9rem }
.margin-right-nest-lg 
{ margin-right: -1.2rem }
.margin-right-nest-xl 
{ margin-right: -1.4rem }
.margin-right-nest-2x 
{ margin-right: -2rem }
.margin-bottom-nest 
{ margin-bottom: -1rem }
.margin-bottom-nest-none 
{ margin-bottom: 0 }
.margin-bottom-nest-1/4x 
{ margin-bottom: -0.25rem }
.margin-bottom-nest-1/2x 
{ margin-bottom: -0.5rem }
.margin-bottom-nest-3/4x 
{ margin-bottom: -0.75rem }
.margin-bottom-nest-xs 
{ margin-bottom: -0.8rem }
.margin-bottom-nest-sm 
{ margin-bottom: -0.9rem }
.margin-bottom-nest-lg 
{ margin-bottom: -1.2rem }
.margin-bottom-nest-xl 
{ margin-bottom: -1.4rem }
.margin-bottom-nest-2x 
{ margin-bottom: -2rem }
.margin-left-nest 
{ margin-left: -1rem }
.margin-left-nest-none 
{ margin-left: 0 }
.margin-left-nest-1/4x 
{ margin-left: -0.25rem }
.margin-left-nest-1/2x 
{ margin-left: -0.5rem }
.margin-left-nest-3/4x 
{ margin-left: -0.75rem }
.margin-left-nest-xs 
{ margin-left: -0.8rem }
.margin-left-nest-sm 
{ margin-left: -0.9rem }
.margin-left-nest-lg 
{ margin-left: -1.2rem }
.margin-left-nest-xl 
{ margin-left: -1.4rem }
.margin-left-nest-2x 
{ margin-left: -2rem }

Miscellaneous

.space-h 
{ margin-left: 1rem }
.space-h-none 
{ margin-left: 0 }
.space-h-1/4x 
{ margin-left: 0.25rem }
.space-h-1/2x 
{ margin-left: 0.5rem }
.space-h-3/4x 
{ margin-left: 0.75rem }
.space-h-xs 
{ margin-left: 0.8rem }
.space-h-sm 
{ margin-left: 0.9rem }
.space-h-lg 
{ margin-left: 1.2rem }
.space-h-xl 
{ margin-left: 1.4rem }
.space-h-2x 
{ margin-left: 2rem }
.space-h-4x 
{ margin-left: 4rem }
.space-v 
{ margin-top: 1rem }
.space-v-none 
{ margin-top: 0 }
.space-v-1/4x 
{ margin-top: 0.25rem }
.space-v-1/2x 
{ margin-top: 0.5rem }
.space-v-3/4x 
{ margin-top: 0.75rem }
.space-v-xs 
{ margin-top: 0.8rem }
.space-v-sm 
{ margin-top: 0.9rem }
.space-v-lg 
{ margin-top: 1.2rem }
.space-v-xl 
{ margin-top: 1.4rem }
.space-v-2x 
{ margin-top: 2rem }
.space-v-4x 
{ margin-top: 4rem }
.space 
{ margin-top: 1rem;
 margin-left: 1rem }
.space-none 
{ margin-top: 0;
 margin-left: 0 }
.space-1/4x 
{ margin-top: 0.25rem;
 margin-left: 0.25rem }
.space-1/2x 
{ margin-top: 0.5rem;
 margin-left: 0.5rem }
.space-3/4x 
{ margin-top: 0.75rem;
 margin-left: 0.75rem }
.space-xs 
{ margin-top: 0.8rem;
 margin-left: 0.8rem }
.space-sm 
{ margin-top: 0.9rem;
 margin-left: 0.9rem }
.space-lg 
{ margin-top: 1.2rem;
 margin-left: 1.2rem }
.space-xl 
{ margin-top: 1.4rem;
 margin-left: 1.4rem }
.space-2x 
{ margin-top: 2rem;
 margin-left: 2rem }
.space-4x 
{ margin-top: 4rem;
 margin-left: 4rem }
.margin 
{ margin: 1rem }
.margin-none 
{ margin: 0 }
.margin-1/4x 
{ margin: 0.25rem }
.margin-1/2x 
{ margin: 0.5rem }
.margin-3/4x 
{ margin: 0.75rem }
.margin-xs 
{ margin: 0.8rem }
.margin-sm 
{ margin: 0.9rem }
.margin-lg 
{ margin: 1.2rem }
.margin-xl 
{ margin: 1.4rem }
.margin-2x 
{ margin: 2rem }
.margin-v 
{ margin-top: 1rem;
 margin-bottom: 1rem }
.margin-v-none 
{ margin-top: 0;
 margin-bottom: 0 }
.margin-v-1/4x 
{ margin-top: 0.25rem;
 margin-bottom: 0.25rem }
.margin-v-1/2x 
{ margin-top: 0.5rem;
 margin-bottom: 0.5rem }
.margin-v-3/4x 
{ margin-top: 0.75rem;
 margin-bottom: 0.75rem }
.margin-v-xs 
{ margin-top: 0.8rem;
 margin-bottom: 0.8rem }
.margin-v-sm 
{ margin-top: 0.9rem;
 margin-bottom: 0.9rem }
.margin-v-lg 
{ margin-top: 1.2rem;
 margin-bottom: 1.2rem }
.margin-v-xl 
{ margin-top: 1.4rem;
 margin-bottom: 1.4rem }
.margin-v-2x 
{ margin-top: 2rem;
 margin-bottom: 2rem }
.margin-h 
{ margin-left: 1rem;
 margin-right: 1rem }
.margin-h-none 
{ margin-left: 0;
 margin-right: 0 }
.margin-h-1/4x 
{ margin-left: 0.25rem;
 margin-right: 0.25rem }
.margin-h-1/2x 
{ margin-left: 0.5rem;
 margin-right: 0.5rem }
.margin-h-3/4x 
{ margin-left: 0.75rem;
 margin-right: 0.75rem }
.margin-h-xs 
{ margin-left: 0.8rem;
 margin-right: 0.8rem }
.margin-h-sm 
{ margin-left: 0.9rem;
 margin-right: 0.9rem }
.margin-h-lg 
{ margin-left: 1.2rem;
 margin-right: 1.2rem }
.margin-h-xl 
{ margin-left: 1.4rem;
 margin-right: 1.4rem }
.margin-h-2x 
{ margin-left: 2rem;
 margin-right: 2rem }
.margin-nest 
{ margin: -1rem }
.margin-nest-none 
{ margin: 0 }
.margin-nest-1/4x 
{ margin: -0.25rem }
.margin-nest-1/2x 
{ margin: -0.5rem }
.margin-nest-3/4x 
{ margin: -0.75rem }
.margin-nest-xs 
{ margin: -0.8rem }
.margin-nest-sm 
{ margin: -0.9rem }
.margin-nest-lg 
{ margin: -1.2rem }
.margin-nest-xl 
{ margin: -1.4rem }
.margin-nest-2x 
{ margin: -2rem }
.margin-v-nest 
{ margin-top: -1rem;
 margin-bottom: -1rem }
.margin-v-nest-none 
{ margin-top: 0;
 margin-bottom: 0 }
.margin-v-nest-1/4x 
{ margin-top: -0.25rem;
 margin-bottom: -0.25rem }
.margin-v-nest-1/2x 
{ margin-top: -0.5rem;
 margin-bottom: -0.5rem }
.margin-v-nest-3/4x 
{ margin-top: -0.75rem;
 margin-bottom: -0.75rem }
.margin-v-nest-xs 
{ margin-top: -0.8rem;
 margin-bottom: -0.8rem }
.margin-v-nest-sm 
{ margin-top: -0.9rem;
 margin-bottom: -0.9rem }
.margin-v-nest-lg 
{ margin-top: -1.2rem;
 margin-bottom: -1.2rem }
.margin-v-nest-xl 
{ margin-top: -1.4rem;
 margin-bottom: -1.4rem }
.margin-v-nest-2x 
{ margin-top: -2rem;
 margin-bottom: -2rem }
.margin-h-nest 
{ margin-left: -1rem;
 margin-right: -1rem }
.margin-h-nest-none 
{ margin-left: 0;
 margin-right: 0 }
.margin-h-nest-1/4x 
{ margin-left: -0.25rem;
 margin-right: -0.25rem }
.margin-h-nest-1/2x 
{ margin-left: -0.5rem;
 margin-right: -0.5rem }
.margin-h-nest-3/4x 
{ margin-left: -0.75rem;
 margin-right: -0.75rem }
.margin-h-nest-xs 
{ margin-left: -0.8rem;
 margin-right: -0.8rem }
.margin-h-nest-sm 
{ margin-left: -0.9rem;
 margin-right: -0.9rem }
.margin-h-nest-lg 
{ margin-left: -1.2rem;
 margin-right: -1.2rem }
.margin-h-nest-xl 
{ margin-left: -1.4rem;
 margin-right: -1.4rem }
.margin-h-nest-2x 
{ margin-left: -2rem;
 margin-right: -2rem }
.margin-top 
{ margin-top: 1rem }
.margin-top-none 
{ margin-top: 0 }
.margin-top-1/4x 
{ margin-top: 0.25rem }
.margin-top-1/2x 
{ margin-top: 0.5rem }
.margin-top-3/4x 
{ margin-top: 0.75rem }
.margin-top-xs 
{ margin-top: 0.8rem }
.margin-top-sm 
{ margin-top: 0.9rem }
.margin-top-lg 
{ margin-top: 1.2rem }
.margin-top-xl 
{ margin-top: 1.4rem }
.margin-top-2x 
{ margin-top: 2rem }
.margin-top-nest 
{ margin-top: -1rem }
.margin-top-nest-none 
{ margin-top: 0 }
.margin-top-nest-1/4x 
{ margin-top: -0.25rem }
.margin-top-nest-1/2x 
{ margin-top: -0.5rem }
.margin-top-nest-3/4x 
{ margin-top: -0.75rem }
.margin-top-nest-xs 
{ margin-top: -0.8rem }
.margin-top-nest-sm 
{ margin-top: -0.9rem }
.margin-top-nest-lg 
{ margin-top: -1.2rem }
.margin-top-nest-xl 
{ margin-top: -1.4rem }
.margin-top-nest-2x 
{ margin-top: -2rem }
.margin-right 
{ margin-right: 1rem }
.margin-right-none 
{ margin-right: 0 }
.margin-right-1/4x 
{ margin-right: 0.25rem }
.margin-right-1/2x 
{ margin-right: 0.5rem }
.margin-right-3/4x 
{ margin-right: 0.75rem }
.margin-right-xs 
{ margin-right: 0.8rem }
.margin-right-sm 
{ margin-right: 0.9rem }
.margin-right-lg 
{ margin-right: 1.2rem }
.margin-right-xl 
{ margin-right: 1.4rem }
.margin-right-2x 
{ margin-right: 2rem }
.margin-right-nest 
{ margin-right: -1rem }
.margin-right-nest-none 
{ margin-right: 0 }
.margin-right-nest-1/4x 
{ margin-right: -0.25rem }
.margin-right-nest-1/2x 
{ margin-right: -0.5rem }
.margin-right-nest-3/4x 
{ margin-right: -0.75rem }
.margin-right-nest-xs 
{ margin-right: -0.8rem }
.margin-right-nest-sm 
{ margin-right: -0.9rem }
.margin-right-nest-lg 
{ margin-right: -1.2rem }
.margin-right-nest-xl 
{ margin-right: -1.4rem }
.margin-right-nest-2x 
{ margin-right: -2rem }
.margin-bottom 
{ margin-bottom: 1rem }
.margin-bottom-none 
{ margin-bottom: 0 }
.margin-bottom-1/4x 
{ margin-bottom: 0.25rem }
.margin-bottom-1/2x 
{ margin-bottom: 0.5rem }
.margin-bottom-3/4x 
{ margin-bottom: 0.75rem }
.margin-bottom-xs 
{ margin-bottom: 0.8rem }
.margin-bottom-sm 
{ margin-bottom: 0.9rem }
.margin-bottom-lg 
{ margin-bottom: 1.2rem }
.margin-bottom-xl 
{ margin-bottom: 1.4rem }
.margin-bottom-2x 
{ margin-bottom: 2rem }
.margin-bottom-nest 
{ margin-bottom: -1rem }
.margin-bottom-nest-none 
{ margin-bottom: 0 }
.margin-bottom-nest-1/4x 
{ margin-bottom: -0.25rem }
.margin-bottom-nest-1/2x 
{ margin-bottom: -0.5rem }
.margin-bottom-nest-3/4x 
{ margin-bottom: -0.75rem }
.margin-bottom-nest-xs 
{ margin-bottom: -0.8rem }
.margin-bottom-nest-sm 
{ margin-bottom: -0.9rem }
.margin-bottom-nest-lg 
{ margin-bottom: -1.2rem }
.margin-bottom-nest-xl 
{ margin-bottom: -1.4rem }
.margin-bottom-nest-2x 
{ margin-bottom: -2rem }
.margin-left 
{ margin-left: 1rem }
.margin-left-none 
{ margin-left: 0 }
.margin-left-1/4x 
{ margin-left: 0.25rem }
.margin-left-1/2x 
{ margin-left: 0.5rem }
.margin-left-3/4x 
{ margin-left: 0.75rem }
.margin-left-xs 
{ margin-left: 0.8rem }
.margin-left-sm 
{ margin-left: 0.9rem }
.margin-left-lg 
{ margin-left: 1.2rem }
.margin-left-xl 
{ margin-left: 1.4rem }
.margin-left-2x 
{ margin-left: 2rem }
.margin-left-nest 
{ margin-left: -1rem }
.margin-left-nest-none 
{ margin-left: 0 }
.margin-left-nest-1/4x 
{ margin-left: -0.25rem }
.margin-left-nest-1/2x 
{ margin-left: -0.5rem }
.margin-left-nest-3/4x 
{ margin-left: -0.75rem }
.margin-left-nest-xs 
{ margin-left: -0.8rem }
.margin-left-nest-sm 
{ margin-left: -0.9rem }
.margin-left-nest-lg 
{ margin-left: -1.2rem }
.margin-left-nest-xl 
{ margin-left: -1.4rem }
.margin-left-nest-2x 
{ margin-left: -2rem }
.pad 
{ padding: 1rem }
.pad-none 
{ padding: 0 }
.pad-1/4x 
{ padding: 0.25rem }
.pad-1/2x 
{ padding: 0.5rem }
.pad-3/4x 
{ padding: 0.75rem }
.pad-xs 
{ padding: 0.8rem }
.pad-sm 
{ padding: 0.9rem }
.pad-lg 
{ padding: 1.2rem }
.pad-xl 
{ padding: 1.4rem }
.pad-2x 
{ padding: 2rem }
.pad-v 
{ padding-top: 1rem;
 padding-bottom: 1rem }
.pad-v-none 
{ padding-top: 0;
 padding-bottom: 0 }
.pad-v-1/4x 
{ padding-top: 0.25rem;
 padding-bottom: 0.25rem }
.pad-v-1/2x 
{ padding-top: 0.5rem;
 padding-bottom: 0.5rem }
.pad-v-3/4x 
{ padding-top: 0.75rem;
 padding-bottom: 0.75rem }
.pad-v-xs 
{ padding-top: 0.8rem;
 padding-bottom: 0.8rem }
.pad-v-sm 
{ padding-top: 0.9rem;
 padding-bottom: 0.9rem }
.pad-v-lg 
{ padding-top: 1.2rem;
 padding-bottom: 1.2rem }
.pad-v-xl 
{ padding-top: 1.4rem;
 padding-bottom: 1.4rem }
.pad-v-2x 
{ padding-top: 2rem;
 padding-bottom: 2rem }
.pad-h 
{ padding-left: 1rem;
 padding-right: 1rem }
.pad-h-none 
{ padding-left: 0;
 padding-right: 0 }
.pad-h-1/4x 
{ padding-left: 0.25rem;
 padding-right: 0.25rem }
.pad-h-1/2x 
{ padding-left: 0.5rem;
 padding-right: 0.5rem }
.pad-h-3/4x 
{ padding-left: 0.75rem;
 padding-right: 0.75rem }
.pad-h-xs 
{ padding-left: 0.8rem;
 padding-right: 0.8rem }
.pad-h-sm 
{ padding-left: 0.9rem;
 padding-right: 0.9rem }
.pad-h-lg 
{ padding-left: 1.2rem;
 padding-right: 1.2rem }
.pad-h-xl 
{ padding-left: 1.4rem;
 padding-right: 1.4rem }
.pad-h-2x 
{ padding-left: 2rem;
 padding-right: 2rem }
.pad-top 
{ padding-top: 1rem }
.pad-top-none 
{ padding-top: 0 }
.pad-top-1/4x 
{ padding-top: 0.25rem }
.pad-top-1/2x 
{ padding-top: 0.5rem }
.pad-top-3/4x 
{ padding-top: 0.75rem }
.pad-top-xs 
{ padding-top: 0.8rem }
.pad-top-sm 
{ padding-top: 0.9rem }
.pad-top-lg 
{ padding-top: 1.2rem }
.pad-top-xl 
{ padding-top: 1.4rem }
.pad-top-2x 
{ padding-top: 2rem }
.pad-right 
{ padding-right: 1rem }
.pad-right-none 
{ padding-right: 0 }
.pad-right-1/4x 
{ padding-right: 0.25rem }
.pad-right-1/2x 
{ padding-right: 0.5rem }
.pad-right-3/4x 
{ padding-right: 0.75rem }
.pad-right-xs 
{ padding-right: 0.8rem }
.pad-right-sm 
{ padding-right: 0.9rem }
.pad-right-lg 
{ padding-right: 1.2rem }
.pad-right-xl 
{ padding-right: 1.4rem }
.pad-right-2x 
{ padding-right: 2rem }
.pad-bottom 
{ padding-bottom: 1rem }
.pad-bottom-none 
{ padding-bottom: 0 }
.pad-bottom-1/4x 
{ padding-bottom: 0.25rem }
.pad-bottom-1/2x 
{ padding-bottom: 0.5rem }
.pad-bottom-3/4x 
{ padding-bottom: 0.75rem }
.pad-bottom-xs 
{ padding-bottom: 0.8rem }
.pad-bottom-sm 
{ padding-bottom: 0.9rem }
.pad-bottom-lg 
{ padding-bottom: 1.2rem }
.pad-bottom-xl 
{ padding-bottom: 1.4rem }
.pad-bottom-2x 
{ padding-bottom: 2rem }
.pad-left 
{ padding-left: 1rem }
.pad-left-none 
{ padding-left: 0 }
.pad-left-1/4x 
{ padding-left: 0.25rem }
.pad-left-1/2x 
{ padding-left: 0.5rem }
.pad-left-3/4x 
{ padding-left: 0.75rem }
.pad-left-xs 
{ padding-left: 0.8rem }
.pad-left-sm 
{ padding-left: 0.9rem }
.pad-left-lg 
{ padding-left: 1.2rem }
.pad-left-xl 
{ padding-left: 1.4rem }
.pad-left-2x 
{ padding-left: 2rem }