spice-sass
Version:
The sass library for tasty web interfaces. The idea behind it is simple - add as much spice as you like!
54 lines (26 loc) • 1.62 kB
Markdown
[](http://spice-sass.github.io/)
The sass library for tasty web interfaces. The idea behind it is simple - add as much spice as you like!
[](https://travis-ci.org/spice-sass/spice)
## Installation
Spice is available for download via npm or bower.
##### npm
> npm install spice-sass
##### Bower
> bower install spice-sass
## Import
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";
## Dependencies
##### Sass 3.3
Spice uses sass maps so sass version 3.3+ is required. [See here](http://sass-lang.com/install) for sass installation instructions.
## Usage
Please see the documentation [website here.](http://spice-sass.github.io/documentation)
## 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.