vaadin-framework/tests/sass/resources/scss/control-directives.scss

@for $i from 1 through 3 {
  .item-#{$i} { width: 2em * $i; }
}

@while $i > 0 {
  .item-#{$i} { width: 2em * $i; }
  $i: $i - 2;
}

@each $animal in puma, sea-slug, egret, salamander {
  .#{$animal}-icon {
    background-image: url('/images/#{$animal}.png');
  }
}