kendo-loader-segment-border-radius | 50% | 50% | Default: 50%Computed: 50% |
| Description: The border radius of the Loader segment.
|
kendo-loader-sm-segment-size | k-spacing(1) | var(--kendo-spacing-1, 0.25rem) | Default: k-spacing(1)Computed: var(--kendo-spacing-1, 0.25rem) |
| Description: The size of the small Loader segment.
|
kendo-loader-md-segment-size | k-spacing(2) | var(--kendo-spacing-2, 0.5rem) | Default: k-spacing(2)Computed: var(--kendo-spacing-2, 0.5rem) |
| Description: The size of the medium Loader segment.
|
kendo-loader-lg-segment-size | k-spacing(4) | var(--kendo-spacing-4, 1rem) | Default: k-spacing(4)Computed: var(--kendo-spacing-4, 1rem) |
| Description: The size of the large Loader segment.
|
kendo-loader-sm-padding | calc( #{$kendo-loader-sm-segment-size} / 2 ) | calc(var(--kendo-spacing-1, 0.25rem) / 2) | Default: calc( #{$kendo-loader-sm-segment-size} / 2 )Computed: calc(var(--kendo-spacing-1, 0.25rem) / 2) |
| Description: The padding of the small Loader.
|
kendo-loader-md-padding | calc( #{$kendo-loader-md-segment-size} / 2 ) | calc(var(--kendo-spacing-2, 0.5rem) / 2) | Default: calc( #{$kendo-loader-md-segment-size} / 2 )Computed: calc(var(--kendo-spacing-2, 0.5rem) / 2) |
| Description: The padding of the medium Loader.
|
kendo-loader-lg-padding | calc( #{$kendo-loader-lg-segment-size} / 2 ) | calc(var(--kendo-spacing-4, 1rem) / 2) | Default: calc( #{$kendo-loader-lg-segment-size} / 2 )Computed: calc(var(--kendo-spacing-4, 1rem) / 2) |
| Description: The padding of the large Loader.
|
kendo-loader-sm-spinner-3-width | calc( #{$kendo-loader-sm-segment-size} * 4 ) | calc(var(--kendo-spacing-1, 0.25rem) * 4) | Default: calc( #{$kendo-loader-sm-segment-size} * 4 )Computed: calc(var(--kendo-spacing-1, 0.25rem) * 4) |
| Description: The width of the small spinner-3 Loader.
|
kendo-loader-md-spinner-3-width | calc( #{$kendo-loader-md-segment-size} * 4 ) | calc(var(--kendo-spacing-2, 0.5rem) * 4) | Default: calc( #{$kendo-loader-md-segment-size} * 4 )Computed: calc(var(--kendo-spacing-2, 0.5rem) * 4) |
| Description: The width of the medium spinner-3 Loader.
|
kendo-loader-lg-spinner-3-width | calc( #{$kendo-loader-lg-segment-size} * 4 ) | calc(var(--kendo-spacing-4, 1rem) * 4) | Default: calc( #{$kendo-loader-lg-segment-size} * 4 )Computed: calc(var(--kendo-spacing-4, 1rem) * 4) |
| Description: The width of the large spinner-3 Loader.
|
kendo-loader-sm-spinner-3-height | calc( #{$kendo-loader-sm-spinner-3-width} * #{$equilateral-height} ) | calc(calc(var(--kendo-spacing-1, 0.25rem) * 4) * 0.8660254038) | Default: calc( #{$kendo-loader-sm-spinner-3-width} * #{$equilateral-height} )Computed: calc(calc(var(--kendo-spacing-1, 0.25rem) * 4) * 0.8660254038) |
| Description: The height of the small spinner-3 Loader.
|
kendo-loader-md-spinner-3-height | calc( #{$kendo-loader-md-spinner-3-width} * #{$equilateral-height} ) | calc(calc(var(--kendo-spacing-2, 0.5rem) * 4) * 0.8660254038) | Default: calc( #{$kendo-loader-md-spinner-3-width} * #{$equilateral-height} )Computed: calc(calc(var(--kendo-spacing-2, 0.5rem) * 4) * 0.8660254038) |
| Description: The height of the medium spinner-3 Loader.
|
kendo-loader-lg-spinner-3-height | calc( #{$kendo-loader-lg-spinner-3-width} * #{$equilateral-height} ) | calc(calc(var(--kendo-spacing-4, 1rem) * 4) * 0.8660254038) | Default: calc( #{$kendo-loader-lg-spinner-3-width} * #{$equilateral-height} )Computed: calc(calc(var(--kendo-spacing-4, 1rem) * 4) * 0.8660254038) |
| Description: The height of the large spinner-3 Loader.
|
kendo-loader-sm-spinner-4-width | calc( #{$kendo-loader-sm-segment-size} * 4 ) | calc(var(--kendo-spacing-1, 0.25rem) * 4) | Default: calc( #{$kendo-loader-sm-segment-size} * 4 )Computed: calc(var(--kendo-spacing-1, 0.25rem) * 4) |
| Description: The width of the small spinner-4 Loader.
|
kendo-loader-md-spinner-4-width | calc( #{$kendo-loader-md-segment-size} * 4 ) | calc(var(--kendo-spacing-2, 0.5rem) * 4) | Default: calc( #{$kendo-loader-md-segment-size} * 4 )Computed: calc(var(--kendo-spacing-2, 0.5rem) * 4) |
| Description: The width of the medium spinner-4 Loader.
|
kendo-loader-lg-spinner-4-width | calc( #{$kendo-loader-lg-segment-size} * 4 ) | calc(var(--kendo-spacing-4, 1rem) * 4) | Default: calc( #{$kendo-loader-lg-segment-size} * 4 )Computed: calc(var(--kendo-spacing-4, 1rem) * 4) |
| Description: The width of the large spinner-4 Loader.
|
kendo-loader-sm-spinner-4-height | $kendo-loader-sm-spinner-4-width | calc(var(--kendo-spacing-1, 0.25rem) * 4) | Default: $kendo-loader-sm-spinner-4-widthComputed: calc(var(--kendo-spacing-1, 0.25rem) * 4) |
| Description: The height of the small spinner-4 Loader.
|
kendo-loader-md-spinner-4-height | $kendo-loader-md-spinner-4-width | calc(var(--kendo-spacing-2, 0.5rem) * 4) | Default: $kendo-loader-md-spinner-4-widthComputed: calc(var(--kendo-spacing-2, 0.5rem) * 4) |
| Description: The height of the medium spinner-4 Loader.
|
kendo-loader-lg-spinner-4-height | $kendo-loader-lg-spinner-4-width | calc(var(--kendo-spacing-4, 1rem) * 4) | Default: $kendo-loader-lg-spinner-4-widthComputed: calc(var(--kendo-spacing-4, 1rem) * 4) |
| Description: The height of the large spinner-4 Loader.
|
kendo-loader-container-panel-border-width | 1px | 1px | Default: 1pxComputed: 1px |
| Description: The border width of the container panel.
|
kendo-loader-container-panel-border-style | solid | solid | Default: solidComputed: solid |
| Description: The border style of the container panel.
|
kendo-loader-container-panel-border-color | k-color(border) | var(--kendo-color-border, rgba(0, 0, 0, 0.08)) | Default: k-color(border)Computed: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) |
| Description: The border color of the container panel.
|
kendo-loader-container-panel-border-radius | k-border-radius(md) | var(--kendo-border-radius-md, 0.25rem) | Default: k-border-radius(md)Computed: var(--kendo-border-radius-md, 0.25rem) |
| Description: The border radius of the container panel.
|
kendo-loader-container-panel-bg | k-color(surface-alt) | var(--kendo-color-surface-alt, #ffffff) | Default: k-color(surface-alt)Computed: var(--kendo-color-surface-alt, #ffffff) |
| Description: The background color of the container panel.
|
kendo-loader-sm-container-padding | k-spacing(4) | var(--kendo-spacing-4, 1rem) | Default: k-spacing(4)Computed: var(--kendo-spacing-4, 1rem) |
| Description: The padding of the small Loader container.
|
kendo-loader-md-container-padding | k-spacing(5) | var(--kendo-spacing-5, 1.25rem) | Default: k-spacing(5)Computed: var(--kendo-spacing-5, 1.25rem) |
| Description: The padding of the medium Loader container.
|
kendo-loader-lg-container-padding | k-spacing(6) | var(--kendo-spacing-6, 1.5rem) | Default: k-spacing(6)Computed: var(--kendo-spacing-6, 1.5rem) |
| Description: The padding of the large Loader container.
|
kendo-loader-sm-container-gap | k-spacing(1) | var(--kendo-spacing-1, 0.25rem) | Default: k-spacing(1)Computed: var(--kendo-spacing-1, 0.25rem) |
| Description: The gap of the small Loader container.
|
kendo-loader-md-container-gap | k-spacing(2) | var(--kendo-spacing-2, 0.5rem) | Default: k-spacing(2)Computed: var(--kendo-spacing-2, 0.5rem) |
| Description: The gap of the medium Loader container.
|
kendo-loader-lg-container-gap | k-spacing(3) | var(--kendo-spacing-3, 0.75rem) | Default: k-spacing(3)Computed: var(--kendo-spacing-3, 0.75rem) |
| Description: The gap of the large Loader container.
|
kendo-loader-sm-container-font-size | var( --kendo-font-size-sm, inherit ) | var(--kendo-font-size-sm, inherit) | Default: var( --kendo-font-size-sm, inherit )Computed: var(--kendo-font-size-sm, inherit) |
| Description: The font size of the small Loader container.
|
kendo-loader-md-container-font-size | var( --kendo-font-size, inherit ) | var(--kendo-font-size, inherit) | Default: var( --kendo-font-size, inherit )Computed: var(--kendo-font-size, inherit) |
| Description: The font size of the medium Loader container.
|
kendo-loader-lg-container-font-size | var( --kendo-font-size-lg, inherit ) | var(--kendo-font-size-lg, inherit) | Default: var( --kendo-font-size-lg, inherit )Computed: var(--kendo-font-size-lg, inherit) |
| Description: The font size of the large Loader container.
|
kendo-loader-theme-colors | | primary: | var(--kendo-color-primary, #ff6358) | | secondary: | var(--kendo-color-secondary, #666666) | | tertiary: | var(--kendo-color-tertiary, #03a9f4) | | info: | var(--kendo-color-info, #0058e9) | | success: | var(--kendo-color-success, #37b400) | | warning: | var(--kendo-color-warning, #ffc000) | | error: | var(--kendo-color-error, #f31700) | | dark: | var(--kendo-color-dark, #3d3d3d) | | light: | var(--kendo-color-light, #ebebeb) | | inverse: | var(--kendo-color-dark, #3d3d3d) |
| Computed: ("primary": var(--kendo-color-primary, #ff6358), "secondary": var(--kendo-color-secondary, #666666), "tertiary": var(--kendo-color-tertiary, #03a9f4), "info": var(--kendo-color-info, #0058e9), "success": var(--kendo-color-success, #37b400), "warning": var(--kendo-color-warning, #ffc000), "error": var(--kendo-color-error, #f31700), "dark": var(--kendo-color-dark, #3d3d3d), "light": var(--kendo-color-light, #ebebeb), "inverse": var(--kendo-color-dark, #3d3d3d)) |
| Description: The theme colors of the Loader.
|
