CSS JavaScript HTML
Latest commit 9a1e0bd Jan 16, 2017 @dannyoz dannyoz committed on GitHub Merge pull request #52 from spice-sass/development
Development
Permalink
Failed to load latest commit information.
dev
gulp
icons
src gridAddMargin hot fix Jun 9, 2016
.gitignore added sass docs Oct 19, 2015
.npmignore separated gulp tasks Oct 20, 2015
.travis.yml
MIT-LICENSE.txt
README.md change to readme text Nov 19, 2015
bower.json
gulpfile.js
index.js
package.json

README.md

Spice

The sass library for tasty web interfaces. The idea behind it is simple - add as much spice as you like!

Build Status

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 for sass installation instructions.

Usage

Please see the documentation website here.

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.