A series of Compass and Sass mixins and functions for creating delicious CSS effects.
brightness()
& color scheme functionsglass
, bevel
, cutout
or ribbon
Compass Recipes is available as a gem on RubyGems.org, so installation is quite easy.
(sudo) gem install compass-recipes
*If you want all latests recipes, you can just checkout the recipes (or download as zip) and add '{your-path-here-or-./}compass-recipes/stylesheets' using additional_import_paths
or add_import_path
(see Compass configuration reference).
More informations on the Wiki*
When compass-recipes installed, you just need to require the compass plugin in your project
require 'compass-recipes'
Then you can include some recipes like this
@import "recipes/shape/polygon/triangle";
.my-triangle
{
@include triangle;
}
Like Compass does, you can include all recipes in a folder like this
@import "recipes/shape";
.my-triangle
{
@include triangle;
}
.my-square
{
@include square;
}
If you have a nifty CSS trick that makes sense to be abstracted (and isn't already in another Github repo), please fork and submit a pull request. Note: If you are not the author of the CSS trick, you must get their permission before adding.
All fonts are repackaged using Fontsquirrel. Licences are distributed with the fonts.
You do not need to build documentation for testing your recipes.
Just run compass watch/compile
at the root of the repository.
First you need bundle
bundle install
Then, to build the gh-pages from the tests/
, you need to call
bundle exec rake pages
This process create the pages & commit them to your gh-pages branch.
Credits & Thanks:
Some other great CSS/SCSS/design projects for making delicious websites:
Copyright (c) 2012 Maxime Thirouin
Released under MIT Licence