sassy

Themes for sass

npm install sassy
44 downloads in the last month

sas┬Ěsy

Lively, bold, and full of spirit; cheeky.

Synopsis

Themes for sass using the bourbon mixin library.

Icons

Icons kindly provided by font awesome.

Themes

Solarized

A theme based on the popular solarized colour palette.

Installation

Use npm to install:

npm install sassy

Project Dependency

How you use the sassy themes in a project that uses an npm installation in to node_modules depends upon your requirements.

If you just want to use the precompiled css then copy it to your public css location and reference as per normal within your markup.

Currently, the sass executable does not allow any command line options that set the load paths and does not seem to respect the $SASS_PATH environment variable, therefore the recommended way to use the scss files in a theme is to create symbolic links using relative paths.

For example assuming your styles are stored in src/sass and you want to create all theme symbolic links in src/sass/solarized do:

cd src/sass/solarized
ln -sf ../../../node_modules/sassy/common/*.scss .
ln -sf ../../../node_modules/sassy/themes/solarized/sass/*.scss .

And then in the main style.scss stored in src/sass include the files with:

@import "solarized/sassy.scss";
// custom styles and overrides ...

You can view an example of this setup in this vim repository, see tasks.css.symlink in the tasks file and style.scss for the import declaration; all the files in src/sass/solarized are just relative symbolic links.

Note that if you are using a ruby based build process you may be able to take advantage of the Sass.load_paths to avoid using symbolic links.

Developers

Some information for working with the repository.

Prerequisites

  • bash >= 4.2
  • sass (depends on ruby+gem)

Install sass if you don't have it with:

gem install sass

Then fetch all package dependencies with:

npm install

Tasks

To compile all themes from scss to css run:

./bake cssc

License

Everything is MIT. Read the license if you feel inclined.

npm loves you