New to Kendo UI for Vue? Start a free 30-day trial
Customizing Box-shadow
Variables
The following table lists the available variables for customization.
Name | Type | Default value | Computed value |
---|---|---|---|
$kendo-elevation | Map | (
1: ( 0px 1px 2px rgba(0, 0, 0, 0.038) ),
2: ( 0px 2px 7px rgba(0, 0, 0, 0.075) ),
3: ( 0px 4px 10px rgba(0, 0, 0, 0.10) ),
4: ( 0px 6px 13px rgba(0, 0, 0, 0.125) ),
5: ( 0px 8px 16px 0px rgba(0, 0, 0, 0.15) ),
6: ( 0px 11px 24px 0px rgba(0, 0, 0, 0.159) ),
7: ( 0px 14px 36px 0px rgba(0, 0, 0, 0.168) ),
8: ( 0px 16px 48px 0px rgba(0, 0, 0, 0.176) ),
9: ( 0px 18px 60px 0px rgba(0, 0, 0, 0.185) )
) | (1: 0px 1px 2px rgba(0, 0, 0, 0.038), 2: 0px 2px 7px rgba(0, 0, 0, 0.075), 3: 0px 4px 10px rgba(0, 0, 0, 0.1), 4: 0px 6px 13px rgba(0, 0, 0, 0.125), 5: 0px 8px 16px 0px rgba(0, 0, 0, 0.15), 6: 0px 11px 24px 0px rgba(0, 0, 0, 0.159), 7: 0px 14px 36px 0px rgba(0, 0, 0, 0.168), 8: 0px 16px 48px 0px rgba(0, 0, 0, 0.176), 9: 0px 18px 60px 0px rgba(0, 0, 0, 0.185)) |
Description
Global Box shadow. |