MarkLavrynenko · December 22, 2014 18:37
diff --git a/SassMeister-input-HTML.html b/SassMeister-input-HTML.html
 <ul>
  <li class="item1">Text 1</li>
  <li class="item2">Some text 2</li>
  <li class="item3">Dota 2</li>
  <li class="item4">Moon</li>
 </ul>
diff --git a/SassMeister-input.scss b/SassMeister-input.scss
 // ----
 // Sass (v3.4.9)
 // Compass (v1.0.1)
 // ----

 $colors : red, green, blue, #B0B;
 $i:1;
 ul li {
  @each $col in $colors {
    &.item#{$i} {
      color : $col;
    }
    $i : $i + 1;
  } 
 }
diff --git a/SassMeister-output.css b/SassMeister-output.css
 ul li.item1 {
  color: red;
 }
 ul li.item2 {
  color: green;
 }
 ul li.item3 {
  color: blue;
 }
 ul li.item4 {
  color: #B0B;
 }
diff --git a/SassMeister-rendered.html b/SassMeister-rendered.html
 <ul>
  <li class="item1">Text 1</li>
  <li class="item2">Some text 2</li>
  <li class="item3">Dota 2</li>
  <li class="item4">Moon</li>
 </ul>