foxhole-map-annotate/tailwind.config.cjs at master · MrBazlow/foxhole-map-annotate · 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
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
/** @type {import('tailwindcss').Config} */
module.exports = {
  darkMode: 'class',
  content: [
    './views/**/*.html',
    './frontend/**/*.{js,ts,jsx,tsx}'
  ],
  theme: {
    extend: {
      colors: {
        warden: {
          50: '#f3f7fc',
          100: '#e6eff8',
          200: '#c8deef',
          300: '#97c1e2',
          400: '#60a1d0',
          500: '#3b85bc',
          600: '#2b6a9e',
          700: '#245682',
          800: '#21496b',
          900: '#203e5a'
        },
        colonial: {
          50: '#f3f7ee',
          100: '#e2ead7',
          200: '#cddbbb',
          300: '#adc492',
          400: '#8fac6f',
          500: '#729151',
          600: '#58723e',
          700: '#445932',
          800: '#39482c',
          900: '#323f28'
        }
      },
      keyframes: {
        indeterminate: {
          from: {
            left: '-50%'
          },
          to: {
            left: '100%'
          }
        },
        tickTock: {
          '0%': {
            'animation-timing-function': 'cubic-bezier(.5, -0.5, 0.5, 1.5)',
            transform: 'rotate(0deg)'
          },
          '8.3333%': {
            'animation-timing-function': 'cubic-bezier(.5, -0.5, 0.5, 1.5)',
            transform: 'rotate(30deg)'
          },
          '16.6666%': {
            'animation-timing-function': 'cubic-bezier(.5, -0.5, 0.5, 1.5)',
            transform: 'rotate(60deg)'
          },
          '25%': {
            'animation-timing-function': 'cubic-bezier(.5, -0.5, 0.5, 1.5)',
            transform: 'rotate(90deg)'
          },
          '33.3333%': {
            'animation-timing-function': 'cubic-bezier(.5, -0.5, 0.5, 1.5)',
            transform: 'rotate(120deg)'
          },
          '41.6666%': {
            'animation-timing-function': 'cubic-bezier(.5, -0.5, 0.5, 1.5)',
            transform: 'rotate(150deg)'
          },
          '50%': {
            'animation-timing-function': 'cubic-bezier(.5, -0.5, 0.5, 1.5)',
            transform: 'rotate(180deg)'
          },
          '58.3333%': {
            'animation-timing-function': 'cubic-bezier(.5, -0.5, 0.5, 1.5)',
            transform: 'rotate(210deg)'
          },
          '66.6666%': {
            'animation-timing-function': 'cubic-bezier(.5, -0.5, 0.5, 1.5)',
            transform: 'rotate(240deg)'
          },
          '75%': {
            'animation-timing-function': 'cubic-bezier(.5, -0.5, 0.5, 1.5)',
            transform: 'rotate(270deg)'
          },
          '83.3333%': {
            'animation-timing-function': 'cubic-bezier(.5, -0.5, 0.5, 1.5)',
            transform: 'rotate(300deg)'
          },
          '91.6666%': {
            'animation-timing-function': 'cubic-bezier(.5, -0.5, 0.5, 1.5)',
            transform: 'rotate(330deg)'
          },
          '100%': {
            'animation-timing-function': 'cubic-bezier(.5, -0.5, 0.5, 1.5)',
            transform: 'rotate(360deg)'
          }
        }
      },
      animation: {
        load: 'indeterminate 2s linear infinite',
        clock: 'tickTock 12s linear infinite'
      }
    }
  },
  plugins: [
    require('@headlessui/tailwindcss')
  ]
}