live_beats/assets/tailwind.config.js
2024-06-04 09:45:35 -04:00

29 lines
1.2 KiB
JavaScript

// See the Tailwind configuration guide for advanced usage
// https://tailwindcss.com/docs/configuration
const plugin = require("tailwindcss/plugin")
module.exports = {
content: [
"./js/**/*.js",
"../lib/*_web.ex",
"../lib/*_web/**/*.*ex"
],
theme: {
extend: {},
},
plugins: [
require('@tailwindcss/forms'),
// Allows prefixing tailwind classes with LiveView classes to add rules
// only when LiveView classes are applied, for example:
//
// <div class="phx-click-loading:animate-ping">
//
plugin(({addVariant}) => addVariant("phx-no-feedback", [".phx-no-feedback&", ".phx-no-feedback &"])),
plugin(({addVariant}) => addVariant("phx-click-loading", [".phx-click-loading&"])),
plugin(({addVariant}) => addVariant("phxp-click-loading", [".phx-click-loading &"])),
plugin(({addVariant}) => addVariant("phx-submit-loading", [".phx-submit-loading &"])),
plugin(({addVariant}) => addVariant("phx-submitter-loading", [".phx-submit-loading&"])),
plugin(({addVariant}) => addVariant("phx-change-loading", [".phx-change-loading&", ".phx-change-loading &"])),
plugin(({addVariant}) => addVariant("phx-error", [".phx-error&", ".phx-error &"]))
]
}