Portfolio-using-Next-JS/tailwind.config.js at main · ArNAB-0053/Portfolio-using-Next-JS · 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
/** @type {import('tailwindcss').Config} */
export const content = [
  "./pages/**/*.{js,ts,jsx,tsx,mdx}",
  "./Components/**/*.{js,ts,jsx,tsx,mdx}",
  "./app/**/*.{js,ts,jsx,tsx,mdx}",
];
export const darkMode = "class";
export const theme = {
  extend: {
    backgroundImage: {
      "gradient-radial": "radial-gradient(var(--tw-gradient-stops))",
      "gradient-conic":
        "conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))",
    },
    boxShadow: {
      "custom-shadow":
        "10px 24px 58px rgba(45, 45, 45), -10px -24px 58px rgba(51, 51, 51)",
      "own-shadow": "5px 3.5px 12px 4px #1c1c1c90",
      "red-shadow": "5.5px 6px 16px -5.5px #ff0000",
      "contact-shadow": "0.5px 3.5px 17.5px 2.5px #9f1515",
    },
    colors: {
      myRed: "#ff0000",
      insta:
        "linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%)",
      fb: "linear-gradient(to right, #1d7ece, #4b7bec)",
      linkedin: "background: linear-gradient(to right, #55acee, #1da1f2)",
    },
    keyframes: {
      shine: {
        "0%": { "background-position": "100%" },
        "100%": { "background-position": "-100%" },
      },
    },
    animation: {
      shine: "shine 5s linear infinite",
    },
  },
};
export const plugins = [require("tailwind-scrollbar")({ nocompatible: true })];