Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
parkpow
GitHub Repository: parkpow/deep-license-plate-recognition
 Path: blob/master/webhooks/webhook_preview/tailwind.config.ts
1085 views
1
import type { Config } from "tailwindcss";

2


3
const config = {

4
  darkMode: ["class"],

5
  content: [

6
    "./pages/**/*.{ts,tsx}",

7
    "./components/**/*.{ts,tsx}",

8
    "./app/**/*.{ts,tsx}",

9
    "./src/**/*.{ts,tsx}",

10
    "*.{js,ts,jsx,tsx,mdx}",

11
  ],

12
  theme: {

13
    container: {

14
      center: true,

15
      padding: "2rem",

16
      screens: {

17
        "2xl": "1400px",

18
      },

19
    },

20
    extend: {

21
      colors: {

22
        border: "hsl(var(--border))",

23
        input: "hsl(var(--input))",

24
        ring: "hsl(var(--ring))",

25
        background: "hsl(var(--background))",

26
        foreground: "hsl(var(--foreground))",

27
        primary: {

28
          DEFAULT: "hsl(var(--primary))",

29
          foreground: "hsl(var(--primary-foreground))",

30
        },

31
        secondary: {

32
          DEFAULT: "hsl(var(--secondary))",

33
          foreground: "hsl(var(--secondary-foreground))",

34
        },

35
        destructive: {

36
          DEFAULT: "hsl(var(--destructive))",

37
          foreground: "hsl(var(--destructive-foreground))",

38
        },

39
        muted: {

40
          DEFAULT: "hsl(var(--muted))",

41
          foreground: "hsl(var(--muted-foreground))",

42
        },

43
        accent: {

44
          DEFAULT: "hsl(var(--accent))",

45
          foreground: "hsl(var(--accent-foreground))",

46
        },

47
        popover: {

48
          DEFAULT: "hsl(var(--popover))",

49
          foreground: "hsl(var(--popover-foreground))",

50
        },

51
        card: {

52
          DEFAULT: "hsl(var(--card))",

53
          foreground: "hsl(var(--card-foreground))",

54
        },

55
      },

56
      borderRadius: {

57
        lg: "var(--radius)",

58
        md: "calc(var(--radius) - 2px)",

59
        sm: "calc(var(--radius) - 4px)",

60
      },

61
      keyframes: {

62
        "accordion-down": {

63
          from: { height: "0" },

64
          to: { height: "var(--radix-accordion-content-height)" },

65
        },

66
        "accordion-up": {

67
          from: { height: "var(--radix-accordion-content-height)" },

68
          to: { height: "0" },

69
        },

70
        "plate-fade-in": {

71
          "0%": {

72
            opacity: "0",

73
            transform: "scale(0.95)",

74
            backgroundColor: "rgba(59, 130, 246, 0.2)", // azul claro (bg temporário)

75
          },

76
          "50%": {

77
            opacity: "0.8",

78
            transform: "scale(1.02)",

79
            backgroundColor: "rgba(59, 130, 246, 0.4)", // mais azul no meio

80
          },

81
          "100%": {

82
            opacity: "1",

83
            transform: "scale(1)",

84
            backgroundColor: "transparent", // volta ao normal

85
          },

86
        },

87
      },

88
      animation: {

89
        "accordion-down": "accordion-down 0.2s ease-out",

90
        "accordion-up": "accordion-up 0.2s ease-out",

91
        "plate-highlight": "plate-fade-in 0.8s ease-out",

92
      },

93
    },

94
  },

95
  plugins: [require("tailwindcss-animate")],

96
} satisfies Config;

97


98
export default config;

99


100