Köşe ve kenarlık

Köşe yuvarlaklığı

Küçük öğeler küçük, büyük yüzeyler büyük yarıçap alır. Ölçek 10 px’lik bir tabana (radius-base, radius-lg) dayanır: denetimler 10 px, kartlar ve diyaloglar 14 px alır. Bir kabın içindeki öğenin yarıçapı, kabın yarıçapından aradaki boşluk çıkarılarak bulunur; 4 px iç boşluklu 10 px’lik bir menüdeki satırlar 6 px köşelidir. Tailwind’de rounded-* araçları bu token’lara bağlıdır.

Marka dosyasındaki appearance.radius ölçeği tek seferde değiştirir: default, none (köşesiz), compact, soft ve round. Ayrıntılar için Tema sayfasına bakın.

Token	Değer	Önizleme
--bigbang-radius-none	0px
--bigbang-radius-base Ölçeğin tabanı	10px
--bigbang-radius-2xs İpucu oku	2px
--bigbang-radius-xs Onay kutusu, çubuk grafik ucu	4px
--bigbang-radius-sm Menü satırı, ay ve yıl hücresi, tablo açma düğmesi, klavye tuşu	6px
--bigbang-radius-md Etiket, ipucu, satır içi kod	8px
--bigbang-radius-lg Düğme, form alanı, sekme, açılır pencere, menü, kod bloğu	10px
--bigbang-radius-xl Kart, diyalog, bildirim, panel	14px
--bigbang-radius-2xl Büyük tanıtım alanları	18px
--bigbang-radius-3xl Tam ekran yüzeyler	22px
--bigbang-radius-full Rozet, avatar, hap biçimli düğme	9999px

Cam kenarları

Cam yüzeyler bileşenlerinin köşe yarıçapını korur. Cam kenarı bu yarıçapın içinde çizilir: açık bir kenar, border-default kalınlığında ince bir çizgi ve Chromium’da kenar boyunca material-glass-refraction-band (12 px) genişliğinde bir kırılma bandı. Camda popover oku gizlenir; panel tek bir yuvarlak şekil olarak okunur.

Kenarlık kalınlığı

Kenarlıklar 1 piksel çizilir. Odak göstergesi 2 piksellik düz bir dış çizgidir (outline) ve öğenin dışına, arada 2 piksel boşlukla (focus-offset) çizilir; böylece hem açık hem koyu zeminde görünür. Komşusuna bitişik ya da kırpan bir kabın içindeki öğelerde (sekme, menü satırı, Anchor bağlantısı, CodeBlock kaydırma bölgesi) aynı çizgi öğenin içine çizilir. Tailwind’de focus-outline ve focus-outline-inset araçları bu kuralı uygular. Kenarlık renkleri için Renkler sayfasına bakın.

Token	Açık mod	Koyu mod
--bigbang-border-width-default Form alanları, kartlar, ayırıcı çizgiler	1px1px1px	1px1px1px
--bigbang-border-width-focus Klavye odak çizgisi, geçersiz alanın tehlike halesi	2px2px2px	2px2px2px

Yönergeler

İç içe yarıçapları uyumlu tutun

YapınDış kap büyük, içteki öğe küçük yarıçap: köşeler paralel görünür.

Yapmayınİçteki öğenin yarıçapı kabınkinden büyük olunca köşeler çakışır.