🎨 TailwindCSS utility to override background fill color using shadow.
npm install tailwindcss-shadow-fill[![npm version][npm badge]][npm url]
[![GitHub license][license badge]][license url]
TailwindCSS utility to override background fill color using box-shadow, is especially useful to style autocompleted form fields with [tailwindcss-autofill] because background-color won't work.
- Node.js 12+
- TailwindCSS 2+
``bash`
yarn add tailwindcss-shadow-fill
Or if you use npm:
`bash`
npm i --save tailwindcss-shadow-fill
Add to plugins in your tailwind.config.js:
`js`
module.exports = {
// ...
plugins: [
require("tailwindcss-shadow-fill"),
// ...other plugins.
],
};
Style your components using shadow-fill-{color}, e.g. shadow-fill-gray-100, shadow-fill-gray-200, shadow-fill-red-500, etc.
`jsx`
- Node 12+
- Yarn 1.22+
1. Install requirements
2. Clone the repository
3. Run yarn to install dependencies
- Commit adhering to Angular commit convention, use yarn commit or Code conventional commits to commit interactively
- Submit a PR and make sure required status checks pass
- When a PR is merged or code is pushed to master`, Github automatically builds and publishes a new release if there're relevant changes
- [Minh-Phuc Tran][@phuctm97]
[npm badge]: https://img.shields.io/npm/v/tailwindcss-shadow-fill?logo=npm
[license badge]: https://img.shields.io/github/license/phuctm97/tailwindcss-shadow-fill
[npm url]: https://www.npmjs.com/package/tailwindcss-shadow-fill
[license url]: /LICENSE
[@phuctm97]: https://phuctm97.com
[tailwindcss-autofill]: https://github.com/phuctm97/tailwindcss-autofill