The Heroku web apps CSS styleguide as a Compass extension.
To create your first project, you'll need to have the Shibui gem installed, this will include all the necessary dependencies.
(sudo) gem install shibui --pre
compass create <project-name> -r shibui -u shibui
- Add
gem "shibui", ">= 0.0.2.alpha"
to your Gemfile`. bundle install
- Require Shibui in your application stylesheet:
@import "shibui";
Installation instructions needed.
Documentation is in the works. If you can't get it to work bug [email protected].
Working on Shibui can be a little painful. Using the gem and Bundler will make you want to poke out your eyes with bycicle spokes. It is recommended to clone the Shibui repository and symlink to the stylesheets folder from within the application you are working on:
git clone [email protected]:heroku/shibui.git
ln -s ~/path/to/shibui/stylesheets ~/path/to/your/app/app/assets/stylesheets/shibui-dev
echo "shibui-dev" > ~/path/to/your/app/.gitignore
Now you can include the Shibui development stylesheets in your application and can easily toggle between the local development version and the gem:
// When using the Shibui gem:
// @import "shibui";
// When working on Shibui locally:
@import "shibui-dev/shibui";