Container

Durumlar

Container etkileşimli değildir; yalnızca yerleşim kuralıdır.

Durum	Destek	Görsel değişiklik
Varsayılan	Var	md genişlik, ortalı
Üzerine gelme, basılı, odak, devre dışı, seçili	Yok	Yok; Container etkileşimli değildir
Dar görünüm	Var	Genişlik kabı doldurur; iç boşluk 16 px
1024 px ve üstü	Var	İç boşluk 24 px

Ölçüler

Özellik	Değer	Token
En büyük genişlik, sm	720 px	container-max-width-sm
En büyük genişlik, md	1104 px	container-max-width-md
En büyük genişlik, lg	1440 px	container-max-width-lg
En büyük genişlik, full	Sınırsız	-
Yatay iç boşluk	16 px	container-padding-inline-base
Yatay iç boşluk, 1024 px ve üstü	24 px	container-padding-inline-md
Hizalama	Yatayda ortalı (mx-auto)	-

Token’lar

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

Token	Açık mod	Koyu mod
--bigbang-container-max-width-sm	720px720px720px	720px720px720px
--bigbang-container-max-width-md	1104px1104px1104px	1104px1104px1104px
--bigbang-container-max-width-lg	1440px1440px1440px	1440px1440px1440px
--bigbang-container-padding-inline-base	16px16px16px	16px16px16px
--bigbang-container-padding-inline-md	24px24px24px	24px24px24px

Hareket ve etkileşim

Etkileşim	Hareket	Azaltılmış hareket
Giriş, çıkış, durum değişimi	Yok: Container hareket etmez; yalnızca yerleşim ve tipografi belirler	Azaltılacak bir şey yok

Hareket ayrıntıları için Hareket sayfasına bakın.