Skip to content

Latest commit

 

History

History
 
 

swatchmaker

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

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.