wp-user-frontend/tailwind.config.js at develop · weDevsOfficial/wp-user-frontend · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
const colors = require('tailwindcss/colors');

import {
    scopedPreflightStyles,
    isolateInsideOfContainer,
} from 'tailwindcss-scoped-preflight';

/** @type {import('tailwindcss').Config} */
module.exports = {
    prefix: 'wpuf-',
    content: [
        // Original paths (critical for form builder - keeps @tailwindcss/forms styles)
        './assets/**/*.{js,jsx,ts,tsx,vue,html}',
        './includes/Admin/**/*.php',
        './includes/Free/Free_Loader.php',
        './includes/Admin/template-parts/*.php',
        './admin/form-builder/views/*.php',
        './admin/form-builder/assets/js/**/*.php',
        './templates/**/*.php',
        'wpuf-functions.php',
        // New paths from upstream (for subscription templates)
        './templates/**/*.php',
        './src/**/*.{js,css}',
        // Free User Directory module templates
        './modules/user-directory/**/*.php',
        './modules/user-directory/views/**/*.php',
    ],
    theme: {
         extend: {
            colors: {
                primary: colors.emerald[600],
                primaryHover: colors.emerald[500],
            }
        },
    },
    plugins: [
        require('@tailwindcss/forms')({ strategy: 'class' }),
        require('daisyui'),
        scopedPreflightStyles( {
            isolationStrategy: isolateInsideOfContainer(
                [
                    '.wpuf_packs',
                    '#wpuf-subscription-page',
                    '#wpuf-form-builder',
                    '#wpuf-profile-forms-list-table-view',
                    '#wpuf-post-forms-list-table-view',
                    '#wpuf-ai-form-builder',
                    '.wpuf-ai-form-wrapper',
                    '.swal2-container',
                    '.wpuf-account-container',
                    '.wpuf-form-template-modal'
                ], {}
            ),
        } ),
    ],
    daisyui: {
        themes: []
    },
}