hiscoder/tailwind.config.js at main · hiscoder-com/hiscoder · 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
/** @type {import('tailwindcss').Config} */

import { black, green, red, transparent, white } from 'tailwindcss/colors'

export default {
  content: [
    './index.html',
    './src/**/*.{js,ts,jsx,tsx}',
    './node_modules/@nextui-org/theme/dist/**/*.{js,ts,jsx,tsx}',
  ],
  theme: {
    colors: {
      white,
      black,
      red,
      green,
      transparent,
      appBarBtn: '#049045',
      bgHeader: '#EBEBEB',
      basic: '#1A1A1A',
      buttonGroup: '#6565654D',
      buttonHover: '#AFEFCE',
      ourServicesBtn: '#C3C3C3',
      cursor: '#1A1A1ACC',
      cursorHover: '#1A1A1A99',
    },
    extend: {
      screens: {
        lg: '1134px',
        1024: '1025px',
        '2xl': '1923px',
      },

      fontFamily: {
        sans: 'Be Vietnam Pro',
      },

      keyframes: {
        descent: {
          '0%': { opacity: '0', transform: 'translate(0, -50%)' },
          '100%': { opacity: '1', transform: 'translate(0%)' },
        },
        lifting: {
          '0%': { opacity: '0', transform: 'translate(0, 50%)' },
          '100%': { opacity: '1', transform: 'translate(0%)' },
        },
        emergence: {
          '0%': { opacity: '0', scale: '0.7' },
          '100%': { opacity: '1', scale: '1' },
        },
      },

      animation: {
        descent: 'descent 300ms ease-in-out',
        lifting: 'lifting 500ms ease-in-out',
        emergence: 'emergence 200ms ease',
      },
    },
  },
}