Token'lar
Tüm token'lar
Derlenmiş token dosyalarından üretilen tam liste; her token'ın açık ve koyu moddaki değeri.
Bu sayfa derleme sırasında token paketinin çıktısından üretilir; elle düzenlenmez. Değerler seçili markaya göre gösterilir. Bir token’ın ne için kullanıldığını ilgili temel sayfasında bulabilirsiniz.
Renk: yüzey
Bölüm başlığı “Renk: yüzey”| Token | Örnek | Açık mod | Koyu mod |
|---|---|---|---|
--bigbang-color-surface-default | #f7f7f7#f7f7f7#f7f7f7 | #1e1e1e#1e1e1e#1e1e1e | |
--bigbang-color-surface-layer-1 | #f5f5f5#f5f5f5#f5f5f5 | #262626#262626#262626 | |
--bigbang-color-surface-layer-2 | #ededed#ededed#ededed | #303030#303030#303030 | |
--bigbang-color-surface-layer-3 | #e5e5e5#e5e5e5#e5e5e5 | #404040#404040#404040 | |
--bigbang-color-surface-raised | #ffffff#ffffff#ffffff | #262626#262626#262626 | |
--bigbang-color-surface-sunken | #f5f5f5#f5f5f5#f5f5f5 | #171717#171717#171717 | |
--bigbang-color-surface-hovered | #f5f5f5#f5f5f5#f5f5f5 | #303030#303030#303030 | |
--bigbang-color-surface-selected | #edf5f8#ededed#ededed | #092932#404040#404040 | |
--bigbang-color-surface-disabled | #f5f5f5#f5f5f5#f5f5f5 | #303030#303030#303030 | |
--bigbang-color-surface-inverse | #171717#171717#171717 | #fafafa#fafafa#fafafa | |
--bigbang-color-surface-brand | #146d83#171717#171717 | #46a0ba#e5e5e5#e5e5e5 | |
--bigbang-color-surface-translucent | rgba(252, 252, 252, 0.8509803921568627)rgba(252, 252, 252, 0.8509803921568627)rgba(252, 252, 252, 0.8509803921568627) | rgba(30, 30, 30, 0.8509803921568627)rgba(30, 30, 30, 0.8509803921568627)rgba(30, 30, 30, 0.8509803921568627) | |
--bigbang-color-surface-checker | #fafafa#fafafa#fafafa | #101010#101010#101010 | |
--bigbang-color-surface-scrim | rgba(0, 0, 0, 0.10196078431372549)rgba(0, 0, 0, 0.10196078431372549)rgba(0, 0, 0, 0.10196078431372549) | rgba(0, 0, 0, 0.10196078431372549)rgba(0, 0, 0, 0.10196078431372549)rgba(0, 0, 0, 0.10196078431372549) |
Renk: metin
Bölüm başlığı “Renk: metin”| Token | Örnek | Açık mod | Koyu mod |
|---|---|---|---|
--bigbang-color-text-default | #171717#171717#171717 | #fafafa#fafafa#fafafa | |
--bigbang-color-text-subtle | #404040#404040#404040 | #d4d4d4#d4d4d4#d4d4d4 | |
--bigbang-color-text-subtlest | #525252#525252#525252 | #a1a1a1#a1a1a1#a1a1a1 | |
--bigbang-color-text-placeholder | #737373#737373#737373 | #a1a1a1#a1a1a1#a1a1a1 | |
--bigbang-color-text-disabled | #a1a1a1#a1a1a1#a1a1a1 | #525252#525252#525252 | |
--bigbang-color-text-inverse | #ffffff#ffffff#ffffff | #171717#171717#171717 | |
--bigbang-color-text-on-brand | #ffffff#fafafa#fafafa | #0a0a0a#171717#171717 | |
--bigbang-color-text-link | #125768#171717#171717 | #77bacf#fafafa#fafafa | |
--bigbang-color-text-link-hovered | #0e414f#404040#404040 | #a4d0df#d4d4d4#d4d4d4 | |
--bigbang-color-text-danger | #a6383c#a6383c#a6383c | #ffbebb#ffbebb#ffbebb | |
--bigbang-color-text-success | #0e7644#0e7644#0e7644 | #a5e2b9#a5e2b9#a5e2b9 | |
--bigbang-color-text-warning | #8a5600#8a5600#8a5600 | #f7c790#f7c790#f7c790 | |
--bigbang-color-text-info | #0068a5#0068a5#0068a5 | #a9d7ff#a9d7ff#a9d7ff |
Renk: ikon
Bölüm başlığı “Renk: ikon”| Token | Örnek | Açık mod | Koyu mod |
|---|---|---|---|
--bigbang-color-icon-default | #262626#262626#262626 | #f5f5f5#f5f5f5#f5f5f5 | |
--bigbang-color-icon-subtle | #737373#737373#737373 | #a1a1a1#a1a1a1#a1a1a1 | |
--bigbang-color-icon-disabled | #a1a1a1#a1a1a1#a1a1a1 | #525252#525252#525252 | |
--bigbang-color-icon-inverse | #ffffff#ffffff#ffffff | #171717#171717#171717 | |
--bigbang-color-icon-brand | #146d83#9a451c#4f55b4 | #77bacf#ea9774#9aa6ff | |
--bigbang-color-icon-danger | #c14347#c14347#c14347 | #ff9a97#ff9a97#ff9a97 | |
--bigbang-color-icon-success | #138a50#138a50#138a50 | #7dd09b#7dd09b#7dd09b | |
--bigbang-color-icon-warning | #a16600#a16600#a16600 | #ecac5f#ecac5f#ecac5f | |
--bigbang-color-icon-info | #007ac1#007ac1#007ac1 | #79c2ff#79c2ff#79c2ff |
Renk: kenarlık
Bölüm başlığı “Renk: kenarlık”| Token | Örnek | Açık mod | Koyu mod |
|---|---|---|---|
--bigbang-color-border-default | #e5e5e5#e5e5e5#e5e5e5 | #404040#404040#404040 | |
--bigbang-color-border-subtle | #ededed#ededed#ededed | #303030#303030#303030 | |
--bigbang-color-border-strong | #8c8c8c#8c8c8c#8c8c8c | #8c8c8c#8c8c8c#8c8c8c | |
--bigbang-color-border-input | #8c8c8c#8c8c8c#8c8c8c | #737373#737373#737373 | |
--bigbang-color-border-focus | #146d83#171717#171717 | #77bacf#e5e5e5#e5e5e5 | |
--bigbang-color-border-selected | #146d83#171717#171717 | #77bacf#e5e5e5#e5e5e5 | |
--bigbang-color-border-danger | #c14347#c14347#c14347 | #ff9a97#ff9a97#ff9a97 | |
--bigbang-color-border-disabled | #e5e5e5#e5e5e5#e5e5e5 | #404040#404040#404040 | |
--bigbang-color-border-overlay | #ededed#ededed#ededed | rgba(255, 255, 255, 0.10196078431372549)rgba(255, 255, 255, 0.10196078431372549)rgba(255, 255, 255, 0.10196078431372549) |
Renk: odak
Bölüm başlığı “Renk: odak”| Token | Örnek | Açık mod | Koyu mod |
|---|---|---|---|
--bigbang-color-focus-ring | #146d83#737373#737373 | #77bacf#8c8c8c#8c8c8c |
Renk: eylem
Bölüm başlığı “Renk: eylem”| Token | Örnek | Açık mod | Koyu mod |
|---|---|---|---|
--bigbang-color-action-primary-default | #146d83#171717#171717 | #77bacf#e5e5e5#e5e5e5 | |
--bigbang-color-action-primary-hovered | #125768#262626#262626 | #a4d0df#d4d4d4#d4d4d4 | |
--bigbang-color-action-primary-pressed | #0e414f#404040#404040 | #cfe6ee#a1a1a1#a1a1a1 | |
--bigbang-color-action-on-primary-default | #ffffff#fafafa#fafafa | #0a0a0a#171717#171717 | |
--bigbang-color-action-secondary-default | #ffffff#ffffff#ffffff | #262626#262626#262626 | |
--bigbang-color-action-secondary-hovered | #fafafa#fafafa#fafafa | #303030#303030#303030 | |
--bigbang-color-action-secondary-pressed | #f5f5f5#f5f5f5#f5f5f5 | #404040#404040#404040 | |
--bigbang-color-action-on-secondary-default | #171717#171717#171717 | #fafafa#fafafa#fafafa | |
--bigbang-color-action-subtle-hovered | #f5f5f5#f5f5f5#f5f5f5 | #303030#303030#303030 | |
--bigbang-color-action-subtle-pressed | #ededed#ededed#ededed | #404040#404040#404040 | |
--bigbang-color-action-danger-default | #a6383c#a6383c#a6383c | #ff9a97#ff9a97#ff9a97 | |
--bigbang-color-action-danger-hovered | #822b2e#822b2e#822b2e | #ffbebb#ffbebb#ffbebb | |
--bigbang-color-action-danger-pressed | #4c1d1d#4c1d1d#4c1d1d | #ffd6d4#ffd6d4#ffd6d4 | |
--bigbang-color-action-danger-subtle-hovered | #fff4f3#fff4f3#fff4f3 | #331212#331212#331212 | |
--bigbang-color-action-danger-subtle-pressed | #ffe8e7#ffe8e7#ffe8e7 | #4c1d1d#4c1d1d#4c1d1d | |
--bigbang-color-action-on-danger-subtle-default | #a6383c#a6383c#a6383c | #ffbebb#ffbebb#ffbebb | |
--bigbang-color-action-on-danger-default | #ffffff#ffffff#ffffff | #0a0a0a#0a0a0a#0a0a0a | |
--bigbang-color-action-disabled-default | #f5f5f5#f5f5f5#f5f5f5 | #303030#303030#303030 | |
--bigbang-color-action-on-disabled-default | #a1a1a1#a1a1a1#a1a1a1 | #525252#525252#525252 |
Renk: durum
Bölüm başlığı “Renk: durum”| Token | Örnek | Açık mod | Koyu mod |
|---|---|---|---|
--bigbang-color-status-neutral-background | #f5f5f5#f5f5f5#f5f5f5 | #303030#303030#303030 | |
--bigbang-color-status-neutral-foreground | #404040#404040#404040 | #e5e5e5#e5e5e5#e5e5e5 | |
--bigbang-color-status-neutral-emphasis | #737373#737373#737373 | #a1a1a1#a1a1a1#a1a1a1 | |
--bigbang-color-status-neutral-border | #e5e5e5#e5e5e5#e5e5e5 | #404040#404040#404040 | |
--bigbang-color-status-neutral-on-emphasis | #ffffff#ffffff#ffffff | #0a0a0a#0a0a0a#0a0a0a | |
--bigbang-color-status-brand-background | #edf5f8#fcf1ec#f0f3ff | #092932#3c190a#1d2046 | |
--bigbang-color-status-brand-foreground | #125768#7b3717#3e4490 | #a4d0df#f3b9a1#b9c4ff | |
--bigbang-color-status-brand-emphasis | #146d83#9a451c#4f55b4 | #77bacf#ea9774#9aa6ff | |
--bigbang-color-status-brand-border | #cfe6ee#fad9cc#d9dfff | #0e414f#5e2911#2f336e | |
--bigbang-color-status-brand-on-emphasis | #ffffff#ffffff#ffffff | #0a0a0a#0a0a0a#0a0a0a | |
--bigbang-color-status-info-background | #e1f1ff#e1f1ff#e1f1ff | #0d304b#0d304b#0d304b | |
--bigbang-color-status-info-foreground | #015182#015182#015182 | #c8e5ff#c8e5ff#c8e5ff | |
--bigbang-color-status-info-emphasis | #2193e0#2193e0#2193e0 | #79c2ff#79c2ff#79c2ff | |
--bigbang-color-status-info-border | #c8e5ff#c8e5ff#c8e5ff | #015182#015182#015182 | |
--bigbang-color-status-info-on-emphasis | #072033#072033#072033 | #072033#072033#072033 | |
--bigbang-color-status-success-background | #def6e5#def6e5#def6e5 | #103620#103620#103620 | |
--bigbang-color-status-success-foreground | #0d5c34#0d5c34#0d5c34 | #c3eed1#c3eed1#c3eed1 | |
--bigbang-color-status-success-emphasis | #2da264#2da264#2da264 | #7dd09b#7dd09b#7dd09b | |
--bigbang-color-status-success-border | #c3eed1#c3eed1#c3eed1 | #0d5c34#0d5c34#0d5c34 | |
--bigbang-color-status-success-on-emphasis | #092414#092414#092414 | #092414#092414#092414 | |
--bigbang-color-status-warning-background | #ffebd5#ffebd5#ffebd5 | #422702#422702#422702 | |
--bigbang-color-status-warning-foreground | #6c4300#6c4300#6c4300 | #fddbb4#fddbb4#fddbb4 | |
--bigbang-color-status-warning-emphasis | #c17a00#c17a00#c17a00 | #ecac5f#ecac5f#ecac5f | |
--bigbang-color-status-warning-border | #fddbb4#fddbb4#fddbb4 | #6c4300#6c4300#6c4300 | |
--bigbang-color-status-warning-on-emphasis | #2c1902#2c1902#2c1902 | #2c1902#2c1902#2c1902 | |
--bigbang-color-status-danger-background | #ffe8e7#ffe8e7#ffe8e7 | #4c1d1d#4c1d1d#4c1d1d | |
--bigbang-color-status-danger-foreground | #822b2e#822b2e#822b2e | #ffd6d4#ffd6d4#ffd6d4 | |
--bigbang-color-status-danger-emphasis | #e1595b#e1595b#e1595b | #ff9a97#ff9a97#ff9a97 | |
--bigbang-color-status-danger-border | #ffd6d4#ffd6d4#ffd6d4 | #822b2e#822b2e#822b2e | |
--bigbang-color-status-danger-on-emphasis | #331212#331212#331212 | #331212#331212#331212 |
Renk: veri
Bölüm başlığı “Renk: veri”| Token | Örnek | Açık mod | Koyu mod |
|---|---|---|---|
--bigbang-color-data-positive | #0e7644#0e7644#0e7644 | #a5e2b9#a5e2b9#a5e2b9 | |
--bigbang-color-data-negative | #a6383c#a6383c#a6383c | #ffbebb#ffbebb#ffbebb |
Renk: illüstrasyon
Bölüm başlığı “Renk: illüstrasyon”| Token | Örnek | Açık mod | Koyu mod |
|---|---|---|---|
--bigbang-color-illustration-ink | #262626#262626#262626 | #f5f5f5#f5f5f5#f5f5f5 | |
--bigbang-color-illustration-surface | #ffffff#ffffff#ffffff | #262626#262626#262626 | |
--bigbang-color-illustration-neutral-1 | #f5f5f5#f5f5f5#f5f5f5 | #303030#303030#303030 | |
--bigbang-color-illustration-neutral-2 | #e5e5e5#e5e5e5#e5e5e5 | #404040#404040#404040 | |
--bigbang-color-illustration-neutral-3 | #a1a1a1#a1a1a1#a1a1a1 | #737373#737373#737373 | |
--bigbang-color-illustration-primary-strong | #125768#7b3717#3e4490 | #77bacf#ea9774#9aa6ff | |
--bigbang-color-illustration-primary | #1f859f#bb5727#6269da | #46a0ba#d87347#7b86f5 | |
--bigbang-color-illustration-primary-soft | #cfe6ee#fad9cc#d9dfff | #0e414f#5e2911#2f336e | |
--bigbang-color-illustration-accent | #ab6600#4f74cb#b55c2f | #c68134#698fe6#d1784d | |
--bigbang-color-illustration-accent-soft | #f3ddc9#d5e2fc#f7dace | #553103#253866#5b2c15 | |
--bigbang-color-illustration-backdrop | #edf5f8#fcf1ec#f0f3ff | #092932#3c190a#1d2046 | |
--bigbang-color-illustration-success | #138a50#138a50#138a50 | #7dd09b#7dd09b#7dd09b | |
--bigbang-color-illustration-warning | #a16600#a16600#a16600 | #ecac5f#ecac5f#ecac5f | |
--bigbang-color-illustration-danger | #c14347#c14347#c14347 | #ff9a97#ff9a97#ff9a97 |
Renk: grafik
Bölüm başlığı “Renk: grafik”| Token | Örnek | Açık mod | Koyu mod |
|---|---|---|---|
--bigbang-color-chart-categorical-1 | #0068a5#0068a5#0068a5 | #79c2ff#79c2ff#79c2ff | |
--bigbang-color-chart-categorical-2 | #0a9f9a#0a9f9a#0a9f9a | #9edfda#9edfda#9edfda | |
--bigbang-color-chart-categorical-3 | #8a5600#8a5600#8a5600 | #c17a00#c17a00#c17a00 | |
--bigbang-color-chart-categorical-4 | #9575e2#9575e2#9575e2 | #9575e2#9575e2#9575e2 | |
--bigbang-color-chart-categorical-5 | #b34881#b34881#b34881 | #f897c6#f897c6#f897c6 | |
--bigbang-color-chart-categorical-6 | #138a50#138a50#138a50 | #2da264#2da264#2da264 | |
--bigbang-color-chart-categorical-7 | #e1595b#e1595b#e1595b | #ffbebb#ffbebb#ffbebb | |
--bigbang-color-chart-categorical-8 | #525252#525252#525252 | #a1a1a1#a1a1a1#a1a1a1 | |
--bigbang-color-chart-soft-1 | #c8e5ff#c8e5ff#c8e5ff | #015182#015182#015182 | |
--bigbang-color-chart-soft-2 | #bfece8#bfece8#bfece8 | #005956#005956#005956 | |
--bigbang-color-chart-soft-3 | #fddbb4#fddbb4#fddbb4 | #6c4300#6c4300#6c4300 | |
--bigbang-color-chart-soft-4 | #e3dcff#e3dcff#e3dcff | #523e83#523e83#523e83 | |
--bigbang-color-chart-soft-5 | #ffd3e6#ffd3e6#ffd3e6 | #782f56#782f56#782f56 | |
--bigbang-color-chart-soft-6 | #c3eed1#c3eed1#c3eed1 | #0d5c34#0d5c34#0d5c34 | |
--bigbang-color-chart-soft-7 | #ffd6d4#ffd6d4#ffd6d4 | #822b2e#822b2e#822b2e | |
--bigbang-color-chart-soft-8 | #e5e5e5#e5e5e5#e5e5e5 | #262626#262626#262626 | |
--bigbang-color-chart-grid | #ededed#ededed#ededed | #303030#303030#303030 | |
--bigbang-color-chart-axis | #525252#525252#525252 | #a1a1a1#a1a1a1#a1a1a1 | |
--bigbang-color-chart-cursor | #f5f5f5#f5f5f5#f5f5f5 | #1e1e1e#1e1e1e#1e1e1e |
Boşluk
Bölüm başlığı “Boşluk”| Token | Açık mod | Koyu mod |
|---|---|---|
--bigbang-space-none | 0px0px0px | 0px0px0px |
--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 |
Köşe yarıçapı
Bölüm başlığı “Köşe yarıçapı”| Token | Açık mod | Koyu mod |
|---|---|---|
--bigbang-radius-none | 0px0px0px | 0px0px0px |
--bigbang-radius-base | 10px10px10px | 10px10px10px |
--bigbang-radius-2xs | 2px2px2px | 2px2px2px |
--bigbang-radius-xs | 4px4px4px | 4px4px4px |
--bigbang-radius-sm | 6px6px6px | 6px6px6px |
--bigbang-radius-md | 8px8px8px | 8px8px8px |
--bigbang-radius-lg | 10px10px10px | 10px10px10px |
--bigbang-radius-xl | 14px14px14px | 14px14px14px |
--bigbang-radius-2xl | 18px18px18px | 18px18px18px |
--bigbang-radius-3xl | 22px22px22px | 22px22px22px |
--bigbang-radius-full | 9999px9999px9999px | 9999px9999px9999px |
Kenarlık kalınlığı
Bölüm başlığı “Kenarlık kalınlığı”| Token | Açık mod | Koyu mod |
|---|---|---|
--bigbang-border-width-default | 1px1px1px | 1px1px1px |
--bigbang-border-width-focus | 2px2px2px | 2px2px2px |
| Token | Açık mod | Koyu mod |
|---|---|---|
--bigbang-duration-instant | 0.07s0.07s0.07s | 0.07s0.07s0.07s |
--bigbang-duration-fast | 0.11s0.11s0.11s | 0.11s0.11s0.11s |
--bigbang-duration-normal | 0.15s0.15s0.15s | 0.15s0.15s0.15s |
--bigbang-duration-slow | 0.24s0.24s0.24s | 0.24s0.24s0.24s |
--bigbang-duration-slower | 0.4s0.4s0.4s | 0.4s0.4s0.4s |
Yumuşatma eğrisi
Bölüm başlığı “Yumuşatma eğrisi”| Token | Açık mod | Koyu mod |
|---|---|---|
--bigbang-easing-productive | cubic-bezier(0.2, 0, 0.38, 0.9)cubic-bezier(0.2, 0, 0.38, 0.9)cubic-bezier(0.2, 0, 0.38, 0.9) | cubic-bezier(0.2, 0, 0.38, 0.9)cubic-bezier(0.2, 0, 0.38, 0.9)cubic-bezier(0.2, 0, 0.38, 0.9) |
--bigbang-easing-expressive | cubic-bezier(0.4, 0.14, 0.3, 1)cubic-bezier(0.4, 0.14, 0.3, 1)cubic-bezier(0.4, 0.14, 0.3, 1) | cubic-bezier(0.4, 0.14, 0.3, 1)cubic-bezier(0.4, 0.14, 0.3, 1)cubic-bezier(0.4, 0.14, 0.3, 1) |
--bigbang-easing-exit | cubic-bezier(0.2, 0, 1, 0.9)cubic-bezier(0.2, 0, 1, 0.9)cubic-bezier(0.2, 0, 1, 0.9) | cubic-bezier(0.2, 0, 1, 0.9)cubic-bezier(0.2, 0, 1, 0.9)cubic-bezier(0.2, 0, 1, 0.9) |
--bigbang-easing-productive-enter | cubic-bezier(0, 0, 0.38, 0.9)cubic-bezier(0, 0, 0.38, 0.9)cubic-bezier(0, 0, 0.38, 0.9) | cubic-bezier(0, 0, 0.38, 0.9)cubic-bezier(0, 0, 0.38, 0.9)cubic-bezier(0, 0, 0.38, 0.9) |
--bigbang-easing-productive-exit | cubic-bezier(0.2, 0, 1, 0.9)cubic-bezier(0.2, 0, 1, 0.9)cubic-bezier(0.2, 0, 1, 0.9) | cubic-bezier(0.2, 0, 1, 0.9)cubic-bezier(0.2, 0, 1, 0.9)cubic-bezier(0.2, 0, 1, 0.9) |
--bigbang-easing-expressive-enter | cubic-bezier(0, 0, 0.3, 1)cubic-bezier(0, 0, 0.3, 1)cubic-bezier(0, 0, 0.3, 1) | cubic-bezier(0, 0, 0.3, 1)cubic-bezier(0, 0, 0.3, 1)cubic-bezier(0, 0, 0.3, 1) |
--bigbang-easing-expressive-exit | cubic-bezier(0.4, 0.14, 1, 1)cubic-bezier(0.4, 0.14, 1, 1)cubic-bezier(0.4, 0.14, 1, 1) | cubic-bezier(0.4, 0.14, 1, 1)cubic-bezier(0.4, 0.14, 1, 1)cubic-bezier(0.4, 0.14, 1, 1) |
--bigbang-easing-linear | cubic-bezier(0, 0, 1, 1)cubic-bezier(0, 0, 1, 1)cubic-bezier(0, 0, 1, 1) | cubic-bezier(0, 0, 1, 1)cubic-bezier(0, 0, 1, 1)cubic-bezier(0, 0, 1, 1) |
--bigbang-easing-spring-productive-fast | linear(0, 0.034, 0.114, 0.214, 0.319, 0.421, 0.514, 0.597, 0.669, 0.73, 0.781, 0.824, 0.859, 0.887, 0.91, 0.929, 0.944, 0.956, 0.965, 0.973, 0.979, 0.983, 0.987, 0.99, 1)linear(0, 0.034, 0.114, 0.214, 0.319, 0.421, 0.514, 0.597, 0.669, 0.73, 0.781, 0.824, 0.859, 0.887, 0.91, 0.929, 0.944, 0.956, 0.965, 0.973, 0.979, 0.983, 0.987, 0.99, 1)linear(0, 0.034, 0.114, 0.214, 0.319, 0.421, 0.514, 0.597, 0.669, 0.73, 0.781, 0.824, 0.859, 0.887, 0.91, 0.929, 0.944, 0.956, 0.965, 0.973, 0.979, 0.983, 0.987, 0.99, 1) | linear(0, 0.034, 0.114, 0.214, 0.319, 0.421, 0.514, 0.597, 0.669, 0.73, 0.781, 0.824, 0.859, 0.887, 0.91, 0.929, 0.944, 0.956, 0.965, 0.973, 0.979, 0.983, 0.987, 0.99, 1)linear(0, 0.034, 0.114, 0.214, 0.319, 0.421, 0.514, 0.597, 0.669, 0.73, 0.781, 0.824, 0.859, 0.887, 0.91, 0.929, 0.944, 0.956, 0.965, 0.973, 0.979, 0.983, 0.987, 0.99, 1)linear(0, 0.034, 0.114, 0.214, 0.319, 0.421, 0.514, 0.597, 0.669, 0.73, 0.781, 0.824, 0.859, 0.887, 0.91, 0.929, 0.944, 0.956, 0.965, 0.973, 0.979, 0.983, 0.987, 0.99, 1) |
--bigbang-easing-spring-productive-base | linear(0, 0.034, 0.114, 0.215, 0.32, 0.422, 0.515, 0.598, 0.669, 0.73, 0.781, 0.823, 0.858, 0.886, 0.909, 0.928, 0.943, 0.955, 0.964, 0.972, 0.978, 0.983, 0.986, 0.989, 1)linear(0, 0.034, 0.114, 0.215, 0.32, 0.422, 0.515, 0.598, 0.669, 0.73, 0.781, 0.823, 0.858, 0.886, 0.909, 0.928, 0.943, 0.955, 0.964, 0.972, 0.978, 0.983, 0.986, 0.989, 1)linear(0, 0.034, 0.114, 0.215, 0.32, 0.422, 0.515, 0.598, 0.669, 0.73, 0.781, 0.823, 0.858, 0.886, 0.909, 0.928, 0.943, 0.955, 0.964, 0.972, 0.978, 0.983, 0.986, 0.989, 1) | linear(0, 0.034, 0.114, 0.215, 0.32, 0.422, 0.515, 0.598, 0.669, 0.73, 0.781, 0.823, 0.858, 0.886, 0.909, 0.928, 0.943, 0.955, 0.964, 0.972, 0.978, 0.983, 0.986, 0.989, 1)linear(0, 0.034, 0.114, 0.215, 0.32, 0.422, 0.515, 0.598, 0.669, 0.73, 0.781, 0.823, 0.858, 0.886, 0.909, 0.928, 0.943, 0.955, 0.964, 0.972, 0.978, 0.983, 0.986, 0.989, 1)linear(0, 0.034, 0.114, 0.215, 0.32, 0.422, 0.515, 0.598, 0.669, 0.73, 0.781, 0.823, 0.858, 0.886, 0.909, 0.928, 0.943, 0.955, 0.964, 0.972, 0.978, 0.983, 0.986, 0.989, 1) |
--bigbang-easing-spring-productive-slow | linear(0, 0.034, 0.114, 0.214, 0.319, 0.421, 0.513, 0.596, 0.667, 0.728, 0.779, 0.821, 0.856, 0.884, 0.907, 0.926, 0.941, 0.953, 0.963, 0.971, 0.977, 0.982, 0.986, 0.989, 1)linear(0, 0.034, 0.114, 0.214, 0.319, 0.421, 0.513, 0.596, 0.667, 0.728, 0.779, 0.821, 0.856, 0.884, 0.907, 0.926, 0.941, 0.953, 0.963, 0.971, 0.977, 0.982, 0.986, 0.989, 1)linear(0, 0.034, 0.114, 0.214, 0.319, 0.421, 0.513, 0.596, 0.667, 0.728, 0.779, 0.821, 0.856, 0.884, 0.907, 0.926, 0.941, 0.953, 0.963, 0.971, 0.977, 0.982, 0.986, 0.989, 1) | linear(0, 0.034, 0.114, 0.214, 0.319, 0.421, 0.513, 0.596, 0.667, 0.728, 0.779, 0.821, 0.856, 0.884, 0.907, 0.926, 0.941, 0.953, 0.963, 0.971, 0.977, 0.982, 0.986, 0.989, 1)linear(0, 0.034, 0.114, 0.214, 0.319, 0.421, 0.513, 0.596, 0.667, 0.728, 0.779, 0.821, 0.856, 0.884, 0.907, 0.926, 0.941, 0.953, 0.963, 0.971, 0.977, 0.982, 0.986, 0.989, 1)linear(0, 0.034, 0.114, 0.214, 0.319, 0.421, 0.513, 0.596, 0.667, 0.728, 0.779, 0.821, 0.856, 0.884, 0.907, 0.926, 0.941, 0.953, 0.963, 0.971, 0.977, 0.982, 0.986, 0.989, 1) |
--bigbang-easing-spring-expressive-base | linear(0, 0.031, 0.108, 0.21, 0.322, 0.435, 0.542, 0.638, 0.722, 0.793, 0.851, 0.898, 0.934, 0.962, 0.982, 0.997, 1.006, 1.012, 1.015, 1.016, 1.016, 1.015, 1.013, 1.012, 1)linear(0, 0.031, 0.108, 0.21, 0.322, 0.435, 0.542, 0.638, 0.722, 0.793, 0.851, 0.898, 0.934, 0.962, 0.982, 0.997, 1.006, 1.012, 1.015, 1.016, 1.016, 1.015, 1.013, 1.012, 1)linear(0, 0.031, 0.108, 0.21, 0.322, 0.435, 0.542, 0.638, 0.722, 0.793, 0.851, 0.898, 0.934, 0.962, 0.982, 0.997, 1.006, 1.012, 1.015, 1.016, 1.016, 1.015, 1.013, 1.012, 1) | linear(0, 0.031, 0.108, 0.21, 0.322, 0.435, 0.542, 0.638, 0.722, 0.793, 0.851, 0.898, 0.934, 0.962, 0.982, 0.997, 1.006, 1.012, 1.015, 1.016, 1.016, 1.015, 1.013, 1.012, 1)linear(0, 0.031, 0.108, 0.21, 0.322, 0.435, 0.542, 0.638, 0.722, 0.793, 0.851, 0.898, 0.934, 0.962, 0.982, 0.997, 1.006, 1.012, 1.015, 1.016, 1.016, 1.015, 1.013, 1.012, 1)linear(0, 0.031, 0.108, 0.21, 0.322, 0.435, 0.542, 0.638, 0.722, 0.793, 0.851, 0.898, 0.934, 0.962, 0.982, 0.997, 1.006, 1.012, 1.015, 1.016, 1.016, 1.015, 1.013, 1.012, 1) |
Tipografi
Bölüm başlığı “Tipografi”| Token | Açık mod | Koyu mod |
|---|---|---|
--bigbang-text-display | 600 40px/48px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif600 40px/48px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif600 40px/48px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif | 600 40px/48px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif600 40px/48px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif600 40px/48px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif |
--bigbang-text-heading-xl | 600 32px/40px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif600 32px/40px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif600 32px/40px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif | 600 32px/40px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif600 32px/40px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif600 32px/40px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif |
--bigbang-text-heading-lg | 600 24px/32px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif600 24px/32px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif600 24px/32px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif | 600 24px/32px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif600 24px/32px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif600 24px/32px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif |
--bigbang-text-heading-md | 600 20px/28px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif600 20px/28px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif600 20px/28px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif | 600 20px/28px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif600 20px/28px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif600 20px/28px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif |
--bigbang-text-heading-sm | 500 16px/24px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif500 16px/24px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif500 16px/24px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif | 500 16px/24px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif500 16px/24px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif500 16px/24px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif |
--bigbang-text-title-sm | 500 16px/20px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif500 16px/20px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif500 16px/20px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif | 500 16px/20px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif500 16px/20px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif500 16px/20px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif |
--bigbang-text-body-lg | 400 16px/24px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif400 16px/24px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif400 16px/24px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif | 400 16px/24px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif400 16px/24px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif400 16px/24px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif |
--bigbang-text-body-md | 400 14px/20px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif400 14px/20px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif400 14px/20px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif | 400 14px/20px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif400 14px/20px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif400 14px/20px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif |
--bigbang-text-body-sm | 400 12px/16px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif400 12px/16px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif400 12px/16px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif | 400 12px/16px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif400 12px/16px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif400 12px/16px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif |
--bigbang-text-label-lg | 500 16px/24px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif500 16px/24px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif500 16px/24px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif | 500 16px/24px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif500 16px/24px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif500 16px/24px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif |
--bigbang-text-label-md | 500 14px/20px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif500 14px/20px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif500 14px/20px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif | 500 14px/20px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif500 14px/20px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif500 14px/20px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif |
--bigbang-text-label-sm | 500 12px/16px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif500 12px/16px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif500 12px/16px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif | 500 12px/16px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif500 12px/16px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif500 12px/16px 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif |
--bigbang-text-code-md | 400 14px/20px 'JetBrains Mono Variable', 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace400 14px/20px 'JetBrains Mono Variable', 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace400 14px/20px 'JetBrains Mono Variable', 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace | 400 14px/20px 'JetBrains Mono Variable', 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace400 14px/20px 'JetBrains Mono Variable', 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace400 14px/20px 'JetBrains Mono Variable', 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace |
| Token | Açık mod | Koyu mod |
|---|---|---|
--bigbang-shadow-xs | 0px 1px 2px 0px rgba(0, 0, 0, 0.050980392156862744)0px 1px 2px 0px rgba(0, 0, 0, 0.050980392156862744)0px 1px 2px 0px rgba(0, 0, 0, 0.050980392156862744) | 0px 0px 0px 0px rgba(0, 0, 0, 0)0px 0px 0px 0px rgba(0, 0, 0, 0)0px 0px 0px 0px rgba(0, 0, 0, 0) |
--bigbang-shadow-raised | 0px 1px 3px 0px rgba(0, 0, 0, 0.10196078431372549), 0px 1px 2px -1px rgba(0, 0, 0, 0.10196078431372549)0px 1px 3px 0px rgba(0, 0, 0, 0.10196078431372549), 0px 1px 2px -1px rgba(0, 0, 0, 0.10196078431372549)0px 1px 3px 0px rgba(0, 0, 0, 0.10196078431372549), 0px 1px 2px -1px rgba(0, 0, 0, 0.10196078431372549) | 0px 0px 0px 0px rgba(0, 0, 0, 0)0px 0px 0px 0px rgba(0, 0, 0, 0)0px 0px 0px 0px rgba(0, 0, 0, 0) |
--bigbang-shadow-overlay | 0px 20px 25px -5px rgba(0, 0, 0, 0.10196078431372549), 0px 8px 10px -6px rgba(0, 0, 0, 0.10196078431372549)0px 20px 25px -5px rgba(0, 0, 0, 0.10196078431372549), 0px 8px 10px -6px rgba(0, 0, 0, 0.10196078431372549)0px 20px 25px -5px rgba(0, 0, 0, 0.10196078431372549), 0px 8px 10px -6px rgba(0, 0, 0, 0.10196078431372549) | 0px 8px 24px 0px rgba(0, 0, 0, 0.47843137254901963)0px 8px 24px 0px rgba(0, 0, 0, 0.47843137254901963)0px 8px 24px 0px rgba(0, 0, 0, 0.47843137254901963) |
--bigbang-shadow-popup | 0px 4px 6px -1px rgba(0, 0, 0, 0.10196078431372549), 0px 2px 4px -2px rgba(0, 0, 0, 0.10196078431372549)0px 4px 6px -1px rgba(0, 0, 0, 0.10196078431372549), 0px 2px 4px -2px rgba(0, 0, 0, 0.10196078431372549)0px 4px 6px -1px rgba(0, 0, 0, 0.10196078431372549), 0px 2px 4px -2px rgba(0, 0, 0, 0.10196078431372549) | 0px 4px 6px -1px rgba(0, 0, 0, 0.3215686274509804), 0px 2px 4px -2px rgba(0, 0, 0, 0.3215686274509804)0px 4px 6px -1px rgba(0, 0, 0, 0.3215686274509804), 0px 2px 4px -2px rgba(0, 0, 0, 0.3215686274509804)0px 4px 6px -1px rgba(0, 0, 0, 0.3215686274509804), 0px 2px 4px -2px rgba(0, 0, 0, 0.3215686274509804) |
--bigbang-shadow-panel | 0px 10px 15px -3px rgba(0, 0, 0, 0.10196078431372549), 0px 4px 6px -4px rgba(0, 0, 0, 0.10196078431372549)0px 10px 15px -3px rgba(0, 0, 0, 0.10196078431372549), 0px 4px 6px -4px rgba(0, 0, 0, 0.10196078431372549)0px 10px 15px -3px rgba(0, 0, 0, 0.10196078431372549), 0px 4px 6px -4px rgba(0, 0, 0, 0.10196078431372549) | 0px 10px 15px -3px rgba(0, 0, 0, 0.3215686274509804), 0px 4px 6px -4px rgba(0, 0, 0, 0.3215686274509804)0px 10px 15px -3px rgba(0, 0, 0, 0.3215686274509804), 0px 4px 6px -4px rgba(0, 0, 0, 0.3215686274509804)0px 10px 15px -3px rgba(0, 0, 0, 0.3215686274509804), 0px 4px 6px -4px rgba(0, 0, 0, 0.3215686274509804) |
--bigbang-shadow-glass | 0px 8px 32px -8px rgba(0, 0, 0, 0.1607843137254902), 0px 2px 6px -2px rgba(0, 0, 0, 0.10196078431372549)0px 8px 32px -8px rgba(0, 0, 0, 0.1607843137254902), 0px 2px 6px -2px rgba(0, 0, 0, 0.10196078431372549)0px 8px 32px -8px rgba(0, 0, 0, 0.1607843137254902), 0px 2px 6px -2px rgba(0, 0, 0, 0.10196078431372549) | 0px 8px 32px -8px rgba(0, 0, 0, 0.47843137254901963), 0px 0px 0px 0.5px rgba(255, 255, 255, 0.10196078431372549)0px 8px 32px -8px rgba(0, 0, 0, 0.47843137254901963), 0px 0px 0px 0.5px rgba(255, 255, 255, 0.10196078431372549)0px 8px 32px -8px rgba(0, 0, 0, 0.47843137254901963), 0px 0px 0px 0.5px rgba(255, 255, 255, 0.10196078431372549) |
Bileşen: Button
Bölüm başlığı “Bileşen: Button”| Token | Açık mod | Koyu mod |
|---|---|---|
--bigbang-button-radius | 10px10px10px | 10px10px10px |
--bigbang-button-height-xs | 24px24px24px | 24px24px24px |
--bigbang-button-height-sm | 32px32px32px | 32px32px32px |
--bigbang-button-height-md | 36px36px36px | 36px36px36px |
--bigbang-button-height-lg | 40px40px40px | 40px40px40px |
--bigbang-button-padding-inline-xs | 8px8px8px | 8px8px8px |
--bigbang-button-padding-inline-sm | 12px12px12px | 12px12px12px |
--bigbang-button-padding-inline-md | 12px12px12px | 12px12px12px |
--bigbang-button-padding-inline-lg | 16px16px16px | 16px16px16px |
--bigbang-button-icon-size-xs | 12px12px12px | 12px12px12px |
--bigbang-button-icon-size-sm | 16px16px16px | 16px16px16px |
--bigbang-button-icon-size-md | 16px16px16px | 16px16px16px |
--bigbang-button-icon-size-lg | 20px20px20px | 20px20px20px |
--bigbang-button-icon-inset | 2px2px2px | 2px2px2px |
Bileşen: TextInput
Bölüm başlığı “Bileşen: TextInput”| Token | Açık mod | Koyu mod |
|---|---|---|
--bigbang-input-radius | 10px10px10px | 10px10px10px |
--bigbang-input-height-sm | 32px32px32px | 32px32px32px |
--bigbang-input-height-md | 36px36px36px | 36px36px36px |
--bigbang-input-height-lg | 40px40px40px | 40px40px40px |
--bigbang-input-padding-inline | 12px12px12px | 12px12px12px |
--bigbang-input-shadow | 0px 1px 2px 0px rgba(0, 0, 0, 0.050980392156862744)0px 1px 2px 0px rgba(0, 0, 0, 0.050980392156862744)0px 1px 2px 0px rgba(0, 0, 0, 0.050980392156862744) | 0px 0px 0px 0px rgba(0, 0, 0, 0)0px 0px 0px 0px rgba(0, 0, 0, 0)0px 0px 0px 0px rgba(0, 0, 0, 0) |
--bigbang-input-group-button-size | 24px24px24px | 24px24px24px |
--bigbang-input-action-size-sm | 24px24px24px | 24px24px24px |
--bigbang-input-action-size-md | 28px28px28px | 28px28px28px |
--bigbang-input-action-size-lg | 32px32px32px | 32px32px32px |
Bileşen: Badge
Bölüm başlığı “Bileşen: Badge”| Token | Açık mod | Koyu mod |
|---|---|---|
--bigbang-badge-radius | 9999px9999px9999px | 9999px9999px9999px |
--bigbang-badge-height-sm | 16px16px16px | 16px16px16px |
--bigbang-badge-height-md | 20px20px20px | 20px20px20px |
--bigbang-badge-padding-inline-sm | 6px6px6px | 6px6px6px |
--bigbang-badge-padding-inline-md | 8px8px8px | 8px8px8px |
--bigbang-badge-icon-size | 12px12px12px | 12px12px12px |
--bigbang-badge-padding-inline-icon-sm | 4px4px4px | 4px4px4px |
--bigbang-badge-padding-inline-icon-md | 6px6px6px | 6px6px6px |
--bigbang-badge-dot-size | 8px8px8px | 8px8px8px |