Compass Inuit Save

:white_flower: Compass extension for inuit.css. More than 40k users served!

Project README

compass-inuit

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'

Bundler Instructions

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

Open Source Agenda is not affiliated with "Compass Inuit" Project. README Source: stephenway/compass-inuit
Stars
125
Open Issues
0
Last Commit
8 years ago

Open Source Agenda Badge

Open Source Agenda Rating