for-loops.scss

// An example for:
// http://blog.rebeltix.com/2011/04/css-sass-and-how-to-improve-the-mess/

@for $i from 1 through 6 {
  h#{$i} {font-size: 12pt + (14 - $i*2);}
}

@for $i from 1 through 3 {
  box-level-#{$i} {background-color: #333 + ($i * #333);}
}


@mixin floated-image($dir) {
  img.#{$dir} {float: $dir;}
}

@each $dir in left right {
  @include floated-image($dir);
}