Personalized_Email_Campaign_Tool/frontend/tailwind.config.js at main · MahitaVellanki/Personalized_Email_Campaign_Tool · 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
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./src/**/*.{js,jsx,ts,tsx}"],
  theme: {
    screens: {
      sm: "480px",
      md: "768px",
      lg: "976px",
      xl: "1440px",
    },
    colors: {
      red: "#da3749",
      opaqueBlue: "#ecf4ff",
      blue: "#408cfc",
      darkBlue: "#2a5da7",
      white: "#ffffff",
      darkGreen: "#2e7d32",
      green: "#81c784",
      "gray-dark": "#273444",
      gray: "#8492a6",
      grayLight: "#eceff1",
      orange: "#f68f1e",
      darkOrange: "#d77104",
    },

    borderRadius: {
      none: "0",
      sm: ".125rem",
      DEFAULT: ".25rem",
      lg: ".5rem",
      full: "9999px",
    },
    fontFamily: {
      sans: ["Graphik", "sans-serif"],
      serif: ["Merriweather", "serif"],
      display: "Oswald, ui-serif",
      mono: [
        "ui-monospace",
        "SFMono-Regular",
        "Menlo",
        "Monaco",
        "Consolas",
        "Liberation Mono",
        "Courier New",
        "monospace",
      ],
    },
    extend: {
      spacing: {
        128: "32rem",
        144: "36rem",
        "2xl": "48rem",
      },
      fontSize: {
        "2xl": "1.5rem",
        "3xl": "2rem",
      },
      backgroundColor: {
        "blue-opaque": "var(--color-opaqueBlue)",
      },
    },
  },
  plugins: [
    function ({ addUtilities }) {
      addUtilities({
        ".scrollbar-hidden::-webkit-scrollbar": {
          display: "none",
        },
        ".scrollbar-hidden": {
          scrollbarWidth: "4px",
        },
      });
    },
  ],
};