Code

Modern Bold Buttons

Modern Bold Buttons

Overview

Modern Bold Buttons is an elegant and stylish set of buttons made in CSS3. Works on links, inputs, buttons.
Bonus: Font Awesome ready (more than 360 icons)!

Features

  • 16 color variations
  • 3 sizes
  • 2 border size styles + rounded
  • Disabled and progress states
  • Works on links, inputs, buttons
  • Easy customization (just copy-paste css class, rename it and change only 3 values – background color, border color, text color)
  • No image required
  • Degrades nicely on older browsers (see screenshots)
  • Detailed documentation (how to use, colors and styles description, how to customize)
  • Font Awesome ready (more than 360 icons)! You can easily add an icon to the buttons
  • SASS file included
  • Small size of css files: normal – 11kB, minified – 9kB, minified and gzipped (with compression) – 1.8kB

If you like it, please rate it:

Credits

Support

Feel free to contact me if you have any questions!

2013-11-22
- Add Font Awesome 4.x.x support

2013-09-04
- Add block style
- Change prefixes (reduce length, from .p-button to .p-btn)
- Fix default button font-size and padding
- Fix documentation

2013-08-14
 - Initial release
by
by
by
by
by
by