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.
Quickly create complex layouts with spice mixins for sidebars, sticky headers, masonry grid layouts and much more.
Complex ui interactions with css3 keyframes couldn’t be simpler with spice animation mixins and presets that support css3 transforms.
Fashionable flat ui interfaces can be created with minimal effort using spice mixins for buttons, tab systems, form elements and much more.
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 install spice-sass
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";