/* Basscss Utility White Space */

.m0 {

margin: 0;

}

.mt0 {

margin-top: 0;

}

.mr0 {

margin-right: 0;

}

.mb0 {

margin-bottom: 0;

}

.ml0 {

margin-left: 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;

}

.m2 {

margin: $space-2;

}

.mt2 {

margin-top: $space-2;

}

.mr2 {

margin-right: $space-2;

}

.mb2 {

margin-bottom: $space-2;

}

.ml2 {

margin-left: $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;

}

.m4 {

margin: $space-4;

}

.mt4 {

margin-top: $space-4;

}

.mr4 {

margin-right: $space-4;

}

.mb4 {

margin-bottom: $space-4;

}

.ml4 {

margin-left: $space-4;

}

.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;

}

.mx-auto {

margin-left: auto;
margin-right: auto;

}

.p1 {

padding: $space-1;

}

.py1 {

padding-top: $space-1;
padding-bottom: $space-1;

}

.px1 {

padding-left: $space-1;
padding-right: $space-1;

}

.p2 {

padding: $space-2;

}

.py2 {

padding-top: $space-2;
padding-bottom: $space-2;

}

.px2 {

padding-left: $space-2;
padding-right: $space-2;

}

.p3 {

padding: $space-3;

}

.py3 {

padding-top: $space-3;
padding-bottom: $space-3;

}

.px3 {

padding-left: $space-3;
padding-right: $space-3;

}

.p4 {

padding: $space-4;

}

.py4 {

padding-top: $space-4;
padding-bottom: $space-4;

}

.px4 {

padding-left: $space-4;
padding-right: $space-4;

}