Aralık ve köşe
Aralık ölçeği, standart boşluk, satır yoğunluğu ve köşe yarıçapları.
Aralık ölçeği
İç boşluk ve aralıklar bu basamaklardan seçilir.
--space-xs | 4px | |
--space-sm | 8px | |
--space-md | 12px | |
--space-base | 16px | |
--space-lg | 20px | |
--space-xl | 24px | |
--space-xxl | 32px |
Standart boşluk
--ason-gap 8px
Kartlar arası, satır ve sütun aralığı, üst çubuk ile ilk kart arası ve menü ile içerik arası aynı tek değeri kullanır.
Satır yoğunluğu
Yoğunluk hücreye değil tabloya verilir. Üç yoğunluk, üç iş içindir.
ason-table-dense | 5px | Sık — masaüstü veri tablosu |
ason-table-medium | 8px | Orta — dokunmatik liste (tablet) |
ason-table-wide | 12px | Geniş — özet ve kart satırları |
x | 12px | Yatay hücre boşluğu |
Köşe yarıçapı
Köşeler normal yuvarlak köşedir. İç içe yüzeylerde iç köşe, dış köşeden iç boşluk kadar küçük tutulur (eşmerkezli köşe).
--radius-sm | 8px | Satır içi, kompakt öğe, odak halkası | |
--radius-md | 11px | Küçük döşeme, satır vurgusu | |
--radius-lg | 18px | Kart, diyalog, panel | |
--radius-field | 18px | Girdi, açılır liste, arama kutusu | |
--radius-xl | 20px | Büyük yüzey, açılır panel | |
--radius-2xl | 28px | Vitrin kartı, en büyük yüzey | |
--radius-pill | 999px | Düğme, çip, rozet |
Denetim boyu
Düğme ve form alanları 32 px yüksekliğindedir; küçük denetimler 24 px.