const defaultTheme = require('tailwindcss/defaultTheme');
const colors = require('tailwindcss/colors')

module.exports = {
    purge: [

    ],
    variants: {
        extend: {
            opacity: ['disabled'],
            borderWidth: ['hover'],
            ringWidth: ['hover'],
        }
    },
    theme: {
        extend: {
            fontFamily: {
                sans: ['Nunito', ...defaultTheme.fontFamily.sans],
            },
            transitionProperty: {
                'height': 'height'
            },
            boxShadow: {
                bottom: 'inset 0 -38px 38px -38px #ececec',
            },
            fontSize: {
                '2xs': ['0.6rem', { lineHeight: '1rem' }]
            },
        },
        colors: {
            transparent: 'transparent',
            current: 'currentColor',
            black: colors.black,
            white: colors.white,
            gray: colors.trueGray,
            purple: colors.indigo,
            green: colors.green,
            blue: colors.blue,
            red: colors.rose,
            pink: colors.pink,
            orange: colors.amber,
        }
    }
};