yYeOXB

index.html

<div class="container">
  <section class="row">
    <div class="child child--one">Content</div>
    <div class="child child--two">Content</div>
  </section>
  <section class="row">
    <div class="child child--one">Content</div>
    <div class="child child--two">Content</div>
  </section>
  <section class="row">
    <div class="child child--one">Content</div>
    <div class="child child--two">Content</div>
  </section>
</div>

style.css

@import "bourbon";
@import "neat";

.container {
  @include outer-container(800px);
}

.row {
  @include padding(20px null);
  @include span-columns(9 of 18);
//  @include fill-parent;
//  @include row(table);
  background-color: #00bfff;
  
  &:nth-child(2n) {
    @include omega();
  }
}

.child {
  background-color: rgba(#000, 0.25);
  height: 100px;
  vertical-align: middle;
  text-align: center;
}

.child--one {
  @include span-columns(3 of 9);
  border-right: 1px solid rgba(#000, 0.25);
}

.child--two {
  @include span-columns(6 of 9);
}

yYeOXB.markdown

yYeOXB

Forked from Tyson Gach's Pen waVPKX.

Forked from Tyson Gach's Pen waVPKX.

A Pen by Captain Anonymous on CodePen.

License.