stephenway / Compass Inuit
💮 Compass extension for inuit.css. More than 40k users served!
Stars: ✠127
Projects that are alternatives of or similar to Compass Inuit
Fast
Develop, build, deploy, redeploy, and teardown frontend projects fast.
Stars: ✠126 (-0.79%)
Mutual labels: scss, sass
Sass Vars Loader
Use Sass variables defined in Webpack config or in external Javascript or JSON files
Stars: ✠112 (-11.81%)
Mutual labels: scss, sass
Lightning Admin Angular
A mobile first design of a responsive admin template built with angular and bootstrap
Stars: ✠107 (-15.75%)
Mutual labels: scss, sass
Frasco
Quick starter for Jekyll including full setup for Sass, PostCSS, Autoprefixer, stylelint, Webpack, ESLint, imagemin, Browsersync, etc.
Stars: ✠123 (-3.15%)
Mutual labels: scss, sass
Light Blue Dashboard
🔥 Free and open-source admin dashboard template built with Bootstrap
Stars: ✠110 (-13.39%)
Mutual labels: scss, sass
Styled Jsx Plugin Sass
Plugin to add Sass support to styled-jsx. Warning this is a Proof Of Concept plugin.
Stars: ✠115 (-9.45%)
Mutual labels: scss, sass
Bootstrap 4 Sass Gulp 4 Boilerplate
A Bootstrap 4.5.2 boilerplate with font-awesome, sass, gulp 4 tasks
Stars: ✠103 (-18.9%)
Mutual labels: scss, sass
Sscss
Light Sass lib for managing your font-size, margin, padding, and position values across breakpoints.
Stars: ✠119 (-6.3%)
Mutual labels: scss, sass
Mq Scss
Extremely powerful Sass media query mixin. Allows you to create almost any media query you can imagine.
Stars: ✠122 (-3.94%)
Mutual labels: scss, sass
Refills
Refills is maintained by the thoughtbot design team. It is funded by
thoughtbot, inc. and the names and logos for thoughtbot are
trademarks of thoughtbot, inc.
Stars: ✠1,523 (+1099.21%)
Mutual labels: scss, sass
Bootstrap 4 Utilities
Bootstrap 4 utility classes in LESS CSS for Bootstrap 3 or any other projects.
Stars: ✠105 (-17.32%)
Mutual labels: scss, sass
Plate
Plate: a super stripped-down WordPress starter theme for developers.
Stars: ✠110 (-13.39%)
Mutual labels: scss, sass
Bitters
Bitters is maintained by the thoughtbot design team. It is funded by
thoughtbot, inc. and the names and logos for thoughtbot are
trademarks of thoughtbot, inc.
Stars: ✠1,398 (+1000.79%)
Mutual labels: scss, sass
Fictoan
Mockups with markup — https://sujan-s.github.io/fictoan/
Stars: ✠114 (-10.24%)
Mutual labels: scss, sass
Wordless
All the power of Pug, Sass, Coffeescript and WebPack in your WordPress theme. Stop writing themes like it's 1998.
Stars: ✠1,374 (+981.89%)
Mutual labels: scss, sass
Rollup Plugin Styles
🎨 Universal Rollup plugin for styles: PostCSS, Sass, Less, Stylus and more.
Stars: ✠116 (-8.66%)
Mutual labels: scss, sass
Quickmenu
The new era of mobile navigation for the web, we're out of hamburgers.
Stars: ✠119 (-6.3%)
Mutual labels: scss, sass
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
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].