git.roojs.org Git - bootswatch/blob - swatchmaker/README.md

   1 Create your own swatch
   2 ======================
   3
   4 1. Download Bootstrap
   5 ------
   6 Download and unpack [swatchmaker.zip](https://github.com/thomaspark/bootswatch/blob/master/swatchmaker/swatchmaker.zip?raw=true). In terminal, navigate to `swatchmaker/` and run the command `make bootstrap` to update to the latest version of Bootstrap.
   7
   8
   9 2. Install LESS
  10 ------
  11 If you haven't already, install LESS to your machine via NPM. More information on that here: http://lesscss.org/#-server-side-usage
  12
  13
  14 3. Customize Bootstrap
  15 ------
  16 Make your customizations to the two files found in the `swatch` directory, `variables.less` and `bootswatch.less`.
  17
  18
  19 4. Build Customized Bootstrap
  20 ------
  21 In the `swatchmaker` directory, run `make bootswatch`. The compiled CSS files will be created in the `swatch` directory.
  22
  23 You can run the watcher to automatically build Bootstrap whenever changes are saved with `ruby watcher.rb`. Requires `gem install directory_watcher`.
  24
  25
  26 5. Reset Bootstrap
  27 ------
  28 If you want to reset `variables.less` and `bootswatch.less` to defaults, run `make default`.