@ -1,7 +1,7 @@
const plugin = require ( "tailwindcss/plugin" )
import plugin from "tailwindcss/plugin"
const styles = require ( "./styles.json" )
import styles from "./styles.json"
module . exports = {
const config = {
theme : {
theme : {
screens : {
screens : {
sm : "420px" ,
sm : "420px" ,
@ -96,20 +96,22 @@ module.exports = {
plugins : [
plugins : [
plugin ( function ( { addVariant } ) {
plugin ( function ( { addVariant } ) {
addVariant ( "state-open" , [
addVariant ( "state-open" , [
'&[data-state="open"]' ,
"&[data-state=“open”]" ,
'[data-state="open"] &' ,
"[data-state=“open”] &" ,
] )
] )
addVariant ( "state-closed" , [
addVariant ( "state-closed" , [
'&[data-state="closed"]' ,
"&[data-state=“closed”]" ,
'[data-state="closed"] &' ,
"[data-state=“closed”] &" ,
] )
] )
addVariant ( "state-delayed-open" , [
addVariant ( "state-delayed-open" , [
'&[data-state="delayed-open"]' ,
"&[data-state=“delayed-open”]" ,
'[data-state="delayed-open"] &' ,
"[data-state=“delayed-open”] &" ,
] )
] )
addVariant ( "state-active" , [ '&[data-state="active"]' ] )
addVariant ( "state-active" , [ "&[data-state=“active”]" ] )
addVariant ( "state-inactive" , [ '&[data-state="inactive"]' ] )
addVariant ( "state-inactive" , [ "&[data-state=“inactive”]" ] )
} ) ,
} ) ,
] ,
] ,
content : [ "./src/**/*.html" , "./src/**/*.{ts,tsx}" , "./index.html" ] ,
content : [ "./src/**/*.html" , "./src/**/*.{ts,tsx}" , "./index.html" ] ,
}
}
export default config