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: about 1 month ago
JSON representation
- Host: GitHub
- URL: https://github.com/ahmadawais/tailwind-text-decoration-color
- Owner: ahmadawais
- Created: 2021-01-04T17:12:54.000Z (almost 4 years ago)
- Default Branch: master
- Last Pushed: 2021-05-17T14:18:39.000Z (over 3 years ago)
- Last Synced: 2024-09-26T00:28:00.700Z (about 2 months 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 running in a terminal](./.github/tailwind-text-decoration-color.jpg)](./../../)
# tailwind-text-decoration-color
[![DOWNLOADS](https://img.shields.io/npm/dt/tailwind-text-decoration-color?label=DOWNLOADS%20%20β―&colorA=6A788D&colorB=6A788D&style=flat)](https://www.npmjs.com/package/tailwind-text-decoration-color) [![Node.js CLI](https://img.shields.io/badge/-NodeCLI.com-gray.svg?colorB=6A788D&style=flat)](https://NodeCLI.com/?utm_source=FOSS) [![Learn VSCode](https://img.shields.io/badge/-VSCODE.pro-gray.svg?colorB=6A788D&style=flat)](https://VSCode.pro/?utm_source=FOSS) [![Sponsor](https://img.shields.io/badge/-Sponsor-gray.svg?colorB=6A788D&style=flat)](https://github.com/ahmadawais/sponsor?utm_source=FOSS)
[![Follow @MrAhmadAwais on Twitter](https://img.shields.io/badge/FOLLOW%20@MRAHMADAWAIS%20%E2%86%92-gray.svg?colorA=6A788D&colorB=6A788D&style=flat)](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`.
[![π](https://raw.githubusercontent.com/ahmadawais/stuff/master/images/git/install.png)](./../../)
## Install
Pull it in through npm or yarn:
```bash
npm install tailwind-text-decoration-color# OR.
yarn add tailwind-text-decoration-color
```
[![βοΈ](https://raw.githubusercontent.com/ahmadawais/stuff/master/images/git/usage.png)](./../../)
## 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._
[![π](https://raw.githubusercontent.com/ahmadawais/stuff/master/images/git/license.png)](./../../)
## License & Conduct
- MIT Β© [Ahmad Awais](https://twitter.com/MrAhmadAwais/)
- Thanks to Krishan KΓΆnig for initial implementation
- [Code of Conduct](code-of-conduct.md)
[![π](https://raw.githubusercontent.com/ahmadawais/stuff/master/images/git/connect.png)](./../../)
## 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://raw.githubusercontent.com/ahmadawais/stuff/master/images/git/sponsor.png)](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.
[![Ahmad on Twitter](https://img.shields.io/twitter/follow/mrahmadawais.svg?style=social&label=Follow%20@MrAhmadAwais)](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] β[![Node CLI Course](https://raw.githubusercontent.com/ahmadawais/stuff/master/nodecli/featured.jpg)][n]
[![Node CLI](https://img.shields.io/badge/-NodeCLI.com%20%E2%86%92-gray.svg?colorB=488640&style=flat)][n]
[n]: https://NodeCLI.com?utm_source=github&utm_medium=referral&utm_campaign=ahmadawais/tailwind-text-decoration-color
[![Awais on Twitter](https://raw.githubusercontent.com/ahmadawais/stuff/master/sponsor/sponsor.jpg)](https://github.com/AhmadAwais/sponsor)