Lazar
Ljubenović

Grassy

Grassy is a modern Sass library with no run-time dependencies which makes grids a breeze. With no additional markup, you can use intuitive ASCII art diagrams to specify the layout of elements on the page.

Check out the following example.

<section>
  <article></article>
  <article></article>
  <!-- etc -->
  <article></article>
</section>
section {
  @include grid(
    'x-x-x x   x'
    'x   x-x-x-x'
    '    x-x   x'
    '  x   x-x  '
  );
}

You can find Grassy on GitHub.