1.0.1 • Published 6 years ago
tailwind-icons v1.0.1
Tailwind Icons In JS
The colors in tailwind CSS are really nice and I always find myself copying them into my css in js projects so I have put them into a package so I can install it from npm and not copy paste. If you find it useful thats cool too.
Getting started
To install
yarn add tailwind-colorsimport colors from 'tailwind-colors';
console.log(colors.red[500]); // #ed8936| gray | Hex |
|---|---|
| 100 | |
| 200 | |
| 300 | |
| 400 | |
| 500 | |
| 600 | |
| 700 | |
| 800 | |
| 900 |
| red | Hex |
|---|---|
| 100 | |
| 200 | |
| 300 | |
| 400 | |
| 500 | |
| 600 | |
| 700 | |
| 800 | |
| 900 |
| orange | Hex |
|---|---|
| 100 | |
| 200 | |
| 300 | |
| 400 | |
| 500 | |
| 600 | |
| 700 | |
| 800 | |
| 900 |
| yellow | Hex |
|---|---|
| 100 | |
| 200 | |
| 300 | |
| 400 | |
| 500 | |
| 600 | |
| 700 | |
| 800 | |
| 900 |
| green | Hex |
|---|---|
| 100 | |
| 200 | |
| 300 | |
| 400 | |
| 500 | |
| 600 | |
| 700 | |
| 800 | |
| 900 |
| teal | Hex |
|---|---|
| 100 | |
| 200 | |
| 300 | |
| 400 | |
| 500 | |
| 600 | |
| 700 | |
| 800 | |
| 900 |
| blue | Hex |
|---|---|
| 100 | |
| 200 | |
| 300 | |
| 400 | |
| 500 | |
| 600 | |
| 700 | |
| 800 | |
| 900 |
| indigo | Hex |
|---|---|
| 100 | |
| 200 | |
| 300 | |
| 400 | |
| 500 | |
| 600 | |
| 700 | |
| 800 | |
| 900 |
| purple | Hex |
|---|---|
| 100 | |
| 200 | |
| 300 | |
| 400 | |
| 500 | |
| 600 | |
| 700 | |
| 800 | |
| 900 |
| pink | Hex |
|---|---|
| 100 | |
| 200 | |
| 300 | |
| 400 | |
| 500 | |
| 600 | |
| 700 | |
| 800 | |
| 900 |
| Misc | Hex |
|---|---|
| black | |
| white |
Acknowledgments
All credit goes to @steveschoger and @adamwathan who made tailwind css.
1.0.1
6 years ago