A powerful little Compass extension for inuit.css for insanely serious developers.
Contribe
Please fork this repository, then submit a pull request with your changes in a new topic branch.
Installation
Bundler
If you want to bundle into your app, install bundler.
$ sudo gem install bundler
With Bundler installed, add this to your Gemfile.
group :assets do
gem 'compass-inuit'
end
Run this in the command line:
$ bundle install
$ git add Gemfile Gemfile.lock
Manual
If bundler isn't your thing, install this gem.
$ sudo gem install compass-inuit
Next in your Compass project add this to your config.rb
require 'compass-inuit'
Documentation
To quick-start a new inuit project run this command.
compass create my_project -r compass-inuit --using compass-inuit
To get started install into your project.
compass install compass-inuit
Then verify it's installed.
compass help compass-inuit
Imports have been branched out in this extension, additionally you can use these:
Level 1
@import "compass-inuit/generic";
@import "compass-inuit/base";
@import "compass-inuit/objects";
Level 2
// Generic
@import "compass-inuit/generic/mixins";
@import "compass-inuit/generic/normalize";
@import "compass-inuit/generic/reset";
@import "compass-inuit/generic/clearfix";
@import "compass-inuit/generic/shared";
// Base
@import "compass-inuit/base/main";
@import "compass-inuit/base/headings";
@import "compass-inuit/base/paragraphs";
@import "compass-inuit/base/smallprint";
@import "compass-inuit/base/quotes";
@import "compass-inuit/base/code";
@import "compass-inuit/base/images";
@import "compass-inuit/base/lists";
@import "compass-inuit/base/tables";
@import "compass-inuit/base/forms";
// Objects
@import "compass-inuit/objects/grids";
@import "compass-inuit/objects/flexbox";
@import "compass-inuit/objects/columns";
@import "compass-inuit/objects/nav";
@import "compass-inuit/objects/options";
@import "compass-inuit/objects/pagination";
@import "compass-inuit/objects/breadcrumb";
@import "compass-inuit/objects/media";
@import "compass-inuit/objects/marginalia";
@import "compass-inuit/objects/island";
@import "compass-inuit/objects/block-list";
@import "compass-inuit/objects/matrix";
@import "compass-inuit/objects/split";
@import "compass-inuit/objects/this-or-this";
@import "compass-inuit/objects/link-complex";
@import "compass-inuit/objects/flyout";
@import "compass-inuit/objects/arrows";
@import "compass-inuit/objects/sprite";
@import "compass-inuit/objects/icon-text";
@import "compass-inuit/objects/beautons";
@import "compass-inuit/objects/lozenges";
@import "compass-inuit/objects/rules";
@import "compass-inuit/objects/stats";
@import "compass-inuit/objects/greybox";
// Helpers
@import "compass-inuit/generic/widths";
@import "compass-inuit/generic/push";
@import "compass-inuit/generic/pull";
@import "compass-inuit/generic/brand";
@import "compass-inuit/generic/helper";
@import "compass-inuit/generic/debug";
This makes it super simple to pick and choose what you want for your project.
Credits
Based on Harry Roberts's inuit.css framework.
This extension was created by Stephen Way