Skip to content

Tailwind:Configuration

Tailwind Configuration

tailwind.config.js

Examples

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ['./app/**/*.{js,ts,jsx,tsx,mdx}'],
  theme: {
    extend: {
      spacing: {
        yourHeader: '3rem',
        yourMain: 'calc(100vh - theme(spacing.yourHeader))',
      },
    },
  },
  plugins: [
    require('@tailwindcss/typography'),
    require('your-ui/tailwind.plugin.yourui'),
    require('daisyui'),
  ],
  daisyui: {
    themes: ['cupcake', 'business'],
    darkTheme: 'business',
    base: true,
    styled: true,
    utils: true,
    rtl: false,
    prefix: '',
    logs: true,
  },
};

See also

Favorite site