btn.style

Awesome buttons for your project

---

Add awesome buttons by including css file into your project and insert css classes to make magic come true.

Demo | Medium article

Install

CDN - cdnjs

There is no CDN link at this moment

CSS File

Just add css file into your project and specify <link> tag in HEAD with path to btnStyle library.

<link type="text/css" src="./dist/btnStyle.min.css"/>

Usage

Include btnStyle.min.css in head of your html file and start using btn CSS classes in your button.

<button class="btn btn-danger btn-md btn-no-outline btn-tight">Medium</button>

Button style classes

• btn-float
• btn-stretch
• btn-tight
• btn-slice1
• btn-slice2
• btn-slice3
• btn-round
• btn-fill
• btn-arial
• btn-menu
• btn-icon
• btn-flash

Button color classes

• btn-danger
• btn-primary
• btn-warning
• btn-success
• btn-royal
• btn-fashion

Button size classes

• btn-sm Small
• btn-md Medium
• btn-lg Large

Button helper classes

• btn-block Display block button
• btn-no-outline Don't show outline

TODO List

• Add sm/lg size classes | High
• Add color classes | High
• Add more classes | Medium
• Test on older version of the browsers | Low

Meta

Sergei Myzin – Twitter: @therealnorman_ – Email: realnorman.sm@gmail.com

Distributed under the MIT license. See LICENSE for more information.