Shadow utilities let you manage shadow elevation of the elements. It allows you to add (or remove) drop shadows and inner shadows.
Drop shadows
By using classes ecl-u-shadow-* you can manage elevation of an element. Available values are:
- ecl-u-shadow-none (remove all shadow)
- ecl-u-shadow-1 (elevation 1)
- ecl-u-shadow-2 (elevation 2)
- ecl-u-shadow-3 (elevation 3)
Inner shadows
By using classes ecl-u-shadow-inner-* you can manage inner shadow of an element. Available values are:
- ecl-u-shadow-inner-1 (depth 1)
- ecl-u-shadow-inner-2 (depth 2)
Negative shadows
By using classes ecl-u-shadow-negative-* and ecl-u-shadow-negative-inner-* you can manage negative shadow of an element (for dark background). Available values are:
- ecl-u-shadow-negative-1 (elevation 1)
- ecl-u-shadow-negative-2 (elevation 2)
- ecl-u-shadow-negative-3 (elevation 3)
- ecl-u-shadow-negative-inner-1 (depth 1)
- ecl-u-shadow-negative-inner-2 (depth 2)