tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
  darkMode: 'class',
  content: [
    './pages/**/*.{js,ts,jsx,tsx,mdx}',
    './components/**/*.{js,ts,jsx,tsx}',
    './utils/**/*.{js,ts,jsx,tsx}',
    './theme.config.tsx',
  ],
  theme: {
    fontFamily: {
      sans: ['Inter', 'sans-serif'],
      heading: ['Lexend', 'sans-serif'],
    },
    extend: {
      keyframes: {
        fadein: {
          '0%': { opacity: 0 },
          '100%': { opacity: 1 },
        },
        scaleout: {
          '0%': { transform: 'scale(0.2)' },
          '100%': { transform: 'scale(1)' },
        },
      },
      colors: {
        bpBlue: '#3276ea',
        bpBlueDark: '#134fb7',
        bpBlueLight: '#cad7f5',
        bpBlueGradient: '#1455c3',
        bpBlack: '#1a1e22',
        bpWhite: '#f5f6f8',
      },
      boxShadow: {
        'button-link': '0 2px 6px 0 rgb(0 133 255 / 36%), inset 0 1px 1px 0 hsl(0deg 0% 100% / 50%)',
        'button-link-hover': '0 2px 6px 0 rgb(0 133 255 / 36%), inset 0 1px 1px 0 hsl(0deg 0% 100% / 50%)',
        'inner-xl': 'inset 0 10px 10px 0px rgba(0, 0, 0, 0.22)',
      },
      maxWidth: {
        1: '1rem',
        2: '2rem',
        3: '3rem',
        4: '4rem',
        5: '5rem',
        6: '6rem',
        7: '7rem',
        8: '8rem',
        9: '9rem',
        10: '10rem',
        11: '11rem',
        12: '12rem',
        13: '13rem',
        14: '14rem',
        15: '15rem',
        16: '16rem',
        17: '17rem',
        18: '18rem',
        19: '19rem',
      },
      minWidth: {
        1: '1rem',
        2: '2rem',
        3: '3rem',
        4: '4rem',
        5: '5rem',
        6: '6rem',
        7: '7rem',
        8: '8rem',
        9: '9rem',
        10: '10rem',
        11: '11rem',
        12: '12rem',
        13: '13rem',
        14: '14rem',
        15: '15rem',
        16: '16rem',
        17: '17rem',
        18: '18rem',
        19: '19rem',
      },
    },
    backgroundImage: {
      bgGradient: 'linear-gradient(132.45deg, #FDFEFF 8.67%, #F9FAFF 69.55%)',
      importantLinks: 'linear-gradient(179.92deg, #FDFEFF 0.07%, #F8FBFF 110.26%)',
      'button-link': 'linear-gradient(157deg, #6f90fd, #515bf5)',
      'button-link-hover': 'linear-gradient(157deg, #5c82fd, #4a56f5)',
      "button-link-dark":'linear-gradient(157deg, rgb(0 15 66), rgb(0 1 19))',
      "button-link-dark-hover":'linear-gradient(157deg, rgb(16 41 122), rgb(3 6 51))',
      "button-link-dark-2":'linear-gradient(0deg, rgb(0 15 66), rgb(0 1 19))',
      "button-link-dark-2-hover":'linear-gradient(0deg, rgb(16 41 122), rgb(3 6 51))',
    },
  },
  plugins: [],
}