a precess production

precess-input-1404995172.scss

@for $i from 1 through 3{
  @media all and ( min-width: #{$i}em ){
    body{
      @if $i == 1{
       height:100%;
        border-style:solid;
        border-color:hotpink
      }
      border-width: #{$i}px;     
    }
  }
}

precess-output-1404995172.css

@media all and (min-width: 1em) {
  body {
    height: 100%;
    border-style: solid;
    border-color: hotpink;
    border-width: 1px;
  }
}
@media all and (min-width: 2em) {
  body {
    border-width: 2px;
  }
}
@media all and (min-width: 3em) {
  body {
    border-width: 3px;
  }
}