GitHub

Shadows

Shadow styles and utility CSS classes.

Utility CSS classes

Use these CSS classes to set box-shadow to an element e.g. class="rz-shadow-2". Each theme has its own shadows assigned. Change the theme to preview them.

.rz-shadow-0
.rz-shadow-1
.rz-shadow-2
.rz-shadow-3
.rz-shadow-4
.rz-shadow-5
.rz-shadow-6
.rz-shadow-7
.rz-shadow-8
.rz-shadow-9
.rz-shadow-10

Custom CSS properties (CSS Variables)

These are the root theme shadow CSS variables.

You can use CSS variables in styles e.g. style="box-shadow: var(--rz-shadow-2);"

--rz-shadow-0
--rz-shadow-1
--rz-shadow-2
--rz-shadow-3
--rz-shadow-4
--rz-shadow-5
--rz-shadow-6
--rz-shadow-7
--rz-shadow-8
--rz-shadow-9
--rz-shadow-10

Source Code licensed under MIT