Stack

Durumlar

Stack etkileşimli değildir. Varsayılan olarak bir <div> üretir; fare, klavye ya da dokunma ile durumu değişmez.

Durum	Destek	Görsel değişiklik
Varsayılan	Var	Dikey akış; boşluk gap, hizalama align ile
Üzerine gelme	Yok	Yok; öğe işaretçiye tepki vermez
Basılı	Yok	Yok; öğe tıklanamaz
Odak	Yok	Yok; öğe odak almaz ve odak halkası çizmez
Devre dışı	Yok	Yok; devre dışı olacak bir eylemi yok
Seçili	Yok	Yok; seçilebilir değil

Ölçüler

Stack’in kendi sabit ölçüsü yoktur; yüksekliği çocuklarından ve gap’ten, genişliği kapsayıcısından gelir.

Özellik	Değer	Token
Çocuklar arası boşluk (gap)	none 0, xxs 2, xs 4, sm 6, md 8, lg 12, xl 16, 2xl 20, 3xl 24, 4xl 32, 5xl 40, 6xl 48, 7xl 56 px; varsayılan md	space-{ad}
Ayırıcı çizgi kalınlığı	1 px; yalnızca separator açıkken	-
Ayırıcı çizgi rengi	subtle	color-border-subtle
Ayırıcıda boşluk	Çizginin iki yanında gap kadar iç boşluk	space-{ad}
Çapraz eksen hizası	stretch (varsayılan), start, center, end	-

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-space-xxs		2px2px2px	2px2px2px
--bigbang-space-xs		4px4px4px	4px4px4px
--bigbang-space-sm		6px6px6px	6px6px6px
--bigbang-space-md		8px8px8px	8px8px8px
--bigbang-space-lg		12px12px12px	12px12px12px
--bigbang-space-xl		16px16px16px	16px16px16px
--bigbang-space-2xl		20px20px20px	20px20px20px
--bigbang-space-3xl		24px24px24px	24px24px24px
--bigbang-space-4xl		32px32px32px	32px32px32px
--bigbang-space-5xl		40px40px40px	40px40px40px
--bigbang-space-6xl		48px48px48px	48px48px48px
--bigbang-space-7xl		56px56px56px	56px56px56px
--bigbang-color-border-subtle		#ededed#ededed#ededed	#303030#303030#303030

Hareket ve etkileşim

Etkileşim	Hareket	Azaltılmış hareket
Üzerine gelme, basma, odak	Yok: Stack etkileşimli değildir	Azaltılacak bir şey yok
Giriş ve çıkış	Yok: Stack süre ya da easing token’ı kullanmaz; içerik hemen gelir ve gider	Azaltılacak bir şey yok
Yerleşim değişimi	Yok: ekran genişliği değişince yerleşim geçişsiz değişir	Azaltılacak bir şey yok

Stack bir hareket hazır ayarı (preset) kullanmaz; çocuklarının hareketi kendi bileşenlerine aittir. Ayrıntılar için Hareket sayfasına bakın.