Breadcrumbs

Durumlar

Durum	Görsel değişiklik	Token’lar
Varsayılan bağlantı	Soluk metin rengi, alt çizgi yok	color-fg-subtle
Üzerine gelme ve klavye odağı	Bağlantı metni varsayılan metin rengine döner ve altı çizilir	color-fg-default
Geçerli sayfa	Koyu, normal kalınlıkta, bağlantısız metin	color-fg-default
Ayırıcı	Soluk ok simgesi	color-icon-subtle
Katlama düğmesi	32 px simge düğmesi	button-height-sm
Odak	2 px dış halka, 2 px aralıkla	color-focus-ring

Ölçüler

Parça	Ölçü
Metin	Bağlantılar ve geçerli sayfa için text-body-md (14 px)
Öğeler arası boşluk	space-sm (6 px); ayırıcı ile etiket arası space-xs (4 px)
Ayırıcı simgesi	icon-size-sm
Katlama düğmesi	32 px (button-height-sm)
Dar ekran eşiği	640 px (Tailwind sm); altında yalnızca üst sayfa bağlantısı

Token’lar

Değerler seçili markaya göre gösterilir; markayı üst çubuktan değiştirebilirsiniz.

Token	Örnek	Açık mod	Koyu mod
--bigbang-color-fg-subtle
--bigbang-color-fg-default
--bigbang-color-icon-subtle		#737373#737373#737373	#a1a1a1#a1a1a1#a1a1a1
--bigbang-color-focus-ring		#146d83#737373#737373	#77bacf#8c8c8c#8c8c8c
--bigbang-button-height-sm		32px32px32px	32px32px32px

Hareket ve etkileşim

Etkileşim	Özellik	Süre token’ı	Easing token’ı	Hareketi azaltma
Bağlantı üzerine gelme	color	motion-hover-duration	motion-hover-easing	Değişmez; yalnızca renk geçişidir.
Gizli konumlar açılır	opacity 0 → 1, 4 px yükselme (--stagger-index ile sıralı)	motion-list-enter-duration	easing-productive-enter	Yalnızca solma kalır; yükselme yoktur.
Katlama düğmesine basma	scale	motion-press-duration, motion-release-duration	motion-press-scale ölçeği	Değişmez.
Odak	Halka geçişsiz, anında belirir	Yok	Yok	Değişmez.

Değerler için Hareket sayfasına bakın.