Sass sample

grid.sass

#container
  +column(4)
  +rem(padding, 0 10px)
  margin: 0 auto

  +respond-to(width-480)
    +rem(padding, 0px)
    +column(6)

  +respond-to(width-768)
    +column(10)

  +respond-to(width-1024)
    +column(14)

  +respond-to(width-1200)
    +column(16)

the.css

#container {
  width: 264px;
  width: 26.4rem;
  padding: 0 10px;
  padding:  0 1rem;
  margin: 0 auto;
}
@media only screen and (min-width: 480px) {
  #container {
    padding: 0px;
    padding: 0rem;
    width: 408px;
    width: 40.8rem;
  }
}
@media only screen and (min-width: 768px) {
  #container {
    width: 696px;
    width: 69.6rem;
  }
}
@media only screen and (min-width: 1024px) {
  #container {
    width: 984px;
    width: 98.4rem;
  }
}
@media only screen and (min-width: 1200px) {
  #container {
    width: 1128px;
    width: 112.8rem;
  }
}