# indy-button-css

> Buttons in modern styles by indytheme.com

Latest version **1.0.0** (published 2017-10-27) · MIT license · 0 weekly downloads

## Install

```sh
npm install indy-button-css
pnpm add indy-button-css
yarn add indy-button-css
bun add indy-button-css
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.0 |
| Published | 2017-10-27 |
| First published | 2017-10-27 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | nutanek |
| Maintainers | nutanek |
| Keywords | button, SASS, CSS |

## Links

- npm: https://www.npmjs.com/package/indy-button-css
- Repository: https://github.com/nutanek/indy-button
- Homepage: https://github.com/nutanek/indy-button#readme
- Issues: https://github.com/nutanek/indy-button/issues
- npm.io page: https://npm.io/package/indy-button-css

## Alternatives

- [style-dictionary](https://npm.io/package/style-dictionary.md) — 2.0M weekly downloads
- [postcss-merge-idents](https://npm.io/package/postcss-merge-idents.md) — 1.7M weekly downloads
- [@fontsource/noto-sans](https://npm.io/package/@fontsource/noto-sans.md) — 93.0K weekly downloads
- [uglifycss](https://npm.io/package/uglifycss.md) — 71.6K weekly downloads
- [mat4-interpolate](https://npm.io/package/mat4-interpolate.md) — 23.3K weekly downloads

## Recent versions

- 1.0.0 (latest) — 2017-10-27

## README

# Indy Button

Modern-styled button for CSS 

[DEMO](https://nutanek.github.io/indy-button/)

<p align="center">
    <img src="https://user-images.githubusercontent.com/26755833/32036011-31ff0462-ba47-11e7-93ab-6848c3392e63.jpg" alt="indy button demo"/>
</p>

## Installation

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

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

## Usage

Add class="**b-indy**" to <button> or <a> tag and add another styled-class you want

**Example:**
```html
<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 
```html
<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:
```bash
npm install gulp -g
npm install
npm start
```

## Author

* **NutAnek** - *Owner and Developer at* [indytheme](https://www.indytheme.com)

## License

Released under the [MIT License](http://www.opensource.org/licenses/MIT).

---
_Source: https://npm.io/package/indy-button-css · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._