Griddo

Griddo is a collection of SCSS mixins that helps you build grids.

It handles grids and only grids. No responsive/breakpointy stuff. You'll have to provide that by yourself. Hello separation of concerns.

We'll deal with better documentation and examples when we can.

Questions? Ask @persand or open an issue.

Thank you:

Griddo is mostly inspired by Zurb Foundation and also csswizardy-grids.

Installation

Add this line to your application's Gemfile:

gem 'griddo'

And then execute:

$ bundle

Or install it yourself as:

$ gem install griddo

Usage

HTML

<main>
  <article></article>
  <aside></aside>
</main>

SCSS

main {
  @include griddo-row;
}

article {
  @include griddo-column(8);
}

aside {
  @include griddo-column(4);
}

Contributing

1. Fork it
2. Create your feature branch (git checkout -b my-new-feature)
3. Commit your changes (git commit -am 'Add some feature')
4. Push to the branch (git push origin my-new-feature)
5. Create new Pull Request