The sass library for tasty web interfaces

Installation View Docs

Version 1.0.1

Core Features

Grid

A powerful & flexible grid system allows you to generate a fluid, class based grid or apply widths to individual selectors with just a few lines of sass.

Layout

Quickly create complex layouts with spice mixins for sidebars, sticky headers, masonry grid layouts and much more.

Animations

Complex ui interactions with css3 keyframes couldn’t be simpler with spice animation mixins and presets that support css3 transforms.

Flat UI

Fashionable flat ui interfaces can be created with minimal effort using spice mixins for buttons, tab systems, form elements and much more.

Installation & Usage

Dependencies

Sass 3.3 - Spice uses sass maps so sass version 3.3+ is required. See here for sass installation instructions.

Spice is available for download via npm or bower.

npm

npm install spice-sass

Bower

bower install spice-sass

Once installed you can import spice into your main scss file. Note: the import must be relative to your node_modules/bower_components folder dependent on your chosen method of installation. E.g. for a node installation:

@import "../node_modules/spice-sass/src/spice";