FilamentF
Filament•12mo 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'],
    //     },
    // ],
};
Was this page helpful?