generate class all

1
2
3
4
5
6
7
8
9
10
safelist: [
   
    // Add other problematic classes
    { pattern: /^m-./ },
    { pattern: /^p-./ },
    { pattern: /^[mp][tblrxy]?-./ },
    { pattern: /^bg-./ },


  ],

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
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
/** @type {import('tailwindcss').Config} */

import colors, { gray } from 'tailwindcss/colors'

export default {
  content: [
    "./src/**/*.{html,js}",
    "./public/**/*.html",
    "./*.{html,php}",

  ],
  safelist: [
   
    // Add other problematic classes
    // padding margin all
    { pattern: /^m-./ },
    { pattern: /^p-./ },
    { pattern: /^[mp][tblrxy]?-./ },

    // background a;;
    { pattern: /^bg-./ },


  ],
  theme: {
    extend: {
      colors: {
        abcdee: '#4F46E5',
        primary: '#4F46E5',
        secondary: '#10B981',
        dark: '#1F2937',
        light: '#F9FAFB',
        danger: colors.rose,
        success: colors.green,
        warning: colors.yellow,
        transparent: "transparent",
        current: "currentColor",
        black: "#000",
        white: "#fff",
        slate: colors.slate,
        gray: colors.gray,
        zinc: colors.zinc,
        neutral: colors.neutral,
        stone: colors.stone,
        red: colors.red,
        orange: colors.orange,
        amber: colors.amber,
        yellow: colors.yellow,
        lime: colors.lime,
        green: colors.green,
        emerald: colors.emerald,
        teal: colors.teal,
        cyan: colors.cyan,
        sky: colors.sky,
        blue: colors.blue,
        indigo: colors.indigo,
        violet: colors.violet,
        purple: colors.purple,
        fuchsia: colors.fuchsia,
        pink: colors.pink,
        rose: colors.rose,

      },

      fontFamily: {
        sans: ['Poppins', 'sans-serif'],
      },
    }
  },
  plugins: [
    require('@tailwindcss/forms'),
    require('@tailwindcss/typography'),
    require('@tailwindcss/line-clamp'),
  ],
}