更改 min-h-full 的值或添加 class 以使用 Tailwind 设置最小高度

Question

我正在使用 tailwind，我正在尝试更改 min-h-full 的默认值 class。实际上设置为 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: [],
}

此代码无效，最小 h 高度固定为 100%

我已经试过了：

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

此代码也不起作用。

任何帮助将不胜感激

Answer 1

应该是full没有引号

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

更改 min-h-full 的值或添加 class 以使用 Tailwind 设置最小高度

Change the value of min-h-full or add class to set min-height with Tailwind

javascript

css

frameworks

tailwind-css