/* Basscss Margin */

  $space-1: .5rem;
  $space-2: 1rem;
  $space-3: 2rem;
  $space-4: 4rem;
  $space-5: 1.5rem;
  $space-6: 2.5rem;

.m0  { margin:        0 }
.mt0 { margin-top:    0 }
.mr0 { margin-right:  0 }
.mb0 { margin-bottom: 0 }
.ml0 { margin-left:   0 }
.mx0 { margin-left:   0; margin-right:  0 }
.my0 { margin-top:    0; margin-bottom: 0 }

.m1  { margin:        $space-1 }
.mt1 { margin-top:    $space-1 }
.mr1 { margin-right:  $space-1 }
.mb1 { margin-bottom: $space-1 }
.ml1 { margin-left:   $space-1 }
.mx1 { margin-left:   $space-1; margin-right:  $space-1 }
.my1 { margin-top:    $space-1; margin-bottom: $space-1 }

.m2  { margin:        $space-2 }
.mt2 { margin-top:    $space-2 }
.mr2 { margin-right:  $space-2 }
.mb2 { margin-bottom: $space-2 }
.ml2 { margin-left:   $space-2 }
.mx2 { margin-left:   $space-2; margin-right:  $space-2 }
.my2 { margin-top:    $space-2; margin-bottom: $space-2 }

.m3  { margin:        $space-3 }
.mt3 { margin-top:    $space-3 }
.mr3 { margin-right:  $space-3 }
.mb3 { margin-bottom: $space-3 }
.ml3 { margin-left:   $space-3 }
.mx3 { margin-left:   $space-3; margin-right:  $space-3 }
.my3 { margin-top:    $space-3; margin-bottom: $space-3 }

.m4  { margin:        $space-4 }
.mt4 { margin-top:    $space-4 }
.mr4 { margin-right:  $space-4 }
.mb4 { margin-bottom: $space-4 }
.ml4 { margin-left:   $space-4 }
.mx4 { margin-left:   $space-4; margin-right:  $space-4 }
.my4 { margin-top:    $space-4; margin-bottom: $space-4 }

.m5  { margin:        $space-5 }
.mt5 { margin-top:    $space-5 }
.mr5 { margin-right:  $space-5 }
.mb5 { margin-bottom: $space-5 }
.ml5 { margin-left:   $space-5 }
.mx5 { margin-left:   $space-5; margin-right:  $space-5 }
.my5 { margin-top:    $space-5; margin-bottom: $space-5 }

.m6  { margin:        $space-6 }
.mt6 { margin-top:    $space-6 }
.mr6 { margin-right:  $space-6 }
.mb6 { margin-bottom: $space-6 }
.ml6 { margin-left:   $space-6 }
.mx6 { margin-left:   $space-6; margin-right:  $space-6 }
.my6 { margin-top:    $space-6; margin-bottom: $space-6 }

.mxn1 { margin-left: $space-1; margin-right: $space-1; }
.mxn2 { margin-left: $space-2; margin-right: $space-2; }
.mxn3 { margin-left: $space-3; margin-right: $space-3; }
.mxn4 { margin-left: $space-4; margin-right: $space-4; }

.ml-auto { margin-left: auto }
.mr-auto { margin-right: auto }
.mx-auto { margin-left: auto; margin-right: auto; }