Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/ahmadawais/tailwind-text-decoration-color


https://github.com/ahmadawais/tailwind-text-decoration-color

Last synced: about 11 hours ago
JSON representation

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


GitHub @AhmadAwaisΒ (follow) To stay up to date on free & open-source software


Twitter @MrAhmadAwaisΒ (follow) To get #OneDevMinute daily hot tips & trolls


YouTube AhmadAwaisΒ (subscribe) To tech talks & #OneDevMinute videos


Blog: AhmadAwais.comΒ (read) In-depth & long form technical articles


LinkedIn @MrAhmadAwaisΒ (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)