https://github.com/phuctm97/tailwindcss-text-fill
🎨 TailwindCSS utility to override foreground fill color of text content.
https://github.com/phuctm97/tailwindcss-text-fill
tailwindcss tailwindcss-extension tailwindcss-plugin tailwindcss-utility
Last synced: 5 months ago
JSON representation
🎨 TailwindCSS utility to override foreground fill color of text content.
- Host: GitHub
- URL: https://github.com/phuctm97/tailwindcss-text-fill
- Owner: phuctm97
- License: mit
- Created: 2021-01-09T09:49:14.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2023-11-01T23:33:55.000Z (over 2 years ago)
- Last Synced: 2025-10-06T23:33:02.750Z (9 months ago)
- Topics: tailwindcss, tailwindcss-extension, tailwindcss-plugin, tailwindcss-utility
- Language: JavaScript
- Homepage:
- Size: 289 KB
- Stars: 11
- Watchers: 1
- Forks: 1
- Open Issues: 8
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 🎨 tailwindcss-text-fill
[![npm version][npm badge]][npm url]
[![GitHub license][license badge]][license url]
TailwindCSS utility to override foreground fill color of text content, is especially useful to style autocompleted form fields with [tailwindcss-autofill] because `color` won't work.
## Requirements
- Node.js 12+
- TailwindCSS 2+
## Install
```bash
yarn add tailwindcss-text-fill
```
Or if you use `npm`:
```bash
npm i --save tailwindcss-text-fill
```
## Usage
Add to `plugins` in your **tailwind.config.js**:
```js
module.exports = {
// ...
plugins: [
require("tailwindcss-text-fill"),
// ...other plugins.
],
};
```
Style your components using `text-fill-{color}`, e.g. `text-fill-gray-100`, `text-fill-gray-200`, `text-fill-red-500`, etc.
```jsx
```
## Author
- [Minh-Phuc Tran][@phuctm97]
[npm badge]: https://img.shields.io/npm/v/tailwindcss-text-fill?logo=npm
[license badge]: https://img.shields.io/github/license/phuctm97/tailwindcss-text-fill
[npm url]: https://www.npmjs.com/package/tailwindcss-text-fill
[license url]: /LICENSE
[@phuctm97]: https://phuctm97.com
[tailwindcss-autofill]: https://github.com/phuctm97/tailwindcss-autofill