production
This commit is contained in:
@@ -71,12 +71,27 @@ class DesignConstants {
|
||||
// `radius2xl` (20) is retired: it was the third-most-used value and had no
|
||||
// job the container radius could not do.
|
||||
|
||||
// ── 12/16 → 14/20 ──
|
||||
//
|
||||
// Both steps went up one notch, together, after four screens were rebuilt
|
||||
// against reference designs and every one of them came back reading harder
|
||||
// than the picture it was drawn from. The shapes were right and the corners
|
||||
// were not: at 16 a full-width card on a phone is a rectangle with the edges
|
||||
// taken off, and the difference between that and something that reads as a
|
||||
// *soft object* is about four points.
|
||||
//
|
||||
// Moved as a pair so the ladder holds — an inner tile has to stay visibly
|
||||
// tighter than the surface it sits on, or the two corners fight — and moved
|
||||
// in the tokens rather than at call sites, because a radius that is softer
|
||||
// on the screens somebody redesigned last is exactly how an app ends up with
|
||||
// 26 of them again.
|
||||
|
||||
/// **Inner** — inputs, chips, small tiles, panels *inside* a container.
|
||||
static const double radiusLg = 12.0;
|
||||
static const double radiusLg = 16.0;
|
||||
|
||||
/// **Container** — cards, sheets, and anything that is a surface in its own
|
||||
/// right. Buttons use this too, so a button and the card it sits on agree.
|
||||
static const double radiusXl = 16.0;
|
||||
static const double radiusXl = 24.0;
|
||||
|
||||
/// **Pill** — fully rounded: pills, circular tracks, avatars.
|
||||
static const double radiusFull = 999.0;
|
||||
|
||||
Reference in New Issue
Block a user