A CSS button library built using Sass and Compass
Buttons is a highly customizable production ready mobile web and desktop css button library. Buttons is a free open source project created using Sass.
View the showcase demo to see the buttons in action. The showcase provides a full list of examples along with code snippets to speed up development.
bower install Buttons
We've made some major improvements to the Buttons library. In order to integrate buttons into your current project you'll need to make the following changes:
button-flat-primary, so to achieve this you now simply add
cdinto the root for the Buttons directory.
sudo npm install(depending on your system permissions).
grunt dev; this will open a browser with Buttons.
npm installfrom your terminal.
_options.scsswith your own custom values (see example values below).
$ sass --watch --scss scss/buttons.scss:css/buttons.css
$ compass watch
css/buttons.cssfile should now be updated.
To edit Buttons simply change values within the
_options.scssfile. After you make your edits recompile your sass file and your changes will get processed.
(name, background, color).
(square 0px). You can use Sass maps if you're using 3.3. See
(jumbo 1.5). You can use Sass maps if you're using 3.3. See
inheritand it will be respected.
By default, Buttons will include all button types. You can exclude types from your compilation by simply removing the corresponding @import statement in the buttons.scss file.
//Example import statement for 3d button. @import 'types/3d';
Remove this statement then recompile to create a build without 3d buttons.
Buttons works in all modern browsers (Firefox, Chrome, Safari, IE) and gracefully degrades all to Internet Explorer 8.