You can not select more than 25 topics
			Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
		
		
		
		
			
				
					56 lines
				
				1.4 KiB
			
		
		
			
		
	
	
					56 lines
				
				1.4 KiB
			| 
											8 months ago
										 | @mixin radius($r,$d:null ,$important: false){ | ||
|  |   $radius-value:map-get($uni-radius, $r) if($important, !important, null); | ||
|  |   // Key exists within the $uni-radius variable
 | ||
|  |   @if (map-has-key($uni-radius, $r) and  $d){ | ||
|  | 		@if $d == t { | ||
|  | 				border-top-left-radius:$radius-value; | ||
|  | 				border-top-right-radius:$radius-value; | ||
|  | 		}@else if $d == r { | ||
|  | 				border-top-right-radius:$radius-value; | ||
|  | 				border-bottom-right-radius:$radius-value; | ||
|  | 		}@else if $d == b { | ||
|  | 				border-bottom-left-radius:$radius-value; | ||
|  | 				border-bottom-right-radius:$radius-value; | ||
|  | 		}@else if $d == l { | ||
|  | 				border-top-left-radius:$radius-value; | ||
|  | 				border-bottom-left-radius:$radius-value; | ||
|  | 		}@else if $d == tl { | ||
|  | 				border-top-left-radius:$radius-value; | ||
|  | 		}@else if $d == tr { | ||
|  | 				border-top-right-radius:$radius-value; | ||
|  | 		}@else if $d == br { | ||
|  | 				border-bottom-right-radius:$radius-value; | ||
|  | 		}@else if $d == bl { | ||
|  | 				border-bottom-left-radius:$radius-value; | ||
|  | 		} | ||
|  |   }@else{ | ||
|  | 		border-radius:$radius-value; | ||
|  |   } | ||
|  | } | ||
|  | 
 | ||
|  | @each $key, $child in $uni-radius { | ||
|  | 	@if($key){ | ||
|  | 		.uni-radius-#{"" + $key} { | ||
|  | 				@include radius($key) | ||
|  | 		} | ||
|  | 	}@else{ | ||
|  | 		.uni-radius { | ||
|  | 				@include radius($key) | ||
|  | 		} | ||
|  | 	} | ||
|  | } | ||
|  | 
 | ||
|  | @each $direction in t, r, b, l,tl, tr, br, bl { | ||
|  | 	@each $key, $child in $uni-radius { | ||
|  | 		@if($key){ | ||
|  | 			.uni-radius-#{"" + $direction}-#{"" + $key} { | ||
|  | 				@include radius($key,$direction,false) | ||
|  | 			} | ||
|  | 		}@else{ | ||
|  | 			.uni-radius-#{$direction} { | ||
|  | 				@include radius($key,$direction,false) | ||
|  | 			} | ||
|  | 		} | ||
|  | 	} | ||
|  | } |