we-digi/tailwind.config.ts at main · deco-sites/we-digi · 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
import daisyui from "daisyui";

export default {
  plugins: [daisyui],
  daisyui: { themes: [], logs: false },
  content: ["./**/*.tsx"],
  theme: {
    container: { center: true },
    extend: {
      outline: {
        arrow: ['2px solid #000', '2px'],
      },
      fontSize:{
        xxs: ["0.625rem", { lineHeight: "120%" }]
      },
      animation: {
        sliding: "sliding 30s linear infinite",
        slidingArrows: "slidingArrows 1.5s ease infinite",
        backgroundGradient: "backgroundGradient 2s linear infinite",
        backgroundCycle: 'backgroundCycle 6s ease-in-out infinite',
        backgroundCycleYellow: 'backgroundCycleYellow 6s ease-in-out infinite',
        boxShadowCycle: 'boxShadowCycle 1s ease-in-out infinite',
      },
      keyframes: {
        sliding: {
          "0%": { transform: "translateX(0)" },
          "100%": { transform: "translateX(-50%)" },
        },
        slidingArrows: {
          "0%": { transform: "translateY(-50%)" },
          "66%": { transform: "translateY(0%)" },
          "100%": { transform: "translateY(0%)" },
        },
        backgroundGradient: {
          '0%' : {
            backgroundPosition: '0%, 50%',
            boxShadow: '#76F5F780 0 0 0 0'
          },
          '50%' : {
            boxShadow: '#76F5F700 0 0 0 7px'
          },
          '25%' : {
            boxShadow: '#76F5F780 0 0 0 0'
          },
          '75%' : {
            boxShadow: '#76F5F700 0 0 0 7px'
          },
          '100%' : {
            backgroundPosition: '100%, 50%',
            boxShadow: '#76F5F780 0 0 0 0'
          }
        },
        backgroundCycle: {
          '0%, 100%': { background: 'linear-gradient(90deg, #BFF776 0%, #BFF776 100%)'},
          '20%': {background: 'linear-gradient(90deg, #BFF776 0%, #76F5F7 100%)'},
          '40%': {background: 'linear-gradient(90deg, #76F5F7 0%, #76F5F7 100%)'},
          '60%': {background: 'linear-gradient(90deg, #76F5F7 0%, #BFF776 100%)'},
          '80%': {background: 'linear-gradient(90deg, #8CC642 0%, #8CC642 100%)'},
        },
        backgroundCycleYellow: {
          '0%, 100%': { background: 'linear-gradient(90deg, #FFED7B 0%, #FFED7B 100%)'},
          '20%': {background: 'linear-gradient(90deg, #FFED7B 0%, #76F5F7 100%)'},
          '40%': {background: 'linear-gradient(90deg, #76F5F7 0%, #76F5F7 100%)'},
          '60%': {background: 'linear-gradient(90deg, #76F5F7 0%, #FFED7B 100%)'},
          '80%': {background: 'linear-gradient(90deg, #F79D53 0%, #F79D53 100%)'},
        },
        boxShadowCycle:{
          '0%, 100%': { boxShadow: '#76f5f700 0 0 10px 20px' },
          '20%': { boxShadow: '#76f5f733 0 0 8px 15px' },
          '40%': { boxShadow: '#76f5f733 0 0 0px 10px'},
          '60%': { boxShadow: '#76f5f733 0 0 0px 0px'},
          '80%': { boxShadow: '#76f5f733 0 0 0px 10px'},
        }
      },
      fontFamily: {
        effraTrial: ["Effra Trial", "sans-serif"],
        objective: ["Objective", "sans-serif"],
        montSerrat: ["Montserrat", "sans-serif"]
      },
    },
  },
};