Generated by SassMeister.com.

SassMeister-input.scss

// ----
// libsass (v3.2.5)
// ----

@import "singularitygs";
@import "breakpoint";

@include add-grid(1 10 1);
@include add-grid(4 8 4 at 900px);

.foo {
  @include grid-span(1, 2);
  
  @include breakpoint(900px) {
    @include grid-span(1, 2);
  }
}

@include breakpoint(900px) {
  .foo {
    @include grid-span(1, 2);  
  }
}

SassMeister-output.css

.foo {
  width: 80%;
  float: left;
  margin-right: -100%;
  margin-left: 10%;
  clear: none;
}

@media (min-width: 900px) {
  .foo {
    width: 48.48485%;
    float: left;
    margin-right: -100%;
    margin-left: 25.75758%;
    clear: none;
  }
}

@media (min-width: 900px) {
  .foo {
    width: 48.48485%;
    float: left;
    margin-right: -100%;
    margin-left: 25.75758%;
    clear: none;
  }
}