ezbookredux/tailwind.config.js at master · uncleericsg/ezbookredux · 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}'
  ],
  safelist: [
    'animate-spin',
    'force-animation',
    'border-3',
    'text-blue-500',
    'text-yellow-400',
    'border-yellow-400',
    'text-gray-300',
    'dark:text-gray-600'
  ],
  theme: {
    extend: {
      fontFamily: {
        sans: ['Quicksand', 'Open Sans', 'sans-serif'],
      },
      colors: {
        gray: {
          900: '#121212',
          800: '#1E1E1E',
          700: '#2D2D2D',
          600: '#404040',
          400: '#A3A3A3',
          300: '#D4D4D4',
          100: '#F5F5F5',
        },
        blue: {
          500: '#3B82F6',
          600: '#2563EB',
          700: '#1D4ED8',
        },
        yellow: {
          400: '#FACC15',
        }
      },
      borderWidth: {
        '3': '3px',
      },
      keyframes: {
        shimmer: {
          '0%': { backgroundPosition: '200% 0' },
          '100%': { backgroundPosition: '-200% 0' },
        },
        spin: {
          '0%': { transform: 'rotate(0deg)' },
          '100%': { transform: 'rotate(360deg)' }
        }
      },
      animation: {
        shimmer: 'shimmer 3s ease-in-out infinite',
        spin: 'spin 1s linear infinite'
      },
    },
  },
  plugins: [],
};