Generated by SassMeister.com.

SassMeister-input-HTML.html

<div>hi</div>

SassMeister-input.scss

// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// Susy (v2.2.2)
// ----

@import "susy";

$breakpoints: (
  'break-1': 26.250em,
  'break-2': 85.375em
);

@mixin breakpoint($name) {
  @if not map-has-key($breakpoints, $name) {
    @warn "Invalid breakpoint `#{$name}`.";
  }

  @else {
    @media (min-width: map-get($breakpoints, $name)) {
      @content;
    }
  }
}

@mixin make-layout($num) {
  @include span(12);
  
    @if ($num: 6) {
      @include span(2 of 12);
    }

  @include breakpoint(break-1) {
    @include span(12/$num of 12);
  }

  &:last-child {
    @include span(12);

    @include breakpoint(break-1) {
      @include span(last 12/$num of 12);
    }
  }
}

.layout--sixth {
  @include make-layout(6);
}

SassMeister-output.css

.layout--sixth {
  width: 310.52632%;
  float: left;
  margin-right: 5.26316%;
  width: 15.25424%;
  float: left;
  margin-right: 1.69492%;
}
@media (min-width: 26.25em) {
  .layout--sixth {
    width: 15.25424%;
    float: left;
    margin-right: 1.69492%;
  }
}
.layout--sixth:last-child {
  width: 310.52632%;
  float: left;
  margin-right: 5.26316%;
}
@media (min-width: 26.25em) {
  .layout--sixth:last-child {
    width: 15.25424%;
    float: right;
    margin-right: 0;
  }
}

SassMeister-rendered.html

<div>hi</div>