Need help with compass-inuit?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

stephenway
127 Stars 17 Forks 86 Commits 0 Opened issues

Description

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

Services available

!
?

Need anything else?

Contributors list

# 43,188
React
Angular
Sass
compass
41 commits
# 58,039
Shell
Node.js
meteor
compass
16 commits
# 448,263
craftcm...
Sass
Shell
compass
3 commits
# 75,395
CSS
css-fra...
Bootstr...
live2d
2 commits
# 135,539
optimis...
Sass
Shell
compass
2 commits
# 39,680
pm2
Sass
compass
Elixir
1 commit
# 606,614
Sass
Shell
compass
scss
1 commit

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

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.