@import "./var";
@import "./mixin";

// 循环生成margin padding
@each $num in $margin-arr {

	@each $class_name,
	$attr_name in $attr-name-arr {
		.#{$class_name}-#{$num} {
			@include set-margin-attr($attr_name, $num)
		}
	}

	.mx-#{$num} {
		@include set-margin-attr(margin-left, $num);
		@include set-margin-attr(margin-right, $num)
	}

	.my-#{$num} {
		@include set-margin-attr(margin-top, $num);
		@include set-margin-attr(margin-bottom, $num)
	}

	.px-#{$num} {
		@include set-margin-attr(padding-left, $num);
		@include set-margin-attr(padding-right, $num)
	}

	.py-#{$num} {
		@include set-margin-attr(padding-top, $num);
		@include set-margin-attr(padding-bottom, $num)
	}

	.p-#{$num} {
		padding: #{$num}rpx #{$num}rpx #{$num}rpx #{$num}rpx
	}

	.m-#{$num} {
		margin: #{$num}rpx #{$num}rpx #{$num}rpx #{$num}rpx
	}
}

// 循环生成字体大小
@each $size in $font-size {
	.font-#{$size} {
		font-size: $size + rpx;
	}
}

// 循环生成flex
@each $class_name,
$class_item in $flex-attr-name-arr {

	@each $attr_name,
	$atrr_list in $class_item {
		@each $attr_value in $atrr_list {
			.#{$class_name}-#{$attr_value} {
				#{$class_name}-#{$attr_name}:#{$attr_value}
			}
		}
	}
}

// 循环生成flex布局二
@each $attr_name,
$class_item in $flex2-attr-name-arr {

	@each $class_name,
	$attr_value in $class_item {
		.#{$class_name} {
			#{$attr_name}:#{$attr_value}
		}
	}
}

// 生成各种主题色边框border
@each $type in $borderType {
	@each $i in $borArr {

		@each $attr-name,
		$attr-value in $i {
       @if $type==solid {
				.border-color-#{$attr-name} {
					border:#{$type} 2rpx #{$attr-value}
				}
			 }@else{
				.border-#{$type}-color-#{$attr-name} {
					border:#{$type} 2rpx #{$attr-value}
				}
			 }   
			@each $di in $direction {
				@if $type ==solid {
					.border-#{$di}-color-#{$attr-name} {
						border-#{$di}:#{$type} 2rpx #{$attr-value}
					}
				}@else{
					.border-#{$type}-#{$di}-color-#{$attr-name} {
						border-#{$di}:#{$type} 2rpx #{$attr-value}
					}
				}
			}
		}
	}
}

// 边框圆角
@each $dir in $direction2 {
	@each $type in $radiusType{
		@each $attr_name,$attr_value in $type {
			.border-#{$dir}-radius-#{$attr_name} {border-#{$dir}-radius:#{$attr_value} ;}
		}
	}
}