Extra Defaults

Your tailwind config will be extended with these values:

{
    "theme": {
        "extend": {
            "spacing": {
                "13": "3.25rem",
                "15": "3.75rem",
                "17": "4.25rem",
                "18": "4.5rem",
                "19": "4.75rem",
                "21": "5.25rem",
                "22": "5.5rem",
                "23": "5.75rem",
                "4.5": "1.125rem",
                "5.5": "1.375rem",
                "6.5": "1.625rem",
                "7.5": "1.875rem",
                "8.5": "2.125rem",
                "9.5": "2.375rem"
            },
            "zIndex": {
                "1": "1",
                "2": "2",
                "3": "3",
                "4": "4",
                "5": "5",
                "6": "6",
                "7": "7",
                "8": "8",
                "9": "9"
            },
            "blur": {
                "px": "1px",
                "xs": "2px"
            },
            "borderWidth": {
                "3": "3px"
            },
            "ringWidth": {
                "3": "3px"
            },
            "ringOffsetWidth": {
                "3": "3px"
            },
            "outlineOffset": {
                "3": "3px"
            },
            "fontSize": {
                "2xs": [
                    "0.625rem",
                    {
                        "lineHeight": "0.75rem"
                    }
                ]
            },
            "letterSpacing": {
                "widest-2": "0.25em",
                "widest-3": "0.5em",
                "widest-4": "0.75em",
                "widest-5": "1em"
            }
        }
    }
}

Usage

Single import

// tailwind.config.js
 
import { extraDefaults } from "tailwindcss-addons"
 
export default {
    plugins: [extraDefaults],
}

Multi import

// tailwind.config.js
 
import { allAddons } from "tailwindcss-addons"
 
export default {
    plugins: [
        ...allAddons({
            extraDefaults: false, // Enabled by default.
        }),
    ],
}
Return to top