Kích thước

controlXs 32px phục vụ đúng một vai — hàng trong danh sách overlay ở compact — và không có API nào lộ nó cho tác giả. touchTarget và controlLg cùng là 44px và đó không còn là trùng lặp: sau DS-017 clause 6 chúng thậm chí không còn so sánh được với nhau. controlLg là chiều cao của một hộp; touchTarget là cạnh nhỏ nhất của vùng chạm, thứ được mở rộng bằng một lớp phủ chứ không bằng cách phóng to hộp.

Ba size thật của Button, đặt trong hai ThemeScope mật độ khác nhau. sm và lg là hai mỏ neo cố định; chỉ md trượt — ở compact, md hội tụ với sm về 36px, còn lg vẫn tách 44px. Chiều cao thị giác không đổi theo loại con trỏ ở cả ba size, kể cả sm: vùng chạm mở ra 44px bằng một lớp phủ vô hình, không bằng cách phóng to hộp.

Hai trục không thay nhau được. Một nút lg trong một vùng compact vẫn là nút lớn nhất của vùng đó — sm và lg là hai mỏ neo cố định, chỉ md trượt. Nếu density san bằng cả ba size thì tác giả mất cách nói "hành động này quan trọng hơn" trong đúng những vùng dày đặc nơi điều đó cần nhất.

sm và lg là hai mỏ neo cố định; chỉ md trượt. Ở compact, sm và md hội tụ về 36px — chủ ý: trong một vùng đã dày đặc, "phụ" và "mặc định" nên cùng chiều cao, thứ phân biệt chúng là kiểu chữ (caption so với ui) và đệm (12px so với 16px), không phải kích thước.

Lớp phủ vùng chạm chỉ hợp lệ khi control có khoảng trống thật ≥ (44 − chiều cao) / 2 ở mỗi phía. Một Button 36px đứng cạnh nhau với khe space-2 (8px) cần 4px mỗi phía — vừa đủ, và hai vùng chạm chạm nhau mà không chồng. Đó cũng là lý do thang dừng ở bậc 32 và không đi thấp hơn: 36 + 4 + 4 = 44 ăn khớp với khe mặc định, còn một bậc 28px sẽ cần khe ≥ 16px và đẻ ra một luật khoảng cách riêng.

Ba vai xếp chồng khoảng cách 0 nên không có chỗ cho lớp phủ, và chúng phải cao thật ở con trỏ thô:

Hệ quả nhìn thấy được: trên tablet, menu và bảng dài ra trong khi nút và ô nhập thì không. Đó là kết quả đúng — bấm nhầm một mục trong menu là lỗi tệ hơn hẳn một menu hơi thô.

--nf-foundation-size-focus-offset là 2px. Ring tiêu điểm cách phần tử 2px thay vì dán sát, để nó đọc ra là một ring, không phải một viền dày hơn.