Generated by SassMeister.com.

SassMeister-input-HTML.html

<h1>Susy Grid System Example</h1>

<div class="twelve-columns">
  <div>a few words</div>
  <div>a few words</div>
  <div>a few words</div>
  <div>a few words</div>
  <div>a few words</div>
  <div>a few words</div>
  <div>a few words</div>
  <div>a few words</div>
  <div>a few words</div>
  <div>a few words</div>
  <div>a few words</div>
  <div>a few words</div>
</div>

SassMeister-input.scss

// ----
// libsass (v3.2.4)
// ----

@import "susy";

$susy: (
  columns: 12,
  gutters: .25,
  gutter-position: inside,
);

.twelve-columns {
  * {
    @include span(1 of 12);
  }
}

SassMeister-output.css

.twelve-columns * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 8.33333%;
  float: left;
  padding-left: 0.83333%;
  padding-right: 0.83333%;
}

SassMeister-rendered.html

<h1>Susy Grid System Example</h1>

<div class="twelve-columns">
  <div>a few words</div>
  <div>a few words</div>
  <div>a few words</div>
  <div>a few words</div>
  <div>a few words</div>
  <div>a few words</div>
  <div>a few words</div>
  <div>a few words</div>
  <div>a few words</div>
  <div>a few words</div>
  <div>a few words</div>
  <div>a few words</div>
</div>