nutanek/indy-button

🤹‍♀️ Buttons in modern styles by indytheme.com

Indy Button

Modern-styled button for CSS

DEMO

Installation

You can download indy-button.css or indy-button.min.css and put it in header

<link rel="stylesheet" href="./css/indy-button.css">
or
<link rel="stylesheet" href="./css/indy-button.min.css">

Usage

Add class="b-indy" to or tag and add another styled-class you want

Example:

<button type="button" class="b-indy --red --covex --full">Example</button>

All Properties:

Properties	Available Classes
color	--red --orange --yellow --green --blue --purple --black --white
style	--convex --line
size	--small --large --default
others	--disabled --full

Buton Group

You can also display button group

<div class="b-indy-group">
  <button class="b-indy --red">Red</button>
  <button class="b-indy --yellow">Yellow</button>
  <button class="b-indy --blue">Blue</button>
</div>

Compilation

You can also compile source file (SASS) to CSS using gulp follow steps:

npm install gulp -g
npm install
npm start

Author

• NutAnek - Owner and Developer at indytheme

License

Released under the MIT License.