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 Bootstrap

Download and unpack Bootswatch. In terminal, navigate to swatchmaker/ and run the command make bootstrap to update to the latest version of Bootstrap.

  1. Install LESS

If you haven't already, install LESS to your machine via NPM. More information on that here: http://lesscss.org/#-server-side-usage

  1. Customize Bootstrap

Make your customizations to the two files found in the swatch directory, variables.less and bootswatch.less.

  1. Build Customized Bootstrap

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

You can run the watcher to automatically build Bootstrap whenever changes are saved with ruby watcher.rb. Requires gem install directory_watcher.

  1. Reset Bootstrap

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