For loop sprite coordinates (star rating)

SassMeister-input-HTML.html

<div class="rating rating-0"></div>
<div class="rating rating-1"></div>
<div class="rating rating-2"></div>
<div class="rating rating-3"></div>
<div class="rating rating-4"></div>
<div class="rating rating-5"></div>

SassMeister-input.scss

// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----

// For loop sprite coordinates
$star-width: 50px;

.rating {
  width: 240px;
  height: 38px;
  margin-bottom: 50px;
  background: url("http://imgh.us/stars.svg") no-repeat;
  background-position: 0 0;
  @for $i from 0 through 5 {
    &.rating-#{$i} {
      background-position: -((5-$i) * $star-width)  0;
    }
  }
}

SassMeister-output.css

.rating {
  width: 240px;
  height: 38px;
  margin-bottom: 50px;
  background: url("http://imgh.us/stars.svg") no-repeat;
  background-position: 0 0;
}
.rating.rating-0 {
  background-position: -250px 0;
}
.rating.rating-1 {
  background-position: -200px 0;
}
.rating.rating-2 {
  background-position: -150px 0;
}
.rating.rating-3 {
  background-position: -100px 0;
}
.rating.rating-4 {
  background-position: -50px 0;
}
.rating.rating-5 {
  background-position: 0px 0;
}

SassMeister-rendered.html

<div class="rating rating-0"></div>
<div class="rating rating-1"></div>
<div class="rating rating-2"></div>
<div class="rating rating-3"></div>
<div class="rating rating-4"></div>
<div class="rating rating-5"></div>