tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
    content: [
        "./src/**/*.{js,ts,jsx,tsx}"
    ],
    theme: {
        extend: {
            colors: {
                whippy: "#22222",
                react: "#61DBFB",
                redux: "#764ABC",
                node: "#7CB701",
                tailwind: "#15B7C4",
                javascript: "#F1D43B",
                typescript: "#007ACC",
                vuejs: "#42b883",
                sass: "#CD6799",
                html: "#E9642A",
                css: "#0068BA",
                firebase: "#F7C52E",
                heroku: "#6762a6",
                npm: "#cb3837",
                jest: "#DB4446",
                material: "#3f51b5",
                background: "#F9FAFB",
                mongo: "#66AC3D"
            },
            screens: {
                xs: "320px",
                "7xl": "1440px",
                menuMin: "1024px",
            },
            maxWidth: {
                xs: "320px",
                "7xl": "1440px",
                menuMin: "1024px",
            },
            fontSize: {
                "xl": "1.35rem",
                "9xl": "9rem",
            },
            fontFamily: {
                "logo": [
                    "Raleway", "sans-serif"
                ],
                "title": [
                    "Fira Sans", "sans-serif"
                ]
            }
        },
    },
    variants: {},
    plugins: [],
};