New to Kendo UI for Angular? Start a free 30-day trial
Customizing Skeleton
Variables
The following table lists the available variables for customization.
Name | Type | Default value | Computed value |
---|---|---|---|
$kendo-skeleton-text-transform | scale( 1, .6 ) | ||
Description
Text transform scale of the skeleton. | |||
$kendo-skeleton-text-border-radius | var( --kendo-border-radius-md, #{$kendo-border-radius-md} ) | ||
Description
Border radius of the skeleton text. | |||
$kendo-skeleton-rect-border-radius | var( --kendo-border-radius-md, #{$kendo-border-radius-md} ) | ||
Description
Border radius of the rectangle skeleton. | |||
$kendo-skeleton-circle-border-radius | 9999px | ||
Description
Border radius of the circle skeleton. | |||
$kendo-skeleton-item-bg | k-get-theme-color-var( neutral-50 ) | ||
Description
Background color of the skeleton item. | |||
$kendo-skeleton-wave-bg | k-get-theme-color-var( neutral-20 ) | ||
Description
Background color of the skeleton wave animation. |