减少项目中的重复次数

时间:2016-03-21 20:38:21

标签: less

我有一些非常重复的文件。我想尽可能地遵循DRY(不要重复自己)的原则。

这是一个片段:

.margin-loose {
    margin-top: @loose;
    margin-bottom: @loose;
}
.margin-loose-top {
    margin-top: @loose;
}
.margin-loose-bottom {
    margin-bottom: @loose;
}
.margin-loose-sm {
    margin-top: @loose-sm;
    margin-bottom: @loose-sm;
}
.margin-loose-top-sm {
    margin-top: @loose-sm;
}
.margin-loose-bottom-sm {
    margin-bottom: @loose-sm;
}
.margin-loose-xs {
    margin-top: @loose-xs;
    margin-bottom: @loose-xs;
}
.margin-loose-top-xs {
    margin-top: @loose-xs;
}
.margin-loose-bottom-xs {
    margin-bottom: @loose-xs;
}

是否可以使用Less mixins或循环来缩短此文件?

0 个答案:

没有答案