GithubPortfolioV2/tailwind.config.js at main · alphacas/GithubPortfolioV2 · 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
/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./app/**/*.{js,ts,jsx,tsx,css,scss}",
    "./components/**/*.{js,ts,jsx,tsx,css,scss}",
  ],
  // darkMode: 'media', // or 'media' or 'class'
  theme: {
    extend: {
      keyframes: {
        typing: {
          "0%, 100%": { width: "0%" },
          "30%, 70%": { width: "100%" },
        },
        blink: {
          "0%": {
            opacity: 0,
          },
        },
        "rotate-loader": {
          "0%": {
            transform: "rotate(0deg)",
            strokeDashoffset: "360%",
          },
          "100%": {
            transform: "rotate(360deg)",
            strokeDashoffset: "-360%",
          },
        },
      },
      screens: {
        touch: { raw: "only screen and (pointer: coarse)" },
      },
    },
  },
  // eslint-disable-next-line no-undef
  plugins: [require("@tailwindcss/forms"), require("@tailwindcss/typography")],
};