/btn.style

Button styles for your projects!

Primary LanguageCSSMIT LicenseMIT

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

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 Danger
  • btn-primary Primary
  • btn-warning Warning
  • btn-success Success
  • btn-royal Royal
  • btn-fashion 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.