title: Extract value from variable
body: <p>I just want to ask if it is possible in LESSCSS to use the extract function while the value is stored in LESS Variable?</p>
  
  <p>This is what I'm using:</p>
  
  <pre><code>@basic: #ffffff, #000000, #333333;
  @classes: white, black, gray;
  .make-color(@i: length(@basic)) when (@i &gt; 0) {
      .make-color(@i - 1);
      @color: extract(@basic, @i);
      @class: extract(@classes, @i);
      .@{class} {
              color: @color;
          }
      }
  }
  </code></pre>
  
  <p>This is what I want</p>
  
  <pre><code>  @white: #ffffff;
    @black: #000000;
    @gray: #333333;
  
    @basic: @white, @black, @gray;
    @classes: white, black, gray;
      .make-color(@i: length(@basic)) when (@i &gt; 0) {
          .make-color(@i - 1);
          @color: extract(@basic, @i);
          @class: extract(@classes, @i);
          .@{class} {
                  color: @color;
              }
          }
      }
  </code></pre>
  
  <p>When I tried the second one it returns a compiled css like this:</p>
  
  <pre><code>.white{
  color: @white;
  }
  .black{
  color: @black;
  }
  .gray{
  color: @gray;
  }
  </code></pre>
  
  <p>but my target is like this:</p>
  
  <pre><code>.white{
  color: #ffffff;
  }
  .black{
  color: #000000;
  }
  .gray{
  color: #333333;
  }
  </code></pre>