title: Loop through array of variable names in Less
body: <p>In our app, we have a preset list of colors that a user can be choose from and everything related to that user will have that color.</p>
  
  <p>Throughout the app, we will have various modules with the color attached as a class name.</p>
  
  <p>eg.</p>
  
  <pre><code>&lt;div class="example_module green"&gt;
    ...
  &lt;/div&gt;
  </code></pre>
  
  <p>We are using LESS for our CSS.</p>
  
  <p>In a number of places we are doing things like this:</p>
  
  <pre><code>.example_module.green { background: @green; }
  .example_module.red { background: @red; }
  .example_module.blue { background: @blue; }
  etc
  </code></pre>
  
  <p>I'd like to be able to set all these color names as an array and iterate over them. If we add colors in the future, we only have to add it in one place. </p>
  
  <p><strong>Pseudo code:</strong></p>
  
  <pre><code>@colors: ['green', 'red', 'blue'];
  
  for each @color in @colors {
    .example_module.@color { background: @color; }
  } 
  </code></pre>
  
  <p>Is something like this even supported in LESS?</p>