Skip to content

Latest commit

 

History

History
33 lines (21 loc) · 1.23 KB

README.md

File metadata and controls

33 lines (21 loc) · 1.23 KB

Create your own swatch

  1. Download Bootswatch

Download or clone Bootswatch.

  1. Install Bootstrap

In terminal, navigate to /bootswatch/swatchmaker/ and run the command make bootstrap to download the latest version of Bootstrap.

  1. Install Bootstrap Dependencies

If you haven't before, install npm. Next, navigate to /bootswatch/swatchmaker/bootstrap/ and type npm install to locally install Bootstrap dependencies (uglify-js, jshint, recess, connect, hogan.js).

  1. Customize Bootstrap

Make your customizations to the two files found in /bootswatch/swatchmaker/swatch/: variables.less and bootswatch.less. You can also copy over the less files from an existing theme and modify them.

  1. Build Customized Bootstrap

In /bootswatch/swatchmaker/, run make bootswatch. The compiled CSS files will be created in /bootswatch/swatchmaker/swatch/.

You can run the watcher to automatically build Bootstrap whenever changes are saved with make watcher (Requires gem install directory_watcher).

  1. Reset Bootstrap

If you want to reset variables.less and bootswatch.less to defaults, run make default.