Pular para o conteúdo principal
Design System
GitHub

Camadas e opacidade

Camadas (z-index)​

Nunca invente um valor fora da escala: escolha a camada pelo papel do elemento.

Token↕Valor (claro)Valor (escuro)
--ob-z-base0—
--ob-z-raised10—
--ob-z-dropdown100—
--ob-z-tooltip200—
--ob-z-overlay300—
--ob-z-modal400—
--ob-z-toast500—
--ob-z-system9000—

Opacidade​

Token↕Valor (claro)Valor (escuro)
--ob-opacity-hover0.08—
--ob-opacity-focus0.32—
--ob-opacity-scrim0.45—
--ob-opacity-disabled0.45—
--ob-opacity-strong0.75—