使用更少的循环生成类

Question

我正在尝试在Less中生成边距类。我有代码：

readr::parse_date('3/15/2012', '%m/%d/%Y')
#[1] "2012-03-15"

哪些输出：

findOneAndUpdate

但我要的不是 .mb-1，.mb-2，.mb-3，.mb-4，.mb-5 ，而是 .mb-5，.mb- 10，.mb-15，.mb-20，.mb-25 。怎么做。

Answer 1

逻辑我认为是：

.generate-margin(5);

.generate-margin(@n, @i: 1) when (@i =< @n) {
     .mb-@{i * 5} {
         margin-bottom: (@i * 5px) !important;
     }
    .generate-margin(@n, (@i + 1));
}

Answer 2

您可以创建一个变量来存储当前边距的大小：

.generate-margin(5);

.generate-margin(@n, @i: 1) when (@i =< @n) {

  @marginSize: @i*5;

  .mb-@{marginSize} {

    margin-bottom: (@i * 5px) !important;
  }
  .generate-margin(@n, (@i + 1));
}