css - for循环在较少的css mixin中不起作用

Question

我注意到，我认为按预期工作的 Less 片段实际上并没有生成我需要的所有样式——我的 for 循环没有工作。

较少的问题是:

.for(@list, @code) {
    & {
        .loop(@i:1) when (@i =< length(@list)) {
            @value: extract(@list, @i);

            @code();

            .loop(@i + 1);
        }

        .loop();
    }
}

.role-variants(@variants, @props){
    .for(@variants, {
      .security_class_@{value} {
        @props();
      }
    });
}

@admin-roles: admin, admin_manager, admin_user, admin_manager_user;

html{
    body{
        &.admin{
            .role-variants(@admin-roles, {display: block;});
        }
    }
}

关于 http://less2css.org/这编译正确，生成我期望的类。

当我在本地编译时，我只得到以下类:

html body.admin .security_class_admin {
    display: block
}

我的 for 循环在本地不工作，尽管它似乎是有效的并且使用 less 编译器工作。关于如何修改它以在本地工作的任何想法，或者我可能需要将我的环境更新到特定版本，尽管它似乎是最新的。

再次感谢您的帮助。

杰米

Answer 1

我的循环格式不正确 - 这个循环现在按预期工作:

.for(@list, @code) {
    & {
        .loop(@i) when (@i > 0) {
            @value: extract(@list, @i);
            @code();
            .loop((@i - 1));
        }
        .loop(length(@list));
    }
}