| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556 | 
@mixin fn($space,$direction,$size,$n) {	@if $n {		#{$space}-#{$direction}: #{$size*$uni-space-root}px	} @else {		 #{$space}-#{$direction}: #{-$size*$uni-space-root}px	}}@mixin get-styles($direction,$i,$space,$n){	@if $direction == t {		@include fn($space, top,$i,$n);	} 	@if $direction == r {		@include fn($space, right,$i,$n);	} 	@if $direction == b {		@include fn($space, bottom,$i,$n);	} 	@if $direction == l {	 @include fn($space, left,$i,$n);	} 	@if $direction == x {		@include fn($space, left,$i,$n);		@include fn($space, right,$i,$n);	} 	@if $direction == y {		@include fn($space, top,$i,$n);		@include fn($space, bottom,$i,$n);	} 	@if $direction == a {		@if $n {			#{$space}:#{$i*$uni-space-root}px;		} @else {			#{$space}:#{-$i*$uni-space-root}px;		}	} }@each $orientation in m,p {	$space: margin;	@if $orientation == m {		$space: margin;	} @else {		$space: padding;	}	@for $i from 0 through 16 {		@each $direction in t, r, b, l, x, y, a {			.uni-#{$orientation}#{$direction}-#{$i} { 				@include  get-styles($direction,$i,$space,true);			} 			.uni-#{$orientation}#{$direction}-n#{$i} { 				@include  get-styles($direction,$i,$space,false);			}		}	}}
 |