# basscss-btn

> Button module for Basscss

Latest version **1.1.1** (published 2016-02-13) · MIT license · 0 weekly downloads

## Install

```sh
npm install basscss-btn
pnpm add basscss-btn
yarn add basscss-btn
bun add basscss-btn
```

## 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.1.1 |
| Published | 2016-02-13 |
| First published | 2015-05-24 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 157 |
| Author | Brent Jackson |
| Maintainers | jxnblk |
| Keywords | basscss, css, oocss, fcss, functional-css, atomic |

## Links

- npm: https://www.npmjs.com/package/basscss-btn
- Repository: https://github.com/basscss/addons
- Issues: https://github.com/basscss/addons/issues
- npm.io page: https://npm.io/package/basscss-btn

## 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.1.1 (latest) — 2016-02-13
- 1.0.0-beta.2 (beta) — 2015-06-26
- 1.1.0 — 2016-02-13
- 1.0.5 — 2016-02-06
- 1.0.4 — 2016-02-01
- 1.0.3 — 2016-02-01
- 1.0.2 — 2015-12-17
- 1.0.1 — 2015-06-26
- 1.0.0 — 2015-06-26
- 1.0.0-beta.1 — 2015-06-07
- 1.0.0-beta.0 — 2015-05-24

## README

Base structural styles, resets, and colors for buttons are set with this module.
All buttons share common padding and height, well suited for tap targets on touchscreen displays, and align with form inputs and selects.

Use the `.btn` class to style buttons, input buttons, and links.

```html
<div class="mb1">
  <button class="btn">Button</button>
  <a href="#!" class="btn">Link Button</a>
  <input type="button" class="btn" value="Input Button">
</div>
```

Note: adjusting the line-height and padding variables may require adjustments to form element variables to maintain vertical alignment.

By default elements with the `.btn` class have transparent backgrounds. Use color utilities or `.btn` color styles to adjust the appearance.

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