bootswatch-sass
Version:
Bootswatch is a collection of themes for Bootstrap. SASS / SCSS edition
86 lines (54 loc) • 2.9 kB
Markdown
Bootswatch SASS
==========
Bootswatch is a collection of free themes for [Bootstrap](http://getbootstrap.com/). Check it out at [bootswatch.com](http://bootswatch.com).
This fork is a port to SASS so you can include swatches in your Bootstrap SASS project.
Usage
-----
####CSS
Download the `bootstrap.min.css` file associated with a theme and replace Bootstrap's default stylesheet.
The themes are also hosted on [BootstrapCDN](http://www.bootstrapcdn.com/).
####SCSS / Bower
Add it to your bower_components directory by executing
bower install bootswatch-sass
To use a theme in your Sass project, structure your imports in this order
1. import the offial bootstrap-sass variables
2. import bootswatch theme variables
3. import offical bootstrap-sass
4. import bootswatch theme additional file
E.g - Importing the paper theme:
```css
@import "bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/variables";
@import "bower_components/bootswatch-sass/paper/variables";
@import "bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/bootstrap";
@import "bower_components/bootswatch-sass/paper/bootswatch-scss/readable/bootswatch";
```
Customization
------
Bootswatch is open source and you’re welcome to modify the themes.
Each theme consists of two SASS files. `_variables.scss`, which is included by default in Bootstrap, allows you to customize [these settings](http://getbootstrap.com/customize/#less-variables). `_bootswatch.scss` introduces more extensive structural changes.
Check out the [Help page](http://guru-digital.github.io/bootswatch-sass/help/) for more details on building your own theme.
API
-----
A simple API is available for integrating your platform with Bootswatch. Send your request to `http://guru-digital.github.io/bootswatch-sass/api/3.json`.
The swatch objects are returned in an array called `themes`, each one with the following properties: `name`, `description`, `preview`, `thumbnail`, `css`, `cssMin`, `scss`, and `scssVariables`.
More info at http://guru-digital.github.io/bootswatch-sass/help/#api
Author
------
####Official Bootswatch
Thomas Park
+ http://github.com/thomaspark
+ http://thomaspark.me
####Bootswatch-sass
Corey Sewell
+ http://github.com/guru-digital
+ http://gdmedia.tv
Thanks
------
[Thomas Park](http://thomaspark.me) for [Bootswatch](http://bootswatch.com/).
[Mark Otto](http://github.com/markdotto) and [Jacob Thornton](http://github.com/fat) for [Bootstrap](https://github.com/twitter/bootstrap).
[Jenil Gogari](http://www.jgog.in/) for his contributions to the Flatly theme.
[James Taylor](http://github.com/jostylr) for [cors-lite](https://github.com/jostylr/cors-lite).
Copyright and License
----
Copyright 2014 Thomas Park
Code released under the MIT License.