const colors = require("tailwindcss/colors")
module.exports = {
    content: ["./src/**/*.{js,jxs,vue}"],
    darkMode: "media", // or 'media' or 'class'
    theme: {
        fontFamily: {
            sans: ["Graphik", "sans-serif"],
            serif: ["Merriweather", "serif"]
        },
        extend: {
            spacing: {
                128: "32rem",
                144: "36rem"
            },
            borderRadius: {
                "4xl": "2rem"
            }
        }
    },
    variants: {
        extend: {
            borderColor: ["focus-visible"],
            opacity: ["disabled"]
        }
    },
    plugins: []
}