smartBuy/tailwind.config.js at master · Mansi-Tiwari/smartBuy · 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
/** @type {import('tailwindcss').Config} */
export default {
  content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
  theme: {
    extend: {
      colors: {

        "green-normal": "#009F9D",
        'pink-normal': "#B9198E",
        'oxford-blue': "#0C0A24",
      },
      fontFamily: {
        'barlow': ['Barlow', 'sans-serif'],
        'poppins': ['Poppins', 'sans-serif'],
        'right': ['Righteous', 'cursive'],
      },
      screens: {
        'xs': '420px',
        'sm': '576px',
        'md': '768px',
        'lg': '992px',
        'xl': '1200px',
        'xxl': '1400px'
      },
      backgroundImage: {
        'spinner': 'url("./assets/spinner.jpg")',
        'register-image': 'url("./assets/register.png")',
        'login-image': 'url("./assets/login.png")',
        'loader-image': 'url("./assets/loader.gif")',
      'empty':'url("./assets/emptyCart.png")',


      },
      boxShadow: {
        'nav': '0px 4px 4px rgba(0, 0, 0, 0.25)',
        'nav-collapse': 'rgba(100, 100, 111, 0.2) 0px 7px 29px 0px',
        'category-item': '0px 49px 20px rgba(0, 0, 0, 0.01), 0px 28px 17px rgba(0, 0, 0, 0.05), 0px 12px 12px rgba(0, 0, 0, 0.09), 0px 3px 7px rgba(0, 0, 0, 0.1), 0px 0px 0px rgba(0, 0, 0, 0.1)',
        'input-focus': 'rgba(100, 100, 111, 0.2) 0px 7px 29px 0px'
      },
      gridTemplateColumns: {
        'footer': '2fr 1fr 1fr 1fr'
      }
    },
  },
  plugins: [],
};