F
Filament•3d ago
Señor Nikola

Tailwind Config Issue

Hello, Did anyone had issue with tailwind config, where I have to put everything custom in "safelist" in order to work? Is there maybe a way around it or am I doing something wrong in here? 
import defaultTheme from "tailwindcss/defaultTheme";
import preset from '../../../../vendor/filament/filament/tailwind.config.preset'

export default {
    mode: "jit",
    presets: [preset],
    content: [
        './app/Filament/**/*.php',
        './resources/views/filament/**/*.blade.php',
        './vendor/filament/**/*.blade.php',
        'vendor/awcodes/filament-tiptap-editor/resources/**/*.blade.php',
    ],
    darkMode: "class",
    theme: {
        extend: {
            colors: {
                ...defaultTheme.colors,
            },
            spacing: {
                ...defaultTheme.spacing,
            },
            fontSize: {
                "3xs": "8px",
                "2xs": "10px",
                "xs": "12px",
            },
            maxWidth: {
                '100-px': '100px',
                '150-px': '150px',
                '200-px': '200px',
                '250-px': '250px',
            },
            minHeight: {
                '100-px': '100px',
                '150-px': '150px',
                '200-px': '200px',
                '250-px': '250px',
            },
            listStyleType: {
                circle: 'circle',
            },
        }
    },
    // safelist: [
    //     {
    //         pattern: /max-w-[0-9]+-px/,
    //         variants: ['responsive', 'hover', 'focus', 'active'],
    //     },
    //     {
    //         pattern: /text-(\w+)-(100|200|300|400|500|600|700|800|900)/,
    //         variants: ['responsive', 'hover', 'focus', 'active'],
    //     },
    //     {
    //         pattern: /text-(3xs|2xs|xs|sm|md|lg|xl|2xl|3xl|4xl|5xl|6xl|7xl)/,
    //         variants: ['responsive', 'hover', 'focus', 'active'],
    //     },
    // ],
};
import defaultTheme from "tailwindcss/defaultTheme";
import preset from '../../../../vendor/filament/filament/tailwind.config.preset'

export default {
    mode: "jit",
    presets: [preset],
    content: [
        './app/Filament/**/*.php',
        './resources/views/filament/**/*.blade.php',
        './vendor/filament/**/*.blade.php',
        'vendor/awcodes/filament-tiptap-editor/resources/**/*.blade.php',
    ],
    darkMode: "class",
    theme: {
        extend: {
            colors: {
                ...defaultTheme.colors,
            },
            spacing: {
                ...defaultTheme.spacing,
            },
            fontSize: {
                "3xs": "8px",
                "2xs": "10px",
                "xs": "12px",
            },
            maxWidth: {
                '100-px': '100px',
                '150-px': '150px',
                '200-px': '200px',
                '250-px': '250px',
            },
            minHeight: {
                '100-px': '100px',
                '150-px': '150px',
                '200-px': '200px',
                '250-px': '250px',
            },
            listStyleType: {
                circle: 'circle',
            },
        }
    },
    // safelist: [
    //     {
    //         pattern: /max-w-[0-9]+-px/,
    //         variants: ['responsive', 'hover', 'focus', 'active'],
    //     },
    //     {
    //         pattern: /text-(\w+)-(100|200|300|400|500|600|700|800|900)/,
    //         variants: ['responsive', 'hover', 'focus', 'active'],
    //     },
    //     {
    //         pattern: /text-(3xs|2xs|xs|sm|md|lg|xl|2xl|3xl|4xl|5xl|6xl|7xl)/,
    //         variants: ['responsive', 'hover', 'focus', 'active'],
    //     },
    // ],
};
0 Replies
No replies yetBe the first to reply to this messageJoin

Did you find this page helpful?