Skip to content

Add the Customizing Your Theme section to all Tailwind utilities. #2119

Open
@michaelalhilly

Description

@michaelalhilly

Hello. I've been having a hard time finding the docs related to overriding built-in Tailwind utilities. I realized that that the "Customizing" section was omitted in the latest docs, but was present in every earlier version. Here are some examples:

https://tailwindcss-v0.netlify.app//docs/flexbox-display#customizing
https://v1.tailwindcss.com/docs/grid-auto-rows#customizing
https://v2.tailwindcss.com/docs/grid-auto-rows#customizing
https://v3.tailwindcss.com/docs/grid-auto-rows#customizing-your-theme

I believe this section was very helpful and provided clear instructions on how to customize each utility. It saved users a lot of time and now it is missing. See here:

https://tailwindcss.com/docs/grid-auto-rows

I don't think the Theme Variables > Overriding the default theme section is clear enough because it is presented on the same page with the Default theme variable reference which does not include most of the Tailwind utilities such as Flexbox and Grid utilities.

I'm happy to help add all of these sections but need verification that the following is correct:

main.css
`
@import "tailwindcss";

@theme {
--grid-rows-auto: auto minmax(0, 1fr);
--grid-rows-1fr: 1fr;
}
`

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions