2016-06-17 10 views
0

私が思ったより少ないLesserが期待どおりに動作していると気づきました。私のforループは動作しません。問題のforループがless css mixinで動作しない

以下である:http://less2css.org/

.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, { 
     [email protected]{value} { 
     @props(); 
     } 
    }); 
} 

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

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

これは私が期待してクラスを生成する、正しくコンパイル。私はローカルでコンパイルするとき

、私は次のクラスを取得:

html body.admin .security_class_admin { 
    display: block 
} 

私のforループは、有効であると思われるものの、ローカルで作業し、以下のコンパイラを使用して動作していません。どのようにローカルで動作するように私がそれを変更することができるか、またはおそらく、私は特定のバージョンに自分の環境を更新する必要がありますが、最新のようです。

もう一度お手数をおかけします。

ジェイミー

+0

私は人々が求めているが、何の提案が迫っていないことを確認 - 私ができるすべての情報不足している以上の詳細がある場合私が尋ねている問題のより良いイメージを描くのを助けるために加える - 私はできるだけ詳細を提供するために全力を尽くします。このような状況にあった場合、問題を分離するためにはどのようなプロセスが必要でしょうか?私が逃した可能性のある手順や小切手は?もう一度ありがとう;) – user2115620

+1

あなたの質問を編集し、あなたのエラーを再現しやすい場所にコードを減らしてください:[最小限で完全で、かつ検証可能な例を作る方法?](http://stackoverflow.com/ヘルプ/ mcve)。 –

+0

フィードバックIvanのおかげで、ありがとうアリTorabiは役に立たないと皮肉っているためにありがとう。 私は問題を簡略化して明らかにすることを望む、私のアプリケーションのコードの抜粋を使って質問を更新しました。 – user2115620

答えて

0

は私のループが不正だった - このループは今期待通りに動作します:

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

このコードでは、私は同じCSSが、逆の順序で取得:https://s32.postimg.org/e5kyuaq0l/lessfor.png – blonfu

関連する問題