80 lines
1.8 KiB
SCSS
80 lines
1.8 KiB
SCSS
|
// 定义内外边距 1-80(可以等于80)之间的偶数(双数)（补充uview边距类）
|
|||
|
|
// 能被5除尽的1-80之间的数，如5，10，15，35等
|
|||
|
|
// u-padding-x == u-p-x
|
|||
|
|
// u-padding-left-x == u-p-l-x ...
|
|||
|
|
// u-margin-x == u-m-x
|
|||
|
|
// u-margin-left-x == u-m-l-x ...
|
|||
|
|
@for $i from 0 through 80 {
|
|||
|
|
// 只要双数和能被5除尽的数
|
|||
|
|
@if $i % 2 == 0 or $i % 5 == 0 {
|
|||
|
|
// 缩写版，结果如： u-m-l-30
|
|||
|
|
// 定义外边距
|
|||
|
|
.u-m-tb-#{$i} {
|
|||
|
|
margin-top: $i + rpx!important;
|
|||
|
|
margin-bottom: $i + rpx!important;
|
|||
|
|
}
|
|||
|
|
.u-m-lr-#{$i} {
|
|||
|
|
margin-left: $i + rpx!important;
|
|||
|
|
margin-right: $i + rpx!important;
|
|||
|
|
}
|
|||
|
|
// 定义内边距
|
|||
|
|
.u-p-tb-#{$i} {
|
|||
|
|
padding-top: $i + rpx!important;
|
|||
|
|
padding-bottom: $i + rpx!important;
|
|||
|
|
}
|
|||
|
|
// 定义内边距
|
|||
|
|
.u-p-lr-#{$i} {
|
|||
|
|
padding-left: $i + rpx!important;
|
|||
|
|
padding-right: $i + rpx!important;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
// /* 间距大小 10rpx ~ 50rpx */
|
|||
|
|
// @for $i from 1 to 6{
|
|||
|
|
// .m-#{$i*10} {
|
|||
|
|
// margin: $i * 10rpx;
|
|||
|
|
// }
|
|||
|
|
// .mt-#{$i*10} {
|
|||
|
|
// margin-top: $i * 10rpx;
|
|||
|
|
// }
|
|||
|
|
// .ml-#{$i*10} {
|
|||
|
|
// margin-left: $i * 10rpx;
|
|||
|
|
// }
|
|||
|
|
// .mr-#{$i*10} {
|
|||
|
|
// margin-right: $i * 10rpx;
|
|||
|
|
// }
|
|||
|
|
// .mb-#{$i*10} {
|
|||
|
|
// margin-bottom: $i * 10rpx;
|
|||
|
|
// }
|
|||
|
|
// .mlr-#{$i*10} {
|
|||
|
|
// margin-left: $i * 10rpx;
|
|||
|
|
// margin-right: $i * 10rpx;
|
|||
|
|
// }
|
|||
|
|
// .mtb-#{$i*10} {
|
|||
|
|
// margin-top: $i * 10rpx;
|
|||
|
|
// margin-bottom: $i * 10rpx;
|
|||
|
|
// }
|
|||
|
|
// .pt-#{$i*10} {
|
|||
|
|
// padding-top: $i * 10rpx;
|
|||
|
|
// }
|
|||
|
|
// .pl-#{$i*10} {
|
|||
|
|
// padding-left: $i * 10rpx;
|
|||
|
|
// }
|
|||
|
|
// .pr-#{$i*10} {
|
|||
|
|
// padding-right: $i * 10rpx;
|
|||
|
|
// }
|
|||
|
|
// .pb-#{$i*10} {
|
|||
|
|
// padding-bottom: $i * 10rpx;
|
|||
|
|
// }
|
|||
|
|
// .plr-#{$i*10} {
|
|||
|
|
// padding-left: $i * 10rpx;
|
|||
|
|
// padding-right: $i * 10rpx;
|
|||
|
|
// }
|
|||
|
|
// .ptb-#{$i*10} {
|
|||
|
|
// padding-top: $i * 10rpx;
|
|||
|
|
// padding-bottom: $i * 10rpx;
|
|||
|
|
// }
|
|||
|
|
// .p-#{$i*10} {
|
|||
|
|
// padding: $i * 10rpx;
|
|||
|
|
// }
|
|||
|
|
// }
|