Generated by SassMeister.com.

SassMeister-input-HTML.html

<label>foo</label>
<label class="blue">foo</label>

SassMeister-input.scss

// ----
// Sass (v3.3.14)
// Compass (v1.0.1)
// ----

.bullets {
  $icon-bullet-size: 3.5em;
  $colors:
      desaturate(blue, 30),
      desaturate(green, 10),
      desaturate(yellow, 30),
      desaturate(red, 30),
      desaturate(goldenrod, 30);

  padding: 2em;
  overflow: auto;
  text-align: center;

  h2 {
    @for $i from 1 to length($colors) {
      &:nth-of-type(#{$i}) {
        $color-from-list: nth($colors, $i);
        color: $color-from-list;
      }
    }
  }
}

SassMeister-output.css

.bullets {
  padding: 2em;
  overflow: auto;
  text-align: center;
}
.bullets h2:nth-of-type(1) {
  color: #2626d9;
}
.bullets h2:nth-of-type(2) {
  color: #067a06;
}
.bullets h2:nth-of-type(3) {
  color: #d9d926;
}
.bullets h2:nth-of-type(4) {
  color: #d92626;
}

SassMeister-rendered.html

<label>foo</label>
<label class="blue">foo</label>