Normally Palatable Mango

    tailwindcss-text-fill

    0.2.0 • Public • Published

    🎨 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

    Install

    npm i tailwindcss-text-fill

    DownloadsWeekly Downloads

    960

    Version

    0.2.0

    License

    MIT

    Unpacked Size

    3.95 kB

    Total Files

    4

    Last publish

    Collaborators

    • phuctm97