@vicgutt/tailwindcss-opinionated-preset/src/setup/additions.css

A TailwindCSS opinionated preset with an extended theme & multiple useful plugins installed

@theme {
    /**
     * Container / Spacing
     */
    --spacing-container: 85rem; /* 1360px */

    --spacing-prose-xs: 45ch; /* about 450px */
    --spacing-prose-sm: 55ch; /* about 550px */
    --spacing-prose-sm: 55ch; /* about 550px */
    --spacing-prose: 65ch; /* about 650px */
    --spacing-prose-lg: 70ch; /* about 700px */
    --spacing-prose-xl: 75ch; /* about 750px */

    --container-8xl: 90rem; /* 1440px */

    /**
     * Font size
     */
    --text-3xs: 0.625rem; /* 10px */
    --text-3xs--line-height: calc(0.75 / 0.625); /* 12px */

    --text-2xs: 0.6875rem; /* 11px */
    --text-2xs--line-height: calc(0.875 / 0.6875); /* 14px */

    /**
     * Screens
     *
     * - 2xs: 200px (12.5rem)
     * - xs: 320px (20rem)
     * - sm: 640px (40rem)
     * - md: 768px (48rem)
     * - lg: 1024px (64rem)
     * - xl: 1280px (80rem)
     * - 2xl: 1536px (96rem)
     * - 3xl: 1920px (120rem)
     */
    --breakpoint-2xs: 12.5rem;
    --breakpoint-xs: 20rem;
    --breakpoint-3xl: 120rem;
}

@theme inline {
    /**
     * Container / Spacing
     */
    --spacing-prose-readable: clamp(var(--spacing-prose-xs), 100%, var(--spacing-prose-xl));
}