Generated by SassMeister.com.

SassMeister-input.scss

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

$grid-columns: 25; 
@for $i from 1 through $grid-columns {
  .small-#{$i} {
    width: 100% / $grid-columns *$i;
  }
}

SassMeister-output.css

.small-1 {
  width: 4%;
}

.small-2 {
  width: 8%;
}

.small-3 {
  width: 12%;
}

.small-4 {
  width: 16%;
}

.small-5 {
  width: 20%;
}

.small-6 {
  width: 24%;
}

.small-7 {
  width: 28%;
}

.small-8 {
  width: 32%;
}

.small-9 {
  width: 36%;
}

.small-10 {
  width: 40%;
}

.small-11 {
  width: 44%;
}

.small-12 {
  width: 48%;
}

.small-13 {
  width: 52%;
}

.small-14 {
  width: 56%;
}

.small-15 {
  width: 60%;
}

.small-16 {
  width: 64%;
}

.small-17 {
  width: 68%;
}

.small-18 {
  width: 72%;
}

.small-19 {
  width: 76%;
}

.small-20 {
  width: 80%;
}

.small-21 {
  width: 84%;
}

.small-22 {
  width: 88%;
}

.small-23 {
  width: 92%;
}

.small-24 {
  width: 96%;
}

.small-25 {
  width: 100%;
}