jfa-go/tailwind.config.js at main · hrfee/jfa-go · 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
import { colorSet } from "./css/colors";

module.exports = {
  content: ["./data/html/*.html", "./build/data/html/*.html", "./ts/*.ts", "./ts/modules/*.ts"],
  darkMode: 'class',
  theme: {
      extend: {
          keyframes: {
              'fade-in': {
                  '0%': {
                      opacity: '0'
                  },
                  '100%': {
                      opacity: '1'
                  }
              },
              'fade-out': {
                  '0%': {
                      opacity: '1'
                  },
                  '100%': {
                      opacity: '0'
                  }
              },
              'slide-in': {
                  '0%': {
                      opacity: '0',
                      transform: 'translateY(-100%)'
                  },
                  '100%': {
                      opacity: '1',
                      transform: 'translateY(0%)'
                  },
              },
              'slide-out': {
                  '0%': {
                      opacity: '1',
                      transform: 'translateY(0%)'
                  },
                  '100%': {
                      opacity: '0',
                      transform: 'translateY(-100%)'
                  },
              },
              'pulse': {
                  '0%': {
                      transform: 'scale(1)'
                  },
                  '50%': {
                      transform: 'scale(1.05)'
                  },
                  '100%': {
                      transform: 'scale(1)'
                  }
              }
          },
          animation: {
              'fade-in': 'fade-in 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94)',
              'fade-out': 'fade-out 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94)',
              'slide-in': 'slide-in 0.2s cubic-bezier(.08,.52,.01,.98)',
              'slide-out': 'slide-out 0.2s cubic-bezier(.08,.52,.01,.98)',
              'pulse': 'pulse 0.2s cubic-bezier(0.25, 0.45, 0.45, 0.94)'
          },
          colors: colorSet,
      }
  },
  plugins: [require("a17t")],
}