tailwind.config.js

module.exports = {
    theme: {
        extend: {
            inset: {
                '1/2': '50%',
            },
            lineHeight: {
                'tighter': '1.1'
            }
        },

        maxWidth: {
            'regular': '1360px',
            'narrow': '680px',
            'wide': '2040px',
            '100': '100px',
            '200': '200px',
            '300': '300px',
            '400': '400px',
            '500': '500px',
            '600': '600px',
            '700': '700px',
            '800': '800px',
            '900': '900px',
            'none': 'none',
        },

        screens: {
            'xsm' : '321px',
            'sm'  : '551px',
            'md'  : '769px',
            'lg'  : '1025px',
            'xl' : '1441px',
            'xxl': '1921px',
        },

        colors: {
            transparent: 'transparent',

            black: '#111111',
            white: '#fff',

            primary  : '#1F96F7',
            secondary: '#0000ff',

            danger: {
                '100': '#FFF5F5',
                '300': '#FEB2B2',
                '500': '#F56565',
                '700': '#C53030',
                '900': '#742A2A',
            },

            success: {
                '100': '#F0FFF4',
                '300': '#9AE6B4',
                '500': '#48BB78',
                '700': '#2F855A',
                '900': '#22543D',
            },

            grey: {
                '100': '#F5F6F9',
                '200': '#E2E4E8',
                '300': '#CACBD1',
                '400': '#ABACB4',
                '500': '#8B8C93',
                '600': '#69696F',
                '700': '#49494E',
                '800': '#26282C',
                '900': '#1B1E27',
            }
        },

        spacing: {
            '0'  : '0',
            '1px' : '1px',
            '2px' : '2px',
            '5px' : '5px',
            '10px' : '10px',
            'p25': '0.25rem',
            'p5' : '0.5rem',
            'p75': '0.75rem',
            '1'  : '1rem',
            '2'  : '2rem',
            '4'  : '4rem',
            '8'  : '8rem',
            '16' : '16rem',
            '24' : '24rem',
            '32' : '32rem',
            '64' : '64rem'
        },

        fontFamily: {
            'body': ['"Muli"', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'],
            'heading': ['"Arvo"', 'Georgia', 'Times', 'Times New Roman', 'serif'],
        },

        fontSize: {
            'sm' : '.875rem',
            '1'  : '1rem',
            '1p2': '1.2rem',
            '1p4': '1.4rem',
            '1p6': '1.6rem',
            '1p8': '1.8rem',
            '2'  : '2rem',
            '2p4': '2.4rem',
            '3'  : '3rem',
            '3p2': '3.2rem',
            '4'  : '4rem',
            '5'  : '5rem',
            '6'  : '6rem',
            '7'  : '7rem',
            '8'  : '8rem',
            '9'  : '9rem',
            '10'  : '10rem',
        },
        translate: {
            '1px': '1px',
            '-1px': '-1px',
            '2px': '2px',
            '-2px': '-2px',
            '5px': '5px',
            '-5px': '-5px',
            '10px': '10px',
            '-10px': '-10px',
            'p5': '0.5rem',
            '-p5': '-0.5rem',
            '1': '1rem',
            '-1': '-1rem',
            '2': '2rem',
            '-2': '-2rem',
            '4': '4rem',
            '-4': '-4rem',
            '8': '8rem',
            '-8': '-8rem',
            '16': '16rem',
            '-16': '-16rem',
            '32': '32rem',
            '-32': '-32rem',
            '1/2': '50%',
            '-1/2': '-50%',
            'full': '100%',
            '-full': '-100%'
        },
    },
    variants: {
        translate: ['responsive', 'hover'],
    },
    plugins: [
    ]
}