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 | String | scale( 1, .6 ) | scale(1, 0.6) |
Description
The transform scale of the Skeleton text. | |||
$kendo-skeleton-text-border-radius | Number | k-map-get( $kendo-border-radii, md ) | 0.25rem |
Description
The border radius of the Skeleton text. | |||
$kendo-skeleton-rect-border-radius | Number | k-map-get( $kendo-border-radii, md ) | 0.25rem |
Description
The border radius of the rectangular Skeleton. | |||
$kendo-skeleton-circle-border-radius | Number | 9999px | 9999px |
Description
The border radius of the circular Skeleton. | |||
$kendo-skeleton-item-bg | Color | k-get-theme-color( neutral, 100 ) | #ededed |
Description
The background color of the Skeleton item. | |||
$kendo-skeleton-wave-bg | Color | k-get-theme-color( neutral, 50 ) | #f8f8f8 |
Description
The background color of the Skeleton wave animation. |