Skip to content

Components

Building a component that is square on purpose

Corners are a token, not a decision made 40 times.

One token

Every component routes its corners through --retro-border-radius, so one declaration rounds the whole framework.

The exceptions

Pills are named for their shape, and tables ignore border-radius outright because border-collapse: collapse merges their cell borders.

About the author

Rita Delgado

Writes about interface archaeology and the parts of the web that refuse to die.