Untoc-Front/tailwind.config.js at develop · Untoc-Web-Develop/Untoc-Front · 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
/* eslint-disable global-require */
/** @type {import('tailwindcss').Config} */

module.exports = {
  content: ['./src/**/*.{js,jsx,ts,tsx}'],
  theme: {
    extend: {
      colors: {
        error: '#FF574D',
        yellowPoint: '#FFBD00',
        yellowBackground: '#FFF6E9',
        placeHolder: '#A2A9B0',
        borderColor: '#DDE1E6',
        focusColor: '#F2F5FF',
        bluePoint: '#424F70',
        grayDark: '#5C5F64',
        grayDark50: '#D9D9D9',
        grayPoint: '#EBEBEB',
        grayLight: '#F8F8F9',
        grayLight50: '#FAFAFA',
        alertBg: '#FFE8E7',
      },
      backgroundImage: {
        // backgroundImage: "url('asset/main/mainBackGround.jpg')",
        backgroundImage: "url('asset/main/background3.jpg')",
      },
      keyframes: {
        fadeIn: {
          from: {
            opacity: 0,
            transform: 'translateY(20px)',
          },
          to: {
            opacity: 1,
            transform: 'translateY(0)',
          },
        },
        InfinitySlider_copy: {
          '0%': {
            transform: 'translateX(100%)',
          },
          '50%': {
            transform: 'translateX(0%)',
          },
          '100%': {
            transform: 'translateX(-100%)',
          },
        },
        InfinitySlider: {
          '0%': {
            transform: 'translateX(0%)',
          },
          '50%': {
            transform: 'translateX(-100%)',
          },
          '50.1%': {
            transform: 'translateX(100%)',
          },
          '100%': {
            transform: 'translateX(0%)',
          },
        },
      },
      animation: {
        fadeIn: 'fadeIn 1s ease-out',
        InfinitySlider: 'InfinitySlider 50s infinite linear normal none running',
        InfinitySlider_copy: 'InfinitySlider_copy 50s linear infinite',
      },
      height: {
        content: 'calc(100vh - 2.5rem)',
      },
    },
  },
  plugins: [require('tailwind-scrollbar-hide')],
};