title: SCSS for each loop with Multiple Variables with decimal values
body: <p>I'm having trouble with a SASS @each loop with multiple variables using decimals. I can get it to work on a basic level but want to add decimals, which throws me errors.</p>
  
  <p>For example..</p>
  
  <pre><code>$columns: 100, 25, 33;
  
  @each $proportion in $columns {
    .col_#{nth($proportion, 1)} {
      width: percentage($proportion/100);
    }
  }
  </code></pre>
  
  <p>... will successfully compile to...</p>
  
  <pre><code>.col_100 {
      width: 100%;
  }
  
  .col_25 {
      width: 25%;
  }
  
  .col_33 {
      width: 33%;
  }
  </code></pre>
  
  <p>However, trying to add a decimal to the variable list throws me an error. For example how can I get this to to work...</p>
  
  <pre><code>$columns: 100, 25, 33.333;
  </code></pre>