From 2fe8fed718f0b10bfc62ae09bb51f70fc7ddd4e9 Mon Sep 17 00:00:00 2001 From: Thomas Park Date: Fri, 1 Aug 2014 11:29:58 -0400 Subject: add grunt server and grunt watch, closes #284 --- help/index.html | 11 ++++++----- 1 file changed, 6 insertions(+), 5 deletions(-) (limited to 'help') diff --git a/help/index.html b/help/index.html index 25361bb7..d12e6c4c 100644 --- a/help/index.html +++ b/help/index.html @@ -106,11 +106,12 @@

Customization

To modify a theme or create your own, follow the steps below in your terminal. You'll need to have Git and Node installed.

    -
  1. git clone https://github.com/thomaspark/bootswatch.git

  2. -
  3. npm install

  4. -
  5. Edit variables.less and bootswatch.less in one of the theme directories, or create your own in /custom.

  6. -
  7. Type grunt swatch:[theme] to build the CSS for a theme, e.g., grunt swatch:amelia for Amelia. Or type grunt swatch to build them all at once. To have grunt available in the command line, install grunt-cli as described on the Grunt Getting Started page.

  8. -
  9. You can also run grunt watch to watch for any changes to the LESS files and automatically build a theme on change.

  10. +
  11. Download the repository: git clone https://github.com/thomaspark/bootswatch.git

  12. +
  13. Install dependencies: npm install

  14. +
  15. Make sure that you have grunt available in the command line. You can install grunt-cli as described on the Grunt Getting Started page.

  16. +
  17. Modify variables.less and bootswatch.less in one of the theme directories, or create your own in /custom.

  18. +
  19. Type grunt swatch:[theme] to build the CSS for a theme, e.g., grunt swatch:amelia for Amelia. Or type grunt swatch to build them all at once.

  20. +
  21. You can run grunt to start a server, watch for any changes to the LESS files, and automatically build a theme and reload it on change. Run grunt server for just the server, and grunt watch for just the watcher.

Here are additional tips for customizing Bootstrap.

-- cgit v1.2.3