/** @type {import('tailwindcss').Config} */
export default {
  prefix: 'tw-',
  corePlugins: {
    preflight: false,
  },
  content: [
    '../Resources/Private/Templates/PageLayout/*.html'
  ],
  plugins: [],
  theme: {
    extend: {
      colors: {
        component: {
          bg: 'var(--typo3-component-bg)',
        },
      },
      borderRadius: {
        component: 'var(--typo3-component-border-radius)',
      },
      borderWidth: {
        12: '12px',
      },
      gridTemplateColumns: {
        component: 'repeat(auto-fit, minmax(150px, 1fr))',
      },
      margin: {
        component: 'var(--typo3-spacing, 1em) auto',
      },
      spacing: {
        19: '4.75rem',
      }
    },
  },
}