//margin/padding边距
$mp-size: 0 1 2 3 4 5 6 7 8 9 10 15 20 25 30;

//移动端优先
@for $i from 1 through length($mp-size) {
	#{$V}padding-#{nth($mp-size, $i)} {
		padding: nth($mp-size, $i) * rem(1) !important;
	}
	#{$V}pt-#{nth($mp-size, $i)} {
		padding-top: nth($mp-size, $i) * rem(1) !important;
	}
	#{$V}pr-#{nth($mp-size, $i)} {
		padding-right: nth($mp-size, $i) * rem(1) !important;
	}
	#{$V}pb-#{nth($mp-size, $i)} {
		padding-bottom: nth($mp-size, $i) * rem(1) !important;
	}
	#{$V}pl-#{nth($mp-size, $i)} {
		padding-left: nth($mp-size, $i) * rem(1) !important;
	}
	#{$V}margin-#{nth($mp-size, $i)} {
		margin: nth($mp-size, $i) * rem(1) !important;
	}
	#{$V}mt-#{nth($mp-size, $i)} {
		margin-top: nth($mp-size, $i) * rem(1) !important;
	}
	#{$V}mr-#{nth($mp-size, $i)} {
		margin-right: nth($mp-size, $i) * rem(1) !important;
	}
	#{$V}mb-#{nth($mp-size, $i)} {
		margin-bottom: nth($mp-size, $i) * rem(1) !important;
	}
	#{$V}ml-#{nth($mp-size, $i)} {
		margin-left: nth($mp-size, $i) * rem(1) !important;
	}
}

//媒体设备
@each $device, $value in $media-min-width {
	@if $device != "us" {
		@include media-min($device) {
			@for $i from 1 through length($mp-size) {
				#{$V}padding-#{$device}-#{nth($mp-size, $i)} {
					padding: nth($mp-size, $i) * rem(1) !important;
				}
				#{$V}pt-#{$device}-#{nth($mp-size, $i)} {
					padding-top: nth($mp-size, $i) * rem(1) !important;
				}
				#{$V}pr-#{$device}-#{nth($mp-size, $i)} {
					padding-right: nth($mp-size, $i) * rem(1) !important;
				}
				#{$V}pb-#{$device}-#{nth($mp-size, $i)} {
					padding-bottom: nth($mp-size, $i) * rem(1) !important;
				}
				#{$V}pl-#{$device}-#{nth($mp-size, $i)} {
					padding-left: nth($mp-size, $i) * rem(1) !important;
				}
				#{$V}margin-#{$device}-#{nth($mp-size, $i)} {
					margin: nth($mp-size, $i) * rem(1) !important;
				}
				#{$V}mt-#{$device}-#{nth($mp-size, $i)} {
					margin-top: nth($mp-size, $i) * rem(1) !important;
				}
				#{$V}mr-#{$device}-#{nth($mp-size, $i)} {
					margin-right: nth($mp-size, $i) * rem(1) !important;
				}
				#{$V}mb-#{$device}-#{nth($mp-size, $i)} {
					margin-bottom: nth($mp-size, $i) * rem(1) !important;
				}
				#{$V}ml-#{$device}-#{nth($mp-size, $i)} {
					margin-left: nth($mp-size, $i) * rem(1) !important;
				}
			}
		}
	}
}