web3_domain.frontend/tailwind.config.js at main · MasterCode-V/web3_domain.frontend · 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
module.exports = {
  content: ['./dist/**/*.html', './src/**/*.{js,jsx,ts,tsx}', './*.html'],
  theme: {
    extend: {
      keyframes: {
        'confetti-1': {
          '0%': { transform: 'translateY(0) rotate(0)' },
          '100%': { transform: 'translateY(100vh) rotate(360deg)' }
        },
        'confetti-2': {
          '0%': { transform: 'translateY(0) rotate(0)' },
          '100%': { transform: 'translateY(100vh) rotate(-360deg)' }
        },
        'confetti-3': {
          '0%': { transform: 'translateY(0) rotate(0)' },
          '100%': { transform: 'translateY(100vh) rotate(720deg)' }
        },
        'confetti-4': {
          '0%': { transform: 'translateY(0) rotate(0)' },
          '100%': { transform: 'translateY(100vh) rotate(-720deg)' }
        },
        'confetti-5': {
          '0%': { transform: 'translateY(0) rotate(0)' },
          '100%': { transform: 'translateY(100vh) rotate(1080deg)' }
        },
        'confetti-6': {
          '0%': { transform: 'translateY(0) rotate(0)' },
          '100%': { transform: 'translateY(100vh) rotate(-1080deg)' }
        }
      },
      animation: {
        'confetti-1': 'confetti-1 3s linear infinite',
        'confetti-2': 'confetti-2 3.5s linear infinite',
        'confetti-3': 'confetti-3 4s linear infinite',
        'confetti-4': 'confetti-4 4.5s linear infinite',
        'confetti-5': 'confetti-5 5s linear infinite',
        'confetti-6': 'confetti-6 5.5s linear infinite'
      }
    }
  },
  plugins: [require('@tailwindcss/forms'), require('tailwind-scrollbar')],
  variants: {
    extend: {
      opacity: ['disabled'],
      scrollbar: ['rounded'] // Optional: enable more variants for scrollbar
    }
  }
}