tailwindcss-autofill
Version:
🎨 TailwindCSS variant to style autocompleted form fields.
17 lines (14 loc) • 477 B
JavaScript
const plugin = require("tailwindcss/plugin");
const autofill = plugin(({ addVariant, e }) => {
addVariant("autofill", ({ modifySelectors, separator }) => {
modifySelectors(({ className }) => {
const newClass = e(`autofill${separator}${className}`);
return [
`.${newClass}:-webkit-autofill`,
`.${newClass}:-webkit-autofill:hover`,
`.${newClass}:-webkit-autofill:focus`,
].join(",");
});
});
});
module.exports = autofill;