Elevación (semántico)
Usá estos en los componentes. Cada uno apunta a una sombra primitiva.
| Muestra | Token | Valor |
|---|---|---|
| 0px 1px 2px 0px rgba(0, 0, 0, 0.05) | ||
| 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 2px -1px rgba(0, 0, 0, 0.1) | ||
| 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -4px rgba(0, 0, 0, 0.1) | ||
| 0px 20px 25px -5px rgba(0, 0, 0, 0.1), 0px 8px 10px -6px rgba(0, 0, 0, 0.1) | ||
| 0px 25px 50px -12px rgba(0, 0, 0, 0.25) |
Sombras (primitivo)
Valores crudos. Solo los usa la capa semántica.
| Muestra | Token | Valor |
|---|---|---|
| 0px 1px 2px 0px rgba(0, 0, 0, 0.05) | ||
| 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 2px -1px rgba(0, 0, 0, 0.1) | ||
| 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -4px rgba(0, 0, 0, 0.1) | ||
| 0px 20px 25px -5px rgba(0, 0, 0, 0.1), 0px 8px 10px -6px rgba(0, 0, 0, 0.1) | ||
| 0px 25px 50px -12px rgba(0, 0, 0, 0.25) |