Sombras & Elevação

Utilitários

Sombras & Elevação

Classes de box-shadow e text-shadow em múltiplos níveis — da elevação básica adaptada ao tema até a galeria técnica completa de 46 variantes e sombra de texto, portada 1:1 do Y2.

1. Elevação Neutra

Progressão de profundidade sem cor — para cards, dropdowns e modais.

.sha-0

.sha-p

.sha

.sha-g

.sha-in

2. Glow Colorido — `.sha-pri / .sha-suc...`

Sombra tingida com a cor semântica — ótimo para botões e estados de destaque, sem depender só de contraste de cor.

.sha-pri

.sha-suc

.sha-err

.sha-ale

.sha-inf

3. Sombras Internas — `.shad-in-1/2/3`

Escala de 3 níveis de profundidade inset — para superfícies escavadas, poços de input, indicadores de progresso.

.shad-in-1

.shad-in-2

.shad-in-3

4. Galeria Técnica Completa

Todos os 46 níveis de sombra do sistema original — .shad1 a .shad46. Portados 1:1 do Y2, mesma numeração.

5. Sombras de Texto — `.tsha-*`

Escala escura (.tsha-1 a .tsha-10) para texto sobre fundo claro/neutro, e escala branca/glow (.tsha-w1 a .tsha-w5) para texto sobre fundo escuro.

Escala Escura

NÍVEL 2

NÍVEL 5

NÍVEL 8

NÍVEL 10

Escala Branca

GLOW 1

GLOW 3

GLOW 5