Tailwind's class names are readable. items-center tells you what it does. But it's not CSS. It's Tailwind's own name for align-items: center, & that name doesn't always trace back cleanly. gap-x-4 reads fine, but gap-x isn't a CSS property. column-gap is. Same with shrink-0 for flex-shrink: 0, or flex-col for flex-direction: column. Every one of these is something you learn on top of CSS, not something CSS already taught you.
I didn't want a second vocabulary. I wanted the one I already had to be enough. Three years ago that turned into Yumma CSS.
The rule
Yumma CSS doesn't invent class names. It derives them from the CSS you already know, using one mechanical rule:
The prefix is the initials of the property's words.
