Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ahmadawais/tailwind-text-decoration-color
https://github.com/ahmadawais/tailwind-text-decoration-color
Last synced: 3 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/ahmadawais/tailwind-text-decoration-color
- Owner: ahmadawais
- Created: 2021-01-04T17:12:54.000Z (about 4 years ago)
- Default Branch: master
- Last Pushed: 2021-05-17T14:18:39.000Z (almost 4 years ago)
- Last Synced: 2025-02-03T01:46:14.793Z (17 days ago)
- Language: JavaScript
- Homepage: https://twitter.com/MrAhmadAwais/
- Size: 161 KB
- Stars: 11
- Watchers: 3
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: readme.md
- Changelog: changelog.md
- Code of conduct: code-of-conduct.md
Awesome Lists containing this project
README
[](./../../)
# tailwind-text-decoration-color
[](https://www.npmjs.com/package/tailwind-text-decoration-color) [](https://NodeCLI.com/?utm_source=FOSS) [](https://VSCode.pro/?utm_source=FOSS) [](https://github.com/ahmadawais/sponsor?utm_source=FOSS)
[](https://twitter.com/mrahmadawais/)> This plugin generates classes for anchor link text-decoration coloring carets using `text-decoration-color: ;`. Where the `` part comes from your tailwind config colors β so you can use `decoration-gray-500` or custom colors `decoration-sop-900`.
[](./../../)
## Install
Pull it in through npm or yarn:
```bash
npm install tailwind-text-decoration-color# OR.
yarn add tailwind-text-decoration-color
```
[](./../../)
## Usage
Add it to the plugins array of your Tailwind config.
```js
plugins: [
// Other plugins
require('tailwind-text-decoration-color'),
],
```For each color in `colors` config of tailwind a `decoration-{color}` class is created, analog to `bg-` and `text-` classes.
## License
This project is licensed under the [MIT License](https://opensource.org/licenses/MIT).
## Changelog
[β― Read the changelog here β](changelog.md)
**KEY**: `π¦ NEW`, `π IMPROVE`, `π FIX`, `π DOC`, `π RELEASE`, and `π€ TEST`
> _I use [Emoji-log](https://github.com/ahmadawais/Emoji-Log), you should try it and simplify your git commits._
[](./../../)
## License & Conduct
- MIT Β© [Ahmad Awais](https://twitter.com/MrAhmadAwais/)
- Thanks to Krishan KΓΆnig for initial implementation
- [Code of Conduct](code-of-conduct.md)
[](./../../)
## Connect
Β (follow) To stay up to date on free & open-source software
Β (follow) To get #OneDevMinute daily hot tips & trolls
Β (subscribe) To tech talks & #OneDevMinute videos
Β (read) In-depth & long form technical articles
Β (connect) On the LinkedIn profile y'all
[](https://github.com/AhmadAwais/sponsor)
## Sponsor
Me ([Ahmad Awais](https://twitter.com/mrahmadawais/)) and my incredible wife ([Maedah Batool](https://twitter.com/MaedahBatool/)) are two engineers who fell in love with open source and then with each other. You can read more [about me here](https://ahmadawais.com/about). If you or your company use any of my projects or like what Iβm doing then consider backing me. I'm in this for the long run. An open-source developer advocate.
[](https://twitter.com/mrahmadawais/)
### [NodeCLI.com][n] β Learn to build Node.js CLI Automation
> This repository is part of the [NodeCLI.com][n] course.
After building hundreds of developer automation tools used by millions of developers, I am sharing exactly how you can do it yourself with minimum effective effort. Learn to build Node.js & JavaScript based CLI (Command Line Interface) apps. Automate the grunt work, do more in less time, impress your manager, and help the community.
β I'm sharing it all in this online video course. [Node CLI Automation
without wasting a 1,000 hours][n] β[][n]
[][n]
[n]: https://NodeCLI.com?utm_source=github&utm_medium=referral&utm_campaign=ahmadawais/tailwind-text-decoration-color
[](https://github.com/AhmadAwais/sponsor)