hfysite/tailwind.config.js

module.exports = {
    purge: { content: ['./public/**/*.html', './src/**/*.vue'] },
    darkMode: false, // or 'media' or 'class'
    theme: {
      screens: {
        'phone': '640px',
        // => @media (min-width: 640px) { ... }

        'pad': '1024px',
        // => @media (min-width: 1024px) { ... }

        'pc': '1320px',
        // => @media (min-width: 1280px) { ... }
      },
      extend: {
        width: {
          "72": "18rem",
        },
        height: {
          "36": "10rem"
        }
      },

    },
    // 禁用指定的css类
    corePlugins: {
        // container: false,
    },
    variants: {
        extend: {},
    },
    plugins: [],
}