LifeUI
1.53.2Sombras
Sistema de sombras que establece diferentes niveles de elevación y importancia
La escala de sombras define niveles de elevación para los elementos de la interfaz, proporcionando profundidad visual y jerarquía en el diseño.
Elevaciones base
Sombras estándar para uso general en la interfaz
xsmall
shadow-base-xs
small
shadow-base-sm
medium
shadow-base-md
Uso:
<div class="shadow-base-xs" />
<div class="shadow-base-sm" />
<div class="shadow-base-md" />Elevaciones personalizadas
Sombras con capas múltiples para mayor profundidad visual
xsmall
shadow-custom-xs
small
shadow-custom-sm
medium
shadow-custom-md
large
shadow-custom-lg
Uso:
<div class="shadow-custom-xs" />
<div class="shadow-custom-sm" />
<div class="shadow-custom-md" />
<div class="shadow-custom-lg" />