tailwind.config.js

const defaultTheme = require('tailwindcss/defaultTheme')

module.exports = {
    purge: [
        './components/*.js',
        './components/**/*.js',
        './utils/*.js',
        './pages/*.js',
        './pages/**/*.js',
        './pages/**/**/*.js'
    ],
    darkMode: false, // or 'media' or 'class'
    theme: {
        fontFamily: {
            'sans': ['Inter', ...defaultTheme.fontFamily.sans],
            'serif': [...defaultTheme.fontFamily.serif],
            'mono': [...defaultTheme.fontFamily.mono],
            'logo': ['Staatliches']
        },
        minWidth: {
            'sidebar': '10rem',

            '0': '0',
            '1/4': '25%',
            '1/2': '50%',
            '3/4': '75%',
            'full': '100%',
        },
        extend: {
            fontSize: {
                'xxs': '.50rem'
            },
            maxHeight: {
                '500px': '500px',
                '50vh': '50vh'
            },
            minHeight: {
                '768px': '768px'
            },
            minWidth: {
                '300px': '300px'
            }
        },
    },
    variants: {
        extend: {},
    },
    plugins: [],
}