Skip to main content

Shadows

Utilities to control the shadow of the elements

ClassProperties
shadow-xsbox-shadow: 0 4px var(--dash-size-xs); rgba(0, 0, 0, 0.1);
shadow-smbox-shadow: 0 4px var(--dash-size-sm); rgba(0, 0, 0, 0.1);
shadow-mdbox-shadow: 0 4px var(--dash-size-md); rgba(0, 0, 0, 0.1);
shadow-lgbox-shadow: 0 4px var(--dash-size-lg); rgba(0, 0, 0, 0.1);
shadow-xlbox-shadow: 0 4px var(--dash-size-xl); rgba(0, 0, 0, 0.1);
shadow-2xlbox-shadow: 0 4px var(--dash-size-2xl); rgba(0, 0, 0, 0.1);
shadow-3xlbox-shadow: 0 4px var(--dash-size-3xl); rgba(0, 0, 0, 0.1);
shadow-4xlbox-shadow: 0 4px var(--dash-size-4xl); rgba(0, 0, 0, 0.1);
shadow-5xlbox-shadow: 0 4px var(--dash-size-5xl); rgba(0, 0, 0, 0.1);
shadow-6xlbox-shadow: 0 4px var(--dash-size-6xl); rgba(0, 0, 0, 0.1);
shadow-7xlbox-shadow: 0 4px var(--dash-size-7xl); rgba(0, 0, 0, 0.1);
shadow-8xlbox-shadow: 0 4px var(--dash-size-8xl); rgba(0, 0, 0, 0.1);
shadow-9xlbox-shadow: 0 4px var(--dash-size-9xl); rgba(0, 0, 0, 0.1);
shadow-fullbox-shadow: 0 4px var(--dash-size-full); rgba(0, 0, 0, 0.1);
shadow-screenbox-shadow: 0 4px var(--dash-size-screen); rgba(0, 0, 0, 0.1);