Shadows
Utilities to control the shadow of the elements
Class | Properties |
---|---|
shadow-xs | box-shadow: 0 4px var(--dash-size-xs); rgba(0, 0, 0, 0.1); |
shadow-sm | box-shadow: 0 4px var(--dash-size-sm); rgba(0, 0, 0, 0.1); |
shadow-md | box-shadow: 0 4px var(--dash-size-md); rgba(0, 0, 0, 0.1); |
shadow-lg | box-shadow: 0 4px var(--dash-size-lg); rgba(0, 0, 0, 0.1); |
shadow-xl | box-shadow: 0 4px var(--dash-size-xl); rgba(0, 0, 0, 0.1); |
shadow-2xl | box-shadow: 0 4px var(--dash-size-2xl); rgba(0, 0, 0, 0.1); |
shadow-3xl | box-shadow: 0 4px var(--dash-size-3xl); rgba(0, 0, 0, 0.1); |
shadow-4xl | box-shadow: 0 4px var(--dash-size-4xl); rgba(0, 0, 0, 0.1); |
shadow-5xl | box-shadow: 0 4px var(--dash-size-5xl); rgba(0, 0, 0, 0.1); |
shadow-6xl | box-shadow: 0 4px var(--dash-size-6xl); rgba(0, 0, 0, 0.1); |
shadow-7xl | box-shadow: 0 4px var(--dash-size-7xl); rgba(0, 0, 0, 0.1); |
shadow-8xl | box-shadow: 0 4px var(--dash-size-8xl); rgba(0, 0, 0, 0.1); |
shadow-9xl | box-shadow: 0 4px var(--dash-size-9xl); rgba(0, 0, 0, 0.1); |
shadow-full | box-shadow: 0 4px var(--dash-size-full); rgba(0, 0, 0, 0.1); |
shadow-screen | box-shadow: 0 4px var(--dash-size-screen); rgba(0, 0, 0, 0.1); |