Setting up Skeleton Sass with Bower

NOTE Since skeleton-sass-official 4.x bower is no longer supported. Please move to NPM.

Skeleton Sass requires minimal changes to ensure your local configurations, mixins, functions, etc are not modified when upgrading Skeleton Sass with bower.

Installing Skeleton Sass with Bower

Installing the latest release of Skeleton Sass with bower is as easy as running a simple terminal command:

Note: Click here to learn how to install bower

bower install skeleton-sass

Additionally, as of version 1.6.3, you can now install different versions from 1.6.3 and beyond by using the following syntax:

bower install skeleton-sass#1.6.3
bower install skeleton-sass#2.0.0-b11

To view all releases, click here.

Updating Skeleton Sass

Updating Skeleton Sass is very easy. Updating will only require between zero and two changes after the update has occurred.

Global Configuration Override

If you have created your global configuration override file in the project root of skeleton sass, then we need to link this file in our default global config file. Navigate to bower_components/skeleton-sass/skeleton/core/_config.scss and edit the file. On the very last line of the file, import your global configuration override file by uncommenting // @import "../../_MYconfig.scss" !global; and replacing _MYconfig.scss with the name of your global configuration override.

Using a Custom Theme

If you are using a custom theme, then the process is just as easy as above. Navigate to bower_components/skeleton-sass/skeleton/themes/_loader.scss. You should see the following:

// Sphenoid is the default theme bundled with Skeleton Sass. Add your theme here!

@import "sphenoid/vars";
@import "sphenoid/base";
@import "sphenoid/skeleton"; // Override manually if you wish to create your own grid

Since you are using a custom theme, this will not do. Change sphenoid to the name of your theme and add any additional imports you had here. Note: we're still trying to figure out an elegant way to make this easier for you