Loop through array of variable names in Less

by

See Loops.
For example (assuming @green, @red, @blue variables are defined elsewhere):

@colors: green, red, blue;

.example_module {
    .-(@i: length(@colors)) when (@i > 0) {
        @name: extract(@colors, @i);
        &.@{name} {background: @@name}
        .-((@i - 1));
    } .-;
}

– – –

In Modern Less the same can be more straight-forward with the help of the Lists plugin:

@colors: green, red, blue;

.for-each(@name in @colors) {
    .example_module.@{name} {
        background: @@name;
    }
}

– – –

And in Legacy Less the syntactic sugar can be achieved using:

@import "for";

@colors: green, red, blue;

.example_module {
    .for(@colors); .-each(@name) {
        &.@{name} {background: @@name}
    }
}

Where the imported "for" snippet (it’s just a wrapper mixin for recursive Less loops) can be found here (with examples here and here).

More Related Contents:

  1. How can I add up two 2d (pitched) arrays using nested for loops?
  2. x86_64 – Assembly – loop conditions and out of order
  3. How exactly does the x86 LOOP instruction work?
  4. Register variables in with_items loop in Ansible playbook
  5. cycling through a list of colors with sass
  6. Looping on a protractor test with parameters
  7. While, Do While, For loops in Assembly Language (emu8086)
  8. How I can stop an animated GIF in JavaFX?
  9. Continuous Looping Page (Not Infinite Scroll)
  10. A puzzle related to nested loops
  11. Why should I use foreach instead of for (int i=0; i
  12. Script runtime execution time limit
  13. Proper way to release resources with defer in a loop?
  14. Map in order range loop
  15. How to render a tree in Twig
  16. How to iterate or map over tuples?
  17. Ping a list of host names and output the results to a csv in powershell
  18. Get iteration index from List.map()
  19. For loop with an array
  20. c++ skipping the if and for loops?
  21. Looping through array and removing items, without breaking for loop
  22. What is the best way to loop through this array in PHP?
  23. Python – TypeError: ‘int’ object is not iterable
  24. Recursion vs loops
  25. How do I extend a class/mixin which has dynamically formed selector
  26. Cursor based records in PostgreSQL
  27. Iterating over integer[] in PL/pgSQL
  28. int object is not iterable while trying to sum the digits of a number? [duplicate]
  29. Font awesome not working in Firefox
  30. PHP loop; how to print each result and delay it for a second before echoing another result?

Leave a Comment