tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./src/**/*.{html,js,jsx}",],
  theme: {
    extend: {
      screens: {
        'xs': '480px',
      },
      fontFamily: {
        canela: ['Canela', 'sans-serif'],
        avenir: ['Avenir', 'sans-serif'],
      },
      textColor: ['hover', 'focus'],
      colors: {
        'pma-orange': 'rgb(237, 106, 68)',
        'pma-green': 'rgb(31, 53, 51)',
        'pma-dark-orange': 'rgb(138, 70, 21)',
        'pma-pink': 'rgb(253,240,236)',
        'pma-light-orange': 'rgb(254,234,206)',
        'map-orange': 'rgb(245,226,196)',
      },
      minWidth: {
        400: '400px',
      },
      spacing: {
        '27': '7.5rem',
        '38': '9.25rem',
      },
      height: {
        '116': '28.5rem',
        '124': '31rem',
        '148': '37rem',
      },
      maxWidth: {
        'smm': '22rem',
        'xxs': '16rem',
      },
    },
  },
  plugins: [
    require('@tailwindcss/line-clamp'),
  ],
  corePlugins: {
    scale: true,
  },
}