Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.3.12)
// Compass (v1.0.0.alpha.21)
// Breakpoint (v2.4.6)
// Susy (v2.1.3)
// ----

@import "susy";
@import "breakpoint";

$susy: (
  math: static,
  columns: 4,
  column-width: 60px,
  gutters: 1/4,
  use-custom: (rem: true)
);


.container {
  @include container($susy);
  
  @include breakpoint(600px) {
    @include container(12);
  }
  
   @include breakpoint(900px) {
    @include container(16);
  }
  
}

SassMeister-output.css

.container {
  width: 285px;
  margin-left: auto;
  margin-right: auto;
}
.container:after {
  content: " ";
  display: block;
  clear: both;
}
@media (min-width: 600px) {
  .container {
    width: 885px;
    margin-left: auto;
    margin-right: auto;
  }
  .container:after {
    content: " ";
    display: block;
    clear: both;
  }
}
@media (min-width: 900px) {
  .container {
    width: 1185px;
    margin-left: auto;
    margin-right: auto;
  }
  .container:after {
    content: " ";
    display: block;
    clear: both;
  }
}