Written with Sass
86 items
For Bootstrap
What's new in 0.2
New name
+
9 new buttons
Inversed version
Updated documentation
{{brand.name}}
Different sizes
| Size | Example |
|---|---|
| .btn-xs | |
| .btn-sm | |
| default | |
| .btn-lg | |
| .btn-block |
Different uses
| Use | Example |
|---|---|
| Only icon | |
| Plain | |
| With icon | |
| Any content | |
| Inversed |
With Font Awesome
Install and usage
- Install from Bower:
bower install BrandButtons -
Include brand-buttons.min.css to your file:
<link rel="stylesheet" src="dist/brand-buttons.min.css"> -
Use as Bootstrap button:
<button class="btn btn-facebook">Facebook</button>or<a href="" class="btn btn-facebook">Facebook</a> -
For inversed version you need include brand-buttons-inversed.min.css and use as
.btn-brand-inversed
Development version
-
Clone repository
git clone https://github.com/theaqua/BrandButtons.git -
Install Grunt.js and CoffeeScript (globally):
npm install -g grunt-cli coffee-script -
Go to project
cd BrandButtons, install dev dependencies:npm install -
Run
grunt serveorgrunt build