Generated by SassMeister.com.

SassMeister-input-HTML.html

<div class="flexbox">
  <h2>6 6 </h2>
  <div data-rh-layout="6 6">
    <p class="component">Component</p>
    <p class="component">Component</p>
    <p class="component">Component</p>
    <p class="component">Component</p>
    <p class="component">Component</p>
    <p class="component">Component</p>
  </div>
  <h2>6 6 flex</h2>
  <div data-rh-layout="6 6 flex">
    <p class="component">Component</p>
    <p class="component">Component</p>
    <p class="component">Component</p>
    <p class="component">Component</p>
    <p class="component">Component</p>
    <p class="component">Component</p>
  </div>
  <h2>6 6 flex with more content</h2>
  <div data-rh-layout="6 6 flex">
    <p class="component">Peanut Butter Jelly-o carrot cake carrot cake gummi bears pudding fruitcake sweet roll tootsie roll donut. Wafer powder brownie. Muffin candy canes marzipan dragée croissant pie. Candy canes gummies sweet roll tart jujubes candy. Cake apple pie</p>
    <p class="component">Jelly-o carrot cake carrot cake gummi bears pudding fruitcake sweet roll tootsie roll donut. Wafer powder brownie. Muffin candy canes marzipan dragée croissant pie. Candy canes gummies sweet roll tart jujubes candy. Cake apple pie</p>
    <p class="component">Jelly-o carrot cake carrot cake gummi bears pudding fruitcake sweet roll tootsie roll donut. Wafer powder brownie. Muffin candy canes marzipan dragée croissant pie. Candy canes gummies sweet roll tart jujubes candy. Cake apple pie</p>
    <p class="component">Jelly-o carrot cake carrot cake gummi bears pudding fruitcake sweet roll tootsie roll donut. Wafer powder brownie. Muffin candy canes marzipan dragée croissant pie. Candy canes gummies sweet roll tart jujubes candy. Cake apple pie</p>
    <p class="component">Jelly-o carrot cake carrot cake gummi bears pudding fruitcake sweet roll tootsie roll donut. Wafer powder brownie. Muffin candy canes marzipan dragée croissant pie. Candy canes gummies sweet roll tart jujubes candy. Cake apple pie</p>
    <p class="component">Jelly-o carrot cake carrot cake gummi bears pudding fruitcake sweet roll tootsie roll donut. Wafer powder brownie. Muffin candy canes marzipan dragée croissant pie. Candy canes gummies sweet roll tart jujubes candy. Cake apple pie</p>
  </div>
</div>

SassMeister-input.scss

// ----
// Sass (v3.4.13)
// Compass (v1.0.3)
// ----

* {
    box-sizing: border-box;
}
p {
  background: #eee;
  border: #ccc 1px solid;
  padding: 10px;
}
//////////////////
.flexbox .rh-standard-band-container {
  flex-direction: column;
}
.flexbox [data-rh-layout="6 6 flex"] {
  display: flex;
}

[data-rh-layout="6 6"] > :nth-child(2n+1),
[data-rh-layout="6 6 flex"] > :nth-child(2n+1) {
    width: 48.7149%;
    margin-right: 2.57023%;
    display: block;
    float: left;
    clear: left;
}
[data-rh-layout="6 6"] > :nth-child(2n+2),
[data-rh-layout="6 6 flex"] > :nth-child(2n+2) {
    width: 48.7149%;
    float: right;
    margin-right: 0px;
}
h2 {
  clear: left;
}

SassMeister-output.css

* {
  box-sizing: border-box;
}

p {
  background: #eee;
  border: #ccc 1px solid;
  padding: 10px;
}

.flexbox .rh-standard-band-container {
  flex-direction: column;
}

.flexbox [data-rh-layout="6 6 flex"] {
  display: flex;
}

[data-rh-layout="6 6"] > :nth-child(2n+1),
[data-rh-layout="6 6 flex"] > :nth-child(2n+1) {
  width: 48.7149%;
  margin-right: 2.57023%;
  display: block;
  float: left;
  clear: left;
}

[data-rh-layout="6 6"] > :nth-child(2n+2),
[data-rh-layout="6 6 flex"] > :nth-child(2n+2) {
  width: 48.7149%;
  float: right;
  margin-right: 0px;
}

h2 {
  clear: left;
}

SassMeister-rendered.html

<div class="flexbox">
  <h2>6 6 </h2>
  <div data-rh-layout="6 6">
    <p class="component">Component</p>
    <p class="component">Component</p>
    <p class="component">Component</p>
    <p class="component">Component</p>
    <p class="component">Component</p>
    <p class="component">Component</p>
  </div>
  <h2>6 6 flex</h2>
  <div data-rh-layout="6 6 flex">
    <p class="component">Component</p>
    <p class="component">Component</p>
    <p class="component">Component</p>
    <p class="component">Component</p>
    <p class="component">Component</p>
    <p class="component">Component</p>
  </div>
  <h2>6 6 flex with more content</h2>
  <div data-rh-layout="6 6 flex">
    <p class="component">Peanut Butter Jelly-o carrot cake carrot cake gummi bears pudding fruitcake sweet roll tootsie roll donut. Wafer powder brownie. Muffin candy canes marzipan dragée croissant pie. Candy canes gummies sweet roll tart jujubes candy. Cake apple pie</p>
    <p class="component">Jelly-o carrot cake carrot cake gummi bears pudding fruitcake sweet roll tootsie roll donut. Wafer powder brownie. Muffin candy canes marzipan dragée croissant pie. Candy canes gummies sweet roll tart jujubes candy. Cake apple pie</p>
    <p class="component">Jelly-o carrot cake carrot cake gummi bears pudding fruitcake sweet roll tootsie roll donut. Wafer powder brownie. Muffin candy canes marzipan dragée croissant pie. Candy canes gummies sweet roll tart jujubes candy. Cake apple pie</p>
    <p class="component">Jelly-o carrot cake carrot cake gummi bears pudding fruitcake sweet roll tootsie roll donut. Wafer powder brownie. Muffin candy canes marzipan dragée croissant pie. Candy canes gummies sweet roll tart jujubes candy. Cake apple pie</p>
    <p class="component">Jelly-o carrot cake carrot cake gummi bears pudding fruitcake sweet roll tootsie roll donut. Wafer powder brownie. Muffin candy canes marzipan dragée croissant pie. Candy canes gummies sweet roll tart jujubes candy. Cake apple pie</p>
    <p class="component">Jelly-o carrot cake carrot cake gummi bears pudding fruitcake sweet roll tootsie roll donut. Wafer powder brownie. Muffin candy canes marzipan dragée croissant pie. Candy canes gummies sweet roll tart jujubes candy. Cake apple pie</p>
  </div>
</div>