Sparkle-Chatting-application/tailwind.config.js at master · rakib-siddiki/Sparkle-Chatting-application · 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
/** @type {import('tailwindcss').Config} */
export default {
  content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
  theme: {
    extend: {
      fontFamily: {
        nunito: ["Nunito", "sans-serif"],
        pops: ["Poppins", "sans-serif"],
        open: ["Open Sans", "sans-serif"],
        lobster: ["Lobster", "sans-serif"],
      },
      backgroundImage: {
        "reg-img": "url(./assets/reg/reg_Img.png)",
        "login-img": "url(./assets/login/login_img.jpg)",
        "forgetPass-img": "url(./assets/forgetPassword/forgetPassword.png)",
      },
      colors: {
        "reg-primary": "#11175D",
        "reg-seconadry": "#808080",
        "login-primary": "#03014C",
        "login-secondry": "#c4bfbf",
        forgetPass_text: "#37474F",
        primary: "#5F35F5",
      },
      borderRadius: {
        "20px": "20px",
        "10px":"10px",
      },
      backdropBlur: {
        xs: "2px",
      },
      dropShadow: {
        iconDropShadow: "0px 4px 4px rgba(0, 0, 0, 0.25)",
        CardShadow: "0px 4px 4px 0px rgba(0, 0, 0, 0.25)",
      },
      boxShadow: {
        CardShadow: "0px 4px 4px 0px rgba(0, 0, 0, 0.25)",
      },
      screens: {
        xxl: "1480px",
        // => @media (min-width: 1280px) { ... }
      },
      gridTemplateRows: {
        8: "repeat(8, minmax(0, 1fr))",
        7: "repeat(7, minmax(0, 1fr))",
        12: "repeat(12, minmax(0, 1fr))",
        13: "repeat(13, minmax(0, 1fr))",
      },
      gridRow: {
        "span-8": "span 8 / span 8",
        "span-9": "span 9 / span 9",
      },
      borderWidth: {
        20: "20px",
        22: "22px",
        28: "28px",
      },
    },
  },
  plugins: [["prettier-plugin-tailwindcss"]],
};