Griddo is a collection of Sass mixins that helps you build grids.
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
lib
sass
Gemfile
LICENSE-GPL.txt
LICENSE-MIT.txt
README.md
Rakefile
bower.json
griddo.gemspec
sache.json

README.md

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