2020-11-20 12:23:20 +03:00
const colors = require ( 'tailwindcss/colors' )
2023-09-25 11:27:29 +03:00
const plugin = require ( 'tailwindcss/plugin' )
2020-11-20 12:23:20 +03:00
2020-03-06 12:11:38 +03:00
module . exports = {
2023-09-07 17:23:19 +03:00
content : [
2023-11-01 17:27:29 +03:00
"./js/**/*.js" ,
"../lib/*_web.ex" ,
"../lib/*_web/**/*.*ex"
2023-09-07 17:23:19 +03:00
] ,
safelist : [
// PlausibleWeb.StatsView.stats_container_class/1 uses this class
// it's not used anywhere else in the templates or scripts
"max-w-screen-xl"
] ,
2020-12-16 12:57:28 +03:00
darkMode : 'class' ,
2020-03-06 12:11:38 +03:00
theme : {
container : {
center : true ,
padding : '1rem' ,
} ,
2020-03-26 15:22:48 +03:00
extend : {
2020-11-20 12:23:20 +03:00
colors : {
2023-09-07 17:23:19 +03:00
yellow : colors . amber , // We started usign `yellow` in v2 but it was renamed to `amber` in v3 https://tailwindcss.com/docs/upgrade-guide#removed-color-aliases
gray : colors . slate ,
2021-06-21 14:42:16 +03:00
'gray-950' : 'rgb(13, 18, 30)' ,
2020-12-16 12:57:28 +03:00
'gray-850' : 'rgb(26, 32, 44)' ,
'gray-825' : 'rgb(37, 47, 63)'
2020-11-20 12:23:20 +03:00
} ,
2020-03-26 15:22:48 +03:00
spacing : {
'44' : '11rem'
} ,
width : {
2022-04-13 10:38:47 +03:00
'content' : 'fit-content'
2020-12-16 12:57:28 +03:00
} ,
opacity : {
'15' : '0.15' ,
2020-12-22 16:39:14 +03:00
} ,
zIndex : {
'9' : 9 ,
2020-12-29 12:00:41 +03:00
} ,
maxWidth : {
2021-06-21 14:42:16 +03:00
'2xs' : '15rem' ,
2021-02-24 10:50:06 +03:00
'3xs' : '12rem' ,
2022-04-13 10:38:47 +03:00
} ,
transitionProperty : {
'padding' : 'padding' ,
2020-03-26 15:22:48 +03:00
}
} ,
2020-03-06 12:11:38 +03:00
} ,
2020-03-26 15:22:48 +03:00
plugins : [
2020-11-19 15:24:08 +03:00
require ( '@tailwindcss/forms' ) ,
require ( '@tailwindcss/aspect-ratio' ) ,
2023-09-25 11:27:29 +03:00
plugin ( ( { addVariant } ) => addVariant ( "phx-no-feedback" , [ ".phx-no-feedback&" , ".phx-no-feedback &" ] ) ) ,
plugin ( ( { addVariant } ) => addVariant ( "phx-click-loading" , [ ".phx-click-loading&" , ".phx-click-loading &" ] ) ) ,
plugin ( ( { addVariant } ) => addVariant ( "phx-submit-loading" , [ ".phx-submit-loading&" , ".phx-submit-loading &" ] ) ) ,
plugin ( ( { addVariant } ) => addVariant ( "phx-change-loading" , [ ".phx-change-loading&" , ".phx-change-loading &" ] ) ) ,
2020-11-19 15:24:08 +03:00
]
2020-03-06 12:11:38 +03:00
}