tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./src/**/*.{js,jsx,ts,tsx}",
  ],
  theme: {
    extend: {
      padding: {
        '0.25': '0.0625rem',
      },
      minWidth: {
        'button': '10.25rem',
      },
      maxHeight: {
        'card': '16.25rem',
      },
      borderWidth: {
        '1': '1px',
      },
      inset: {
        '1/10': '10%',
      },
      backgroundImage: {
        'card': "url('https://addressform-image-prod.s3.us-east-2.amazonaws.com/6f7d22fe31ea47f8a2a2414a9856aefb/nouny%2520clock%2520logo%2520yellow%2520copy.jpg')",
      },
      backgroundColor: {
        'conmon': '#D9D9D9',
        'signUp': '#FFCBAD',
        'in': '#97E9B6',
        'mint': '#00B3E3',
        'stop': '#A4A9AD',
        "zuzalu": 'rgba(53,101,95,1)'
      },
      colors: {
        'baseColor': '#666666'
      }
    },

  },
  plugins: [
    require('@tailwindcss/forms')
  ]
}