A powerful little Compass extension for inuit.css for insanely serious developers.
Contribute
Please fork this repository, then submit a pull request with your changes in a new topic branch.
Installation
gem install compass-inuit
# 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:
Sections
@import "compass-inuit/generic";
@import "compass-inuit/base";
@import "compass-inuit/objects";
Modules
Generic
@import "compass-inuit/defaults";
@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
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent