Desain · Pasal DSN-10
Radius dan ukuran huruf turun dari tangga token, bukan ditulis lepas
Radius
812162228fullHuruf
Aa
11 Aa
12 Aa
13 Aa
14 Aa
15 Aa
18 Aa
21 Radius memakai --r-xs sampai --r-full. Ukuran huruf memakai tangga yang
sama untuk seluruh /projects. Nilai lepas seperti rounded-[26px] atau
text-[13px] tidak dipakai.
Kenapa: ini retak terbesar yang terukur di repo hari ini. Ada 19 nilai
radius berbeda untuk pekerjaan yang sama — [26px], [24px], [22px],
[20px], [19px], dan seterusnya — dan tipografi tak punya tangga sama sekali:
text-[12px] dipakai 193 kali, text-[13px] 96 kali, semuanya arbitrer. Tak
satu pun dari angka-angka itu pernah benar-benar diputuskan; masing-masing hanya
“kelihatan pas” saat ditulis.
Cara menerapkan: tangga huruf --t-xs sampai --t-2xl kini ada di
global.css. Ia sengaja aditif, bukan menimpa skala fontSize Tailwind —
text-xs dan kawan-kawan sudah dipakai 150 kali, dan menimpanya akan mengubah
ukuran di 150 tempat secara senyap. Nilainya diturunkan dari yang paling sering
ditulis lepas, supaya migrasi tidak mengubah rupa.
Anak tangga paling bawah dulunya --t-2xs (11px). Ia dicabut oleh DSN-14, yang
memasang lantai 12px — tangga ini kini mulai dari --t-xs.
Utang saat ini: 350 — text-[Npx] dan rounded-[Npx] yang belum ditarik ke
tangga. Halaman Docs sendiri sudah ditarik, dan itu saja menurunkan angkanya
dari 399; penegakan lantai 12px menurunkannya lagi dari 362. Ambang ini tidak
menuntut utang lama dibereskan; ia hanya memastikan angkanya berhenti tumbuh.
Turunkan setiap kali sekelompok call site ditarik ke tangga.