Ason Dev English

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-xs4px
--space-sm8px
--space-md12px
--space-base16px
--space-lg20px
--space-xl24px
--space-xxl32px

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-dense5pxSık — masaüstü veri tablosu
ason-table-medium8pxOrta — dokunmatik liste (tablet)
ason-table-wide12pxGeniş — özet ve kart satırları
x12pxYatay 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-sm8pxSatır içi, kompakt öğe, odak halkası
--radius-md11pxKüçük döşeme, satır vurgusu
--radius-lg18pxKart, diyalog, panel
--radius-field18pxGirdi, açılır liste, arama kutusu
--radius-xl20pxBüyük yüzey, açılır panel
--radius-2xl28pxVitrin kartı, en büyük yüzey
--radius-pill999pxDüğme, çip, rozet

Denetim boyu

Düğme ve form alanları 32 px yüksekliğindedir; küçük denetimler 24 px.