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.