zhibo/assets/css/common.scss

// 字体
@for $i from 20 through 100{
    .fs#{$i} {
			font-size: #{$i}rpx;
    }
}
// 颜色
@for $i from 0 through 9{
    .color#{$i} {
			color: #{$i}#{$i}#{$i};
    }
}
// padding
@for $i from 1 through 100{
    .p#{$i} {
			padding: #{$i}rpx;
    }
}
@for $i from 1 through 100{
    .ptb#{$i} {
			padding-top: #{$i}rpx ;
			padding-bottom: #{$i}rpx ;
    }
}
@for $i from 1 through 100{
    .plr#{$i} {
			padding-left: #{$i}rpx;
			padding-right: #{$i}rpx;
    }
}
@for $i from 1 through 200{
    .pt#{$i} {
			padding-top: #{$i}rpx;
    }
}
@for $i from 1 through 100{
    .pl#{$i} {
			padding-left: #{$i}rpx;
    }
}
@for $i from 1 through 100{
    .pr#{$i} {
			padding-right: #{$i}rpx;
    }
}
@for $i from 1 through 200{
    .pb#{$i} {
			padding-bottom: #{$i}rpx;
    }
}
// margin
@for $i from 1 through 100{
    .m#{$i} {
			margin: #{$i}rpx;
    }
}
@for $i from 1 through 100{
    .mtb#{$i} {
			margin-top: #{$i}rpx ;
			margin-bottom: #{$i}rpx ;
    }
}
@for $i from 1 through 100{
    .mlr#{$i} {
			margin-left: #{$i}rpx;
			margin-right: #{$i}rpx;
    }
}
@for $i from 1 through 100{
    .mt#{$i} {
			margin-top: #{$i}rpx;
    }
}
@for $i from 1 through 100{
    .ml#{$i} {
			margin-left: #{$i}rpx;
    }
}
@for $i from 1 through 100{
    .mr#{$i} {
			margin-right: #{$i}rpx;
    }
}
@for $i from 1 through 100{
    .mb#{$i} {
			margin-bottom: #{$i}rpx;
    }
}
// 圆角
@for $i from 0 through 100{
    .radius#{$i} {
			border-radius: #{$i}rpx;
    }
}
// padding 左右+width自动计算
@for $i from 10 through 60{
    .w-calc-#{$i} {
			width: calc(100% - #{$i*2}rpx);
			padding-left:  #{$i}rpx;
			padding-right:  #{$i}rpx;
    }
}

// gap
@for $i from 1 through 100{
	.gap#{$i} {
		gap: #{$i}rpx;
	}
}

// 高
@for $i from 1 through 900{
	.h#{$i} {
		height: #{$i}rpx;
	}
}
// 宽
@for $i from 1 through 900{
	.w#{$i} {
		width: #{$i}rpx;
	}
}
// 宽
@for $i from 1 through 900{
	.lh#{$i} {
		line-height: #{$i}rpx;
	}
}


// font-weight
$steps: 100 200 300 400 500 600 700 800 bold;
@each $i in $steps {
	.weight-#{$i} {
		font-weight: $i;
	}
}