Generated by SassMeister.com.

SassMeister-input-HTML.html

<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<div>6</div>
<div>7</div>
<div>8</div>
<div>9</div>
<div>10</div>
<div>11</div>
<div>12</div>

SassMeister-input.scss

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

@import 'singularitygs';

@include add-grid(6);

div:nth-of-type(6n + 1) {
  @include isolation-span(1, 1, 'left');
}
div:nth-of-type(6n + 2) {
  @include grid-span(1, 2);
}
div:nth-of-type(6n + 3) {
  @include grid-span(1, 3);
}
div:nth-of-type(6n + 4) {
  @include grid-span(1, 4);
}
div:nth-of-type(6n + 5) {
  @include grid-span(1, 5);
}
div:nth-of-type(6n + 6) {
  @include isolation-span(1, 6, 'right');
}

SassMeister-output.css

div:nth-of-type(6n + 1) {
  width: 13.7931%;
  float: left;
  margin-right: -100%;
  margin-left: 0;
  clear: left;
}

div:nth-of-type(6n + 2) {
  width: 13.7931%;
  float: left;
  margin-right: -100%;
  margin-left: 17.24138%;
  clear: none;
}

div:nth-of-type(6n + 3) {
  width: 13.7931%;
  float: left;
  margin-right: -100%;
  margin-left: 34.48276%;
  clear: none;
}

div:nth-of-type(6n + 4) {
  width: 13.7931%;
  float: left;
  margin-right: -100%;
  margin-left: 51.72414%;
  clear: none;
}

div:nth-of-type(6n + 5) {
  width: 13.7931%;
  float: left;
  margin-right: -100%;
  margin-left: 68.96552%;
  clear: none;
}

div:nth-of-type(6n + 6) {
  width: 13.7931%;
  float: right;
  margin-left: 0;
  margin-right: 0;
  clear: right;
}

SassMeister-rendered.html

<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<div>6</div>
<div>7</div>
<div>8</div>
<div>9</div>
<div>10</div>
<div>11</div>
<div>12</div>