ecoverse-fe/tailwind.config.js at develop · BalloonBox-Inc/ecoverse-fe · 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
98
/** @type {import('tailwindcss').Config} */
const defaultTheme = require('tailwindcss/defaultTheme');
const NAV_DIMENSION = '4rem';

module.exports = {
  content: [
    './app/**/*.{js,ts,jsx,tsx}',
    './pages/**/*.{js,ts,jsx,tsx}',
    './components/**/*.{js,ts,jsx,tsx}',
  ],
  theme: {
    container: {
      center: true,
      padding: {
        DEFAULT: '1rem',
        sm: '2rem',
        lg: '4rem',
      },
    },
    extend: {
      screens: {
        xs: '480px',
      },
      spacing: {
        nav: NAV_DIMENSION,
        'custom-x-screen-2': `calc(100vw - ${NAV_DIMENSION} - 4rem)`,
        'custom-x-screen': `calc(100vw - ${NAV_DIMENSION})`,
        'custom-y-screen': `calc(100vh - ${NAV_DIMENSION})`,
        'custom-y-screen-2': `calc(100vh - ${NAV_DIMENSION} - 1rem)`,
      },
      backgroundImage: {
        404: "url('../assets/images/forest.webp')",
        auth: "url('../assets/images/auth-bg.webp')",
      },
      minWidth: {
        80: '80%',
      },
      minHeight: {
        'custom-y-screen': `calc(100vh - ${NAV_DIMENSION})`,
      },
      zIndex: {
        1: '1',
        2: '2',
        3: '3',
        4: '4',
        5: '5',
        6: '6',
      },
      gridTemplateColumns: {
        main: '1fr 3fr',
      },
      colors: {
        loader: '#FEFEFE',
        yellow: '#F7F9F3',
      },
      fontFamily: {
        figtree: ['Figtree', ...defaultTheme.fontFamily.sans],
      },
      boxShadow: {
        neumorphic: '-20px 20px 40px #cfcdcf,20px -20px 40px #ffffff;',
        'neumorphic-inset':
          'inset -5px 5px 10px #cfcdcf,inset 5px -5px 10px #ffffff;',
      },
      animation: {
        loader: 'fade 1s ease-out 2s 1 normal forwards',
      },
      keyframes: {
        fade: {
          '0%': {
            opacity: '1',
          },
          '100%': {
            opacity: '0',
            zIndex: '0',
          },
        },
      },
    },
  },
  daisyui: {
    themes: [
      {
        mytheme: {
          primary: '#65D49F',
          secondary: '#62D67E',
          neutral: '#606060',
          accent: '#dddddd',
          'base-100': '#FBFBFB',
          info: '#9FC7F4',
          success: '#128C4D',
          warning: '#996D05',
          error: '#F9535B',
        },
      },
    ],
  },
  plugins: [require('@tailwindcss/typography'), require('daisyui')],
};