Effects

✅ Atualizado (28/01/2025) - Ver detalhes

Janeiro 2025

  • 28/01/2025 > Remoção dos tokens que não usamos, deixando apenas o shadow-soft-50 e shadow-sharp-30. > Alteração nas descrições de utilização.

Dezembro 2025

  • 03/12/24

    Criada toda documentação e definições dos novos elevations e estilos para o Compasso.

Elevation

Elevation é a distância entre duas superfícies ao longo do eixo z.

Name
Descrição
Propriedades

shadow-soft-50

Utilização: > Barras fixas após scroll. > Dropdowns, popups e menus flutuantes.

X=0 Y=0 Blur=50 Spread=0 Color Light=#000000, 8% (alpha) Color Dark=#000000, 24% (alpha)

shadow-sharp-30

Utilização: > Complemento à shadow-soft-50. > Recurso para diferenciar a sombra entre estados de cards.

X=0 Y=0 Blur=30 Spread=6 Color Light=#000000, 8% (alpha) Color Dark=#000000, 24% (alpha)

Para uso desses estilos no Figma, é necessário ativar o clip content no frame respectivo.

Atualizado