Scheduler/tailwind.config.js at master · NateSpring/Scheduler · 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
const defaultTheme = require("tailwindcss/defaultTheme");
const windmill = require("@windmill/react-ui/config");

module.exports = windmill({
  purge: ["src/**/*.js"],
  theme: {
    extend: {
      colors: {
        red: { 500: "#DC2626" },
        orange: { 500: "#FF7605" },
      },
      height: {
        100: "25rem",
        104: "26rem",
        120: "30rem",
        128: "32rem",
        140: "35rem",
      },
      keyframes: {
        "wiggle-light": {
          "0%, 100%": {
            transform: "rotate(-2deg)",
          },
          "50%": {
            transform: "rotate(2deg)",
          },
        },
        "wiggle-med": {
          "0%, 100%": {
            transform: "rotate(-16deg)",
          },
          "50%": {
            transform: "rotate(16deg)",
          },
        },
        "gradient-y": {
          "0%, 100%": {
            "background-size": "400% 400%",
            "background-position": "center top",
          },
          "50%": {
            "background-size": "200% 200%",
            "background-position": "center center",
          },
        },
        "gradient-x": {
          "0%, 100%": {
            "background-size": "200% 200%",
            "background-position": "left center",
          },
          "50%": {
            "background-size": "1000% 200%",
            "background-position": "right center",
          },
        },
        "gradient-xy": {
          "0%, 100%": {
            "background-size": "400% 400%",
            "background-position": "left center",
          },
          "50%": {
            "background-size": "200% 200%",
            "background-position": "right center",
          },
        },
      },
      animation: {
        "wiggle-light": "wiggle-light 1s ease-in-out infinite",
        "wiggle-med": "wiggle-med 1s ease-in-out infinite",
        "wiggle-crack": "wiggle-light .1s ease-in-out infinite",
        "gradient-x-slow": "gradient-x 15s ease infinite",
        "gradient-y-slow": "gradient-y 15s ease infinite",
        "gradient-xy-slow": "gradient-xy 15s ease infinite",
        "gradient-x-fast": "gradient-x 5s ease infinite",
        "gradient-y-fast": "gradient-y 5s ease infinite",
        "gradient-xy-fast": "gradient-xy 1s ease infinite",
        "gradient-x-superfast": "gradient-x 1s ease infinite",
        "gradient-y-superfast": "gradient-y 1s ease infinite",
        "gradient-xy-superfast": "gradient-xy 1s ease infinite",
      },
      fontFamily: {
        sans: ["Inter", ...defaultTheme.fontFamily.sans],
      },
      boxShadow: {
        bottom:
          "0 5px 6px -7px rgba(0, 0, 0, 0.6), 0 2px 4px -5px rgba(0, 0, 0, 0.06)",
      },
      scale: {
        98: ".98",
        101: "1.01",
      },
      backgroundColor: ["checked"],
      borderColor: ["checked"],
    },
  },
  plugins: [require("tailwindcss-textshadow")],
});