Skip to content

Latest commit

 

History

History
60 lines (40 loc) · 1.26 KB

README.md

File metadata and controls

60 lines (40 loc) · 1.26 KB

🎨 tailwindcss-text-fill

npm version GitHub license

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

yarn add tailwindcss-text-fill

Or if you use npm:

npm i --save tailwindcss-text-fill

Usage

Add to plugins in your tailwind.config.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.

<input className="text-fill-gray-900 dark:text-fill-gray-100" />

Author