It is built with Sass + Compass and has support for square, rounded or circular buttons that can be flat or not. Button.css having custom effects like glow and background engrave effects. The sizes, colors, effects and fonts used can all be changed with the help of variables and it can be extended easily.
- Download Buttons and add files to your website.
- Add css in the head of your webpage.
- <link rel=”stylesheet” href=”css/font-awesome.min.css”>
- <link rel=”stylesheet” href=”css/button.css”>
You only need the font-awesome css if you’re using icons
- Create buttons in your html.
- Fork or Download the Buttons project on github.
- Make sure you have Sass and Compass installed.
- Edit the _options.scss with your own custom values
- In the root of the Buttons directory type compass watch on the command line.
- The buttons.css file should now be updated