/*

    Spacing

*/

@spacing-none: 0;
@spacing-extra-small: .25rem;
@spacing-small: .5rem;
@spacing-medium: 1rem;
@spacing-large: 2rem;
@spacing-extra-large: 4rem;
@spacing-extra-extra-large: 8rem;
@spacing-extra-extra-extra-large: 16rem;

/*
   SPACING
   An eight step powers of two scale ranging from 0 to 16rem.
   Namespaces are composable and thus highly grockable - check the legend below
   Legend:
   p = padding
   m = margin
   a = all
   h = horizontal
   v = vertical
   t = top
   r = right
   b = bottom
   l = left
   0 = none
   1 = 1st step in spacing scale
   2 = 2nd step in spacing scale
   3 = 3rd step in spacing scale
   4 = 4th step in spacing scale
   5 = 5th step in spacing scale
   6 = 6th step in spacing scale
   7 = 7th step in spacing scale
*/


.m-center {
    margin-left: auto;
    margin-right: auto;
}


.mt0 { margin-top: @spacing-none; }
.mt1 { margin-top: @spacing-extra-small; }
.mt2 { margin-top: @spacing-small; }
.mt3 { margin-top: @spacing-medium; }
.mt4 { margin-top: @spacing-large; }
.mt5 { margin-top: @spacing-extra-large; }
.mt6 { margin-top: @spacing-extra-extra-large; }
.mt7 { margin-top: @spacing-extra-extra-extra-large; }
