Generated by SassMeister.com, the Sass playground.

SassMeister-input.scss

// ---
// Singularity.gs (v1.0.8)
// Sass (v3.2.8)
// ---


/////////////////
// Singularity //
/////////////////
$bp-s: 500px;
$bp-m: 700px;
$bp-l: 900px;

$output: 'float';

$grids: 4;
$grids: add-grid(6 at $bp-s);
$grids: add-grid(12 at $bp-m);
$grids: add-grid(9 3 at $bp-l);

$gutters: 1/3;

// Calling grid-span

.one-sidebar {
  @include breakpoint($bp-l) {
    [role="main"] {
      @include grid-span(1, 1);
    }
  }
}

SassMeister-output.css

@media (min-width: 900px) {
  .one-sidebar [role="main"] {
    width: 72.97297%;
    clear: right;
    float: left;
    margin-left: 0%;
    margin-right: 2.7027%;
  }
}