devtinder-frontend/tailwind.config.js at main · ayush-FullStack-dev/devtinder-frontend · 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
// /** @type {import('tailwindcss').Config} */

import { screens } from "./src/styles/screens";
import { animation } from "./src/styles/animation";
import { colors } from "./src/styles/colors";
import { borderRadius } from "./src/styles/radius";
import { boxShadow } from "./src/styles/shadows";
import { backgroundImage } from "./src/styles/gradients";
import {
  backdropBlur,
  transitionTimingFunction,
} from "./src/styles/transitions";

export default {
  theme: {
    extend: {
      screens,
      colors,
      borderRadius,
      boxShadow,
      backgroundImage,
      backdropBlur,
      animation,
      keyframes: {
        marquee: {
          "0%": {
            transform: "translateX(100%)",
          },
          "100%": {
            transform: "translateX(-100%)",
          },
        },
      },
      transitionTimingFunction,
    },
  },
};