a precess production

precess-input-1397235393.scss

$track-icons: 'hairtechnique', 'hairtexture', 'barber', 'makeup', 'nail', 'business', 'genericplaceholder';
div{  
@for $i from 1 through length($track-icons){
    &.#{nth( $track-icons , $i )}{
      position:relative; 
      &:after{
        content:'';
        display:block;
        position:absolute;
        height:70px;
        width:70px;    
        background-size:70px;
        top:0;
        right:0;
        border:2px solid #fff;
      }
    }
    &.#{nth( $track-icons , $i )}:after {
      background-image:url(../images/icon-#{nth( $track-icons , $i )}.png );
    }
  }   
}  

precess-output-1397235393.css

div.hairtechnique {
  position: relative;
}
div.hairtechnique:after {
  content: '';
  display: block;
  position: absolute;
  height: 70px;
  width: 70px;
  background-size: 70px;
  top: 0;
  right: 0;
  border: 2px solid #fff;
}
div.hairtechnique:after {
  background-image: url(../images/icon-hairtechnique.png);
}
div.hairtexture {
  position: relative;
}
div.hairtexture:after {
  content: '';
  display: block;
  position: absolute;
  height: 70px;
  width: 70px;
  background-size: 70px;
  top: 0;
  right: 0;
  border: 2px solid #fff;
}
div.hairtexture:after {
  background-image: url(../images/icon-hairtexture.png);
}
div.barber {
  position: relative;
}
div.barber:after {
  content: '';
  display: block;
  position: absolute;
  height: 70px;
  width: 70px;
  background-size: 70px;
  top: 0;
  right: 0;
  border: 2px solid #fff;
}
div.barber:after {
  background-image: url(../images/icon-barber.png);
}
div.makeup {
  position: relative;
}
div.makeup:after {
  content: '';
  display: block;
  position: absolute;
  height: 70px;
  width: 70px;
  background-size: 70px;
  top: 0;
  right: 0;
  border: 2px solid #fff;
}
div.makeup:after {
  background-image: url(../images/icon-makeup.png);
}
div.nail {
  position: relative;
}
div.nail:after {
  content: '';
  display: block;
  position: absolute;
  height: 70px;
  width: 70px;
  background-size: 70px;
  top: 0;
  right: 0;
  border: 2px solid #fff;
}
div.nail:after {
  background-image: url(../images/icon-nail.png);
}
div.business {
  position: relative;
}
div.business:after {
  content: '';
  display: block;
  position: absolute;
  height: 70px;
  width: 70px;
  background-size: 70px;
  top: 0;
  right: 0;
  border: 2px solid #fff;
}
div.business:after {
  background-image: url(../images/icon-business.png);
}
div.genericplaceholder {
  position: relative;
}
div.genericplaceholder:after {
  content: '';
  display: block;
  position: absolute;
  height: 70px;
  width: 70px;
  background-size: 70px;
  top: 0;
  right: 0;
  border: 2px solid #fff;
}
div.genericplaceholder:after {
  background-image: url(../images/icon-genericplaceholder.png);
}