32 lines
1.1 kB
1
// See the Tailwind configuration guide for advanced usage
2
// https://tailwindcss.com/docs/configuration
3
4
const plugin = require("tailwindcss/plugin")
5
6
module.exports = {
7
content: [
8
"./js/**/*.js",
9
"../lib/blog_web.ex",
10
"../lib/blog_web/**/*.*ex"
11
],
12
theme: {
13
extend: {
14
colors: {
15
brand: "#FD4F00",
16
}
17
},
18
},
19
plugins: [
20
require("@tailwindcss/forms"),
21
require("@tailwindcss/typography"),
22
// Allows prefixing tailwind classes with LiveView classes to add rules
23
// only when LiveView classes are applied, for example:
24
//
25
// <div class="phx-click-loading:animate-ping">
26
//
27
plugin(({addVariant}) => addVariant("phx-no-feedback", [".phx-no-feedback&", ".phx-no-feedback &"])),
28
plugin(({addVariant}) => addVariant("phx-click-loading", [".phx-click-loading&", ".phx-click-loading &"])),
29
plugin(({addVariant}) => addVariant("phx-submit-loading", [".phx-submit-loading&", ".phx-submit-loading &"])),
30
plugin(({addVariant}) => addVariant("phx-change-loading", [".phx-change-loading&", ".phx-change-loading &"]))
31
]
32
}
33