我写了这个 mixin,但它循环了很多时间。你能帮我优化我的代码吗?或者你能建议一些其他的东西来获得想要的结果吗?
<div class='mh-60 pt-10'>dfgdfgsdfgsdf</div>
最佳答案
希望这就是您要找的。p>
$spaces: (4, 8, 10, 14, 16, 18, 20, 24, 28, 30, 32, 34, 36, 40, 44, 50, 52, 60);
@each $space in $spaces {
@each $prop, $abbrev in (margin: m, padding: p) {
@each $side, $infix in (top: t, bottom: b, left: l, right: r) {
.#{$abbrev}#{$infix}-#{$space} {
#{$prop}-#{$side}: #{$space}px;
}
}
}
}
@each $space in $spaces {
@each $prop, $abbrev in (margin: m, padding: p) {
.#{$abbrev}v-#{$space} {
#{$prop}-top: #{$space}px;
#{$prop}-bottom: #{$space}px;
}
.#{$abbrev}h-#{$space} {
#{$prop}-left: #{$space}px;
#{$prop}-right: #{$space}px;
}
}
}
关于css - 为 g 推荐别的东西 为 g 推荐别的东西 为 g 推荐别的东西,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54800612/