mirror of
				https://gitee.com/hhyykk/ipms-sjy.git
				synced 2025-10-31 02:08:43 +08:00 
			
		
		
		
	
		
			
	
	
		
			56 lines
		
	
	
		
			1.2 KiB
		
	
	
	
		
			SCSS
		
	
	
	
	
	
		
		
			
		
	
	
			56 lines
		
	
	
		
			1.2 KiB
		
	
	
	
		
			SCSS
		
	
	
	
	
	
|   | 
 | ||
|  | @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); | ||
|  | 			} | ||
|  | 		} | ||
|  | 	} | ||
|  | } |