Desain · DSN-10 ditegakkan

Desain · Pasal DSN-10

Radius dan ukuran huruf turun dari tangga token, bukan ditulis lepas

Radius

8
12
16
22
28
full

Huruf

Aa

11

Aa

12

Aa

13

Aa

14

Aa

15

Aa

18

Aa

21
Tangga radius dan tangga huruf yang berlaku sekarang.

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: 350text-[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.