https://github.com/mikker/btn
A base button class for use with Tachyons
https://github.com/mikker/btn
css tachyons
Last synced: 3 months ago
JSON representation
A base button class for use with Tachyons
- Host: GitHub
- URL: https://github.com/mikker/btn
- Owner: mikker
- Created: 2017-10-10T09:16:19.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2019-01-23T12:14:23.000Z (over 6 years ago)
- Last Synced: 2025-04-07T01:05:46.338Z (6 months ago)
- Topics: css, tachyons
- Language: CSS
- Homepage: https://mikker.github.io/btn/
- Size: 42 KB
- Stars: 2
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# @mikker/btn
**[DEMO and usage](https://mikker.github.io/btn/demo/)**
A `.btn` class for use with [Tachyons](http://tachyons.io).
Even though Tachyons' strictly functional style is great I always find myself re-adding some kind of base button to every project. This is it.
## Usage
Put this in your html **before** you include Tachyons.
```html
```
Or add it directly to your project:
```sh
npm install @mikker/btn
# or
yarn add @mikker/btn
```
Then using postcss or however you'd like
```css
@import '~tachyons';
@import '~btn';
/* or if you want to customize variables */
@import '~btn/src/btn';
```
**NB: Be sure to include `btn.css` _before_ `tachyons.css.**
## License
MIT