//高度,两翼,空格相关样式
@use "../define/wing-height.scss" as *;

.height {
	@each $key, $size in $heights {
		&-#{''+$key} {
			height: $size;
		}
	}
}
.gap {
	@each $key, $size in $heights {
		&-#{''+$key} {
			gap: $size;
		}
	}
}
.row-gap {
	@each $key, $size in $heights {
		&-#{''+$key} {
			row-gap: $size;
		}
	}
}
.column-gap {
	@each $key, $size in $heights {
		&-#{''+$key} {
			column-gap: $size;
		}
	}
}

.wing {
	@each $key, $size in $wings {
		&-#{''+$key} {	
			margin-left: $size;
			margin-right: $size;
		}
	}
}
.padding-wing {
	@each $key, $size in $wings {
		&-#{''+$key} {	
			padding-left: $size;
			padding-right: $size;
		}
	}
}
.space {
	@each $key, $size in $space {
		&-#{''+$key} {	
			margin-top: $size;
			margin-bottom: $size;
		}
	}
}

.h {
  @for $i from 0 through 20 {
    &-#{$i * 5} { 
      height: $i * 5%;
    }
  }
}
.w {
  @for $i from 0 through 20 {
    &-#{$i * 5} { 
      width: $i * 5%;
    }
  }
}