https://github.com/vitalk/classy-button
A standart, but classy, button
https://github.com/vitalk/classy-button
Last synced: 2 months ago
JSON representation
A standart, but classy, button
- Host: GitHub
- URL: https://github.com/vitalk/classy-button
- Owner: vitalk
- Created: 2014-11-24T15:52:23.000Z (over 11 years ago)
- Default Branch: master
- Last Pushed: 2018-04-27T12:04:21.000Z (about 8 years ago)
- Last Synced: 2025-02-09T09:29:31.470Z (over 1 year ago)
- Language: CSS
- Homepage: http://jsbin.com/meyuyu
- Size: 9.77 KB
- Stars: 0
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Classy Button
A standart, but classy, button.
## Installation
The recommended installation method is a [npm](https://www.npmjs.com/).
```shell
npm install --save-dev classy-button
```
## Usage
Buttons have a few required constraints for proper functionality,
accessibility, and styling:
- Whenever possible, use `button` over `a`.
- Never set `tabindex` on buttons - let the browser automatically set that.
```html
Button
A button link
```
Variable | Description
---|---
`@classy-button-namespace` | The namespace uses for classy button (`button` by default).
`@classy-button-padding` | The vertical padding for buttons; the left and right values are doubled (`.6em` by default).
`@classy-button-padding-mini` | The vertical padding for mini buttons (a half of `@classy-button-padding` by default).
## License
Licensed under the [MIT license](http://mit-license.org/vitalk).