temp commit

This commit is contained in:
学习很差啦
2022-09-14 10:43:40 +08:00
parent 5afc5477a9
commit 8c8522c68e
10 changed files with 677 additions and 523 deletions

View File

@@ -109,63 +109,63 @@ text {
}
// 定义flex等分
@for $i from 0 through 12 {
.u-flex-#{$i} {
flex: $i;
}
}
// @for $i from 0 through 12 {
// .u-flex-#{$i} {
// flex: $i;
// }
// }
// 定义字体(px)单位小于20都为px单位字体
@for $i from 9 to 20 {
.u-font-#{$i} {
font-size: $i + px;
}
}
// // 定义字体(px)单位小于20都为px单位字体
// @for $i from 9 to 20 {
// .u-font-#{$i} {
// font-size: $i + px;
// }
// }
// 定义字体(rpx)单位大于或等于20的都为rpx单位字体
@for $i from 20 through 40 {
.u-font-#{$i} {
font-size: $i + rpx;
}
}
// // 定义字体(rpx)单位大于或等于20的都为rpx单位字体
// @for $i from 20 through 40 {
// .u-font-#{$i} {
// font-size: $i + rpx;
// }
// }
// 定义内外边距历遍1-80
@for $i from 0 through 80 {
// 只要双数和能被5除尽的数
@if $i % 2 == 0 or $i % 5 == 0 {
// 得出u-margin-30或者u-m-30
.u-margin-#{$i}, .u-m-#{$i} {
margin: $i + rpx!important;
}
// // 定义内外边距历遍1-80
// @for $i from 0 through 80 {
// // 只要双数和能被5除尽的数
// @if $i % 2 == 0 or $i % 5 == 0 {
// // 得出u-margin-30或者u-m-30
// .u-margin-#{$i}, .u-m-#{$i} {
// margin: $i + rpx!important;
// }
// 得出u-padding-30或者u-p-30
.u-padding-#{$i}, .u-p-#{$i} {
padding: $i + rpx!important;
}
// // 得出u-padding-30或者u-p-30
// .u-padding-#{$i}, .u-p-#{$i} {
// padding: $i + rpx!important;
// }
@each $short, $long in l left, t top, r right, b bottom {
// 缩写版,结果如: u-m-l-30
// 定义外边距
.u-m-#{$short}-#{$i} {
margin-#{$long}: $i + rpx!important;
}
// @each $short, $long in l left, t top, r right, b bottom {
// // 缩写版,结果如: u-m-l-30
// // 定义外边距
// .u-m-#{$short}-#{$i} {
// margin-#{$long}: $i + rpx!important;
// }
// 定义内边距
.u-p-#{$short}-#{$i} {
padding-#{$long}: $i + rpx!important;
}
// // 定义内边距
// .u-p-#{$short}-#{$i} {
// padding-#{$long}: $i + rpx!important;
// }
// 完整版结果如u-margin-left-30
// 定义外边距
.u-margin-#{$long}-#{$i} {
margin-#{$long}: $i + rpx!important;
}
// // 完整版结果如u-margin-left-30
// // 定义外边距
// .u-margin-#{$long}-#{$i} {
// margin-#{$long}: $i + rpx!important;
// }
// 定义内边距
.u-padding-#{$long}-#{$i} {
padding-#{$long}: $i + rpx!important;
}
}
}
}
// // 定义内边距
// .u-padding-#{$long}-#{$i} {
// padding-#{$long}: $i + rpx!important;
// }
// }
// }
// }