Customizing Skeleton

Variables

The following table lists the available variables for customization.

Name	Type	Default value	Computed value
$kendo-skeleton-text-transform	String	`scale( 1, .6 )`	`scale(1, 0.6)`
Description Text transform scale of the skeleton.
$kendo-skeleton-text-border-radius	Number	`k-map-get( $kendo-border-radii, md )`	`0.25rem`
Description Border radius of the skeleton text.
$kendo-skeleton-rect-border-radius	Number	`k-map-get( $kendo-border-radii, md )`	`0.25rem`
Description Border radius of the rectangle skeleton.
$kendo-skeleton-circle-border-radius	Number	`9999px`	`9999px`
Description Border radius of the circle skeleton.
$kendo-skeleton-item-bg	Color	`k-get-theme-color( neutral, 100 )`	`#ededed`
Description Background color of the skeleton item.
$kendo-skeleton-wave-bg	Color	`k-get-theme-color( neutral, 50 )`	`#f8f8f8`
Description Background color of the skeleton wave animation.