javascript - 使用 Tailwind 更改 min-h-full 的值或添加类以设置 min-height

Question

我正在使用顺风，我正在尝试更改 min-h-full 类的默认值。实际上设置为 100% ，我想将其更改为计算。

解释一下，我想要这个：

calc(100vh - (headerHeight + footerHeight)

所以我有这个

calc(100vh - 296px)

我测试过的：

module.exports = {
    purge: [],
    theme: {
        extend: {
            minHeight: {
                'full': '100px',
            }
        },
        fontFamily: {
            title: ['Righteous', 'sans-serif'],
            body: ['Montserrat', 'sans-serif'],
        },
    },
    variants: {},
    plugins: [],
}

此代码不起作用，min-h-height 保持在 100%

我试过这个：

module.exports = {
    purge: [],
    theme: {
        minHeight: {
            'full': '100px',
        },
        fontFamily: {
            title: ['Righteous', 'sans-serif'],
            body: ['Montserrat', 'sans-serif'],
        },
    },
    variants: {},
    plugins: [],
}

此代码也不起作用。

任何帮助将不胜感激

标签： javascriptcssframeworkstailwind-css

Answer 1

它应该full没有报价

module.exports = {
    purge: [],
    theme: {
        minHeight: {
            full: '100px',
        },
        fontFamily: {
            title: ['Righteous', 'sans-serif'],
            body: ['Montserrat', 'sans-serif'],
        },
    },
    variants: {},
    plugins: [],
}