tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./src/**/*.{js,jsx,ts,tsx}",
  ],
  theme: {
    extend: {
      colors: {
        dark1: {
            DEFAULT: '#27374D'
        },
        dark2: {
          DEFAULT: '#526D82'
        },
        dark3: {
          DEFAULT: '#9DB2BF'
        },
        nDark: {
          DEFAULT: '#DDE6ED'
        }
      },
      screens: {
        '2xs': '320px',
        'xs': '400px',
      },
      height: {
        58: '232px',
        62: '248px',
        68: '272px',
        76: '304px',
        78: '312px',
        80: '320px',
        82: '328px',
        84: '336px',
        86: '344px',
        88: '352px',
        90: '360px',
        92: '368px',
        94: '376px',
        100: '400px',
        102: '408px',
        104: '416px',
        106: '424px',
        108: '432px',
        110: '440px',
        112: '448px',
        130: '520px',
        132: '528px'
      },
      translate: {
        
      },
      borderWidth: {
        1: '1px',
        3: '3px',
        5: '5px',
        7: '7px'
      },
      minHeight: {
        64: '16rem'
      }
    },
  },
  plugins: [
        require('@tailwindcss/line-clamp'), 
        require('daisyui'), 
        require('@tailwindcss/typography'), 
        //require('rippleui'), 
        require('@tailwindcss/forms'),
  ],
}