Sass Variables
The Telerik and Kendo UI Calendar enables you to configure and customize its appearance through the available Sass variables.
Variable | Default Value | Computed Value | Value |
---|---|---|---|
kendo-calendar-border-width | 1px | 1px | Default: 1px Computed: 1px |
Description: The width of the border around the Calendar. | |||
kendo-calendar-font-family | var( --kendo-font-family, inherit ) | var(--kendo-font-family, inherit) | Default: var( --kendo-font-family, inherit ) Computed: var(--kendo-font-family, inherit) |
Description: The font family of the Calendar. | |||
kendo-calendar-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 Calendar. | |||
kendo-calendar-line-height | var( --kendo-line-height, normal ) | var(--kendo-line-height, normal) | Default: var( --kendo-line-height, normal ) Computed: var(--kendo-line-height, normal) |
Description: The line height of the Calendar. | |||
kendo-calendar-cell-size | 32px | 32px | Default: 32px Computed: 32px |
Description: The size of the cells in the Calendar. | |||
kendo-calendar-bg | $kendo-component-bg | var(--kendo-color-surface-alt, #ffffff) | Default: $kendo-component-bg Computed: var(--kendo-color-surface-alt, #ffffff) |
Description: The background color of the Calendar. | |||
kendo-calendar-text | $kendo-component-text | var(--kendo-color-on-app-surface, #3d3d3d) | Default: $kendo-component-text Computed: var(--kendo-color-on-app-surface, #3d3d3d) |
Description: The text color of the Calendar. | |||
kendo-calendar-border | $kendo-component-border | var(--kendo-color-border, rgba(0, 0, 0, 0.08)) | Default: $kendo-component-border Computed: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) |
Description: The border color of the Calendar. | |||
kendo-calendar-header-padding-x | k-spacing(1) | var(--kendo-spacing-1, 0.25rem) | Default: k-spacing(1) Computed: var(--kendo-spacing-1, 0.25rem) |
Description: The horizontal padding of the header in the Calendar. | |||
kendo-calendar-header-padding-y | k-spacing(1) | var(--kendo-spacing-1, 0.25rem) | Default: k-spacing(1) Computed: var(--kendo-spacing-1, 0.25rem) |
Description: The vertical padding of the header in the Calendar. | |||
kendo-calendar-header-border-width | 1px | 1px | Default: 1px Computed: 1px |
Description: The border width of the header in the Calendar. | |||
kendo-calendar-header-bg | $kendo-component-header-bg | var(--kendo-color-surface, #fafafa) | Default: $kendo-component-header-bg Computed: var(--kendo-color-surface, #fafafa) |
Description: The background color of the header in the Calendar. | |||
kendo-calendar-header-text | $kendo-component-header-text | var(--kendo-color-on-app-surface, #3d3d3d) | Default: $kendo-component-header-text Computed: var(--kendo-color-on-app-surface, #3d3d3d) |
Description: The text color of the header in the Calendar. | |||
kendo-calendar-header-border | $kendo-component-header-border | var(--kendo-color-border, rgba(0, 0, 0, 0.08)) | Default: $kendo-component-header-border Computed: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) |
Description: The border color of the header in the Calendar. | |||
kendo-calendar-header-gradient | $kendo-component-header-gradient | null | Default: $kendo-component-header-gradient Computed: null |
Description: The gradient of the header in the Calendar. | |||
kendo-calendar-header-shadow | 0 1px 3px 1px rgba(black, .1) | (0 1px 3px 1px rgba(0, 0, 0, 0.1)) | Default: 0 1px 3px 1px rgba(black, .1) Computed: (0 1px 3px 1px rgba(0, 0, 0, 0.1)) |
Description: The shadow of the header in the Calendar. | |||
kendo-calendar-nav-gap | null | null | Default: null Computed: null |
Description: The gap between the items in the navigation of the Calendar. | |||
kendo-calendar-footer-padding-x | k-spacing(4) | var(--kendo-spacing-4, 1rem) | Default: k-spacing(4) Computed: var(--kendo-spacing-4, 1rem) |
Description: The horizontal padding of the footer in the Calendar. | |||
kendo-calendar-footer-padding-y | k-spacing(2) | var(--kendo-spacing-2, 0.5rem) | Default: k-spacing(2) Computed: var(--kendo-spacing-2, 0.5rem) |
Description: The vertical padding of the footer in the Calendar. | |||
kendo-calendar-cell-padding-x | .25em | 0.25em | Default: .25em Computed: 0.25em |
Description: The horizontal padding of the cells in the Calendar. | |||
kendo-calendar-cell-padding-y | $kendo-calendar-cell-padding-x | 0.25em | Default: $kendo-calendar-cell-padding-x Computed: 0.25em |
Description: The vertical padding of the cells in the Calendar. | |||
kendo-calendar-cell-line-height | $kendo-calendar-line-height | var(--kendo-line-height, normal) | Default: $kendo-calendar-line-height Computed: var(--kendo-line-height, normal) |
Description: The line height of the cells in the Calendar. | |||
kendo-calendar-cell-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 cells in the Calendar. | |||
kendo-calendar-header-cell-padding-x | null | null | Default: null Computed: null |
Description: The horizontal padding of the header cells in the Calendar. | |||
kendo-calendar-header-cell-padding-y | null | null | Default: null Computed: null |
Description: The vertical padding of the header cells in the Calendar. | |||
kendo-calendar-header-cell-width | $kendo-calendar-cell-size | 32px | Default: $kendo-calendar-cell-size Computed: 32px |
Description: The width of the header cells in the Calendar. | |||
kendo-calendar-header-cell-height | $kendo-calendar-cell-size | 32px | Default: $kendo-calendar-cell-size Computed: 32px |
Description: The height of the header cells in the Calendar. | |||
kendo-calendar-header-cell-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 header cells in the Calendar. | |||
kendo-calendar-header-cell-line-height | 2 | 2 | Default: 2 Computed: 2 |
Description: The line height of the header cells in the Calendar. | |||
kendo-calendar-header-cell-bg | null | null | Default: null Computed: null |
Description: The background color of the header cells in the Calendar. | |||
kendo-calendar-header-cell-text | $kendo-subtle-text | var(--kendo-color-subtle, #666666) | Default: $kendo-subtle-text Computed: var(--kendo-color-subtle, #666666) |
Description: The text color of the header cells in the Calendar. | |||
kendo-calendar-header-cell-opacity | null | null | Default: null Computed: null |
Description: The opacity of the header cells in the Calendar. | |||
kendo-calendar-caption-padding-x | k-spacing(2) | var(--kendo-spacing-2, 0.5rem) | Default: k-spacing(2) Computed: var(--kendo-spacing-2, 0.5rem) |
Description: The horizontal padding of the caption in the Calendar. | |||
kendo-calendar-caption-padding-y | k-spacing(1) | var(--kendo-spacing-1, 0.25rem) | Default: k-spacing(1) Computed: var(--kendo-spacing-1, 0.25rem) |
Description: The vertical padding of the caption in the Calendar. | |||
kendo-calendar-caption-height | $kendo-calendar-cell-size | 32px | Default: $kendo-calendar-cell-size Computed: 32px |
Description: The height of the caption in the Calendar. | |||
kendo-calendar-caption-font-size | null | null | Default: null Computed: null |
Description: The font size of the caption in the Calendar. | |||
kendo-calendar-caption-line-height | null | null | Default: null Computed: null |
Description: The line height of the caption in the Calendar. | |||
kendo-calendar-caption-font-weight | var( --kendo-font-weight-bold, normal ) | var(--kendo-font-weight-bold, normal) | Default: var( --kendo-font-weight-bold, normal ) Computed: var(--kendo-font-weight-bold, normal) |
Description: The font weight of the caption in the Calendar. | |||
kendo-calendar-week-number-font-size | $kendo-font-size-sm | 0.75rem | Default: $kendo-font-size-sm Computed: 0.75rem |
Description: The font size of the week number cells in the Calendar. | |||
kendo-calendar-view-width | ($kendo-calendar-cell-size * 8) | 256px | Default: ($kendo-calendar-cell-size * 8) Computed: 256px |
Description: The width of the Calendar view. | |||
kendo-calendar-view-height | ($kendo-calendar-cell-size * 7) | 224px | Default: ($kendo-calendar-cell-size * 7) Computed: 224px |
Description: The height of the Calendar view. | |||
kendo-calendar-view-gap | k-spacing(4) | var(--kendo-spacing-4, 1rem) | Default: k-spacing(4) Computed: var(--kendo-spacing-4, 1rem) |
Description: The gap between the items in the Calendar view. | |||
kendo-calendar-weekend-bg | null | null | Default: null Computed: null |
Description: The background color of the weekend cells in the Calendar. | |||
kendo-calendar-weekend-text | null | null | Default: null Computed: null |
Description: The text color of the weekend cells in the Calendar. | |||
kendo-calendar-today-style | color | color | Default: color Computed: color |
Description: The style of the current day in the Calendar. | |||
kendo-calendar-today-color | $kendo-color-primary | var(--kendo-color-primary, #ff6358) | Default: $kendo-color-primary Computed: var(--kendo-color-primary, #ff6358) |
Description: The color of the current day in the Calendar. | |||
kendo-calendar-week-number-bg | null | null | Default: null Computed: null |
Description: The background color of the week number cells in the Calendar. | |||
kendo-calendar-week-number-text | $kendo-calendar-header-cell-text | var(--kendo-color-subtle, #666666) | Default: $kendo-calendar-header-cell-text Computed: var(--kendo-color-subtle, #666666) |
Description: The text color of the week number cells in the Calendar. | |||
kendo-calendar-other-month-bg | null | null | Default: null Computed: null |
Description: The background color of the preceding/subsequent month cells in the Calendar. | |||
kendo-calendar-other-month-text | $kendo-calendar-header-cell-text | var(--kendo-color-subtle, #666666) | Default: $kendo-calendar-header-cell-text Computed: var(--kendo-color-subtle, #666666) |
Description: The text color of the preceding/subsequent month cells in the Calendar. | |||
kendo-calendar-cell-bg | null | null | Default: null Computed: null |
Description: The background color of the cells in the Calendar. | |||
kendo-calendar-cell-text | null | null | Default: null Computed: null |
Description: The text color of the cells in the Calendar. | |||
kendo-calendar-cell-border | null | null | Default: null Computed: null |
Description: The border color of the cells in the Calendar. | |||
kendo-calendar-cell-gradient | null | null | Default: null Computed: null |
Description: The gradient of the cells in the Calendar. | |||
kendo-calendar-cell-hover-bg | $kendo-hover-bg | var(--kendo-color-base-hover, #ebebeb) | Default: $kendo-hover-bg Computed: var(--kendo-color-base-hover, #ebebeb) |
Description: The background color of the hovered cells in the Calendar. | |||
kendo-calendar-cell-hover-text | $kendo-hover-text | var(--kendo-color-on-app-surface, #3d3d3d) | Default: $kendo-hover-text Computed: var(--kendo-color-on-app-surface, #3d3d3d) |
Description: The text color of the hovered cells in the Calendar. | |||
kendo-calendar-cell-hover-border | $kendo-hover-border | var(--kendo-color-border, rgba(0, 0, 0, 0.08)) | Default: $kendo-hover-border Computed: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) |
Description: The border color of the hovered cells in the Calendar. | |||
kendo-calendar-cell-hover-gradient | null | null | Default: null Computed: null |
Description: The gradient of the hovered cells in the Calendar. | |||
kendo-calendar-cell-selected-bg | $kendo-selected-bg | var(--kendo-color-primary, #ff6358) | Default: $kendo-selected-bg Computed: var(--kendo-color-primary, #ff6358) |
Description: The background color of the selected cells in the Calendar. | |||
kendo-calendar-cell-selected-text | $kendo-selected-text | var(--kendo-color-on-primary, #ffffff) | Default: $kendo-selected-text Computed: var(--kendo-color-on-primary, #ffffff) |
Description: The text color of the selected cells in the Calendar. | |||
kendo-calendar-cell-selected-border | $kendo-selected-border | var(--kendo-color-border, rgba(0, 0, 0, 0.08)) | Default: $kendo-selected-border Computed: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) |
Description: The border color of the selected cells in the Calendar. | |||
kendo-calendar-cell-selected-gradient | null | null | Default: null Computed: null |
Description: The gradient of the selected cells in the Calendar. | |||
kendo-calendar-cell-selected-hover-bg | $kendo-selected-hover-bg | var(--kendo-color-primary-hover, #ea5a51) | Default: $kendo-selected-hover-bg Computed: var(--kendo-color-primary-hover, #ea5a51) |
Description: The background color of the selected and hovered cells in the Calendar. | |||
kendo-calendar-cell-selected-hover-text | $kendo-selected-hover-text | var(--kendo-color-on-primary, #ffffff) | Default: $kendo-selected-hover-text Computed: var(--kendo-color-on-primary, #ffffff) |
Description: The text color of the selected and hovered cells in the Calendar. | |||
kendo-calendar-cell-selected-hover-border | null | null | Default: null Computed: null |
Description: The border color of the selected and hovered cells in the Calendar. | |||
kendo-calendar-cell-selected-hover-gradient | null | null | Default: null Computed: null |
Description: The gradient of the selected and hovered cells in the Calendar. | |||
kendo-calendar-cell-focus-shadow | inset 0 0 0 2px rgba( $kendo-color-black, .08 ) | (inset 0 0 0 2px rgba(0, 0, 0, 0.08)) | Default: inset 0 0 0 2px rgba( $kendo-color-black, .08 ) Computed: (inset 0 0 0 2px rgba(0, 0, 0, 0.08)) |
Description: The shadow of the focused cells in the Calendar. | |||
kendo-calendar-cell-selected-focus-shadow | $kendo-calendar-cell-focus-shadow | (inset 0 0 0 2px rgba(0, 0, 0, 0.08)) | Default: $kendo-calendar-cell-focus-shadow Computed: (inset 0 0 0 2px rgba(0, 0, 0, 0.08)) |
Description: The shadow of the selected and focused cells in the Calendar. | |||
kendo-calendar-navigation-width | 5em | 5em | Default: 5em Computed: 5em |
Description: The width of the Calendar navigation. | |||
kendo-calendar-navigation-item-height | 2em | 2em | Default: 2em Computed: 2em |
Description: The height of the items in the Calendar navigation. | |||
kendo-calendar-navigation-bg | $kendo-calendar-header-bg | var(--kendo-color-surface, #fafafa) | Default: $kendo-calendar-header-bg Computed: var(--kendo-color-surface, #fafafa) |
Description: The background color of the Calendar navigation. | |||
kendo-calendar-navigation-text | $kendo-calendar-header-text | var(--kendo-color-on-app-surface, #3d3d3d) | Default: $kendo-calendar-header-text Computed: var(--kendo-color-on-app-surface, #3d3d3d) |
Description: The text color of the Calendar navigation. | |||
kendo-calendar-navigation-border | $kendo-calendar-header-border | var(--kendo-color-border, rgba(0, 0, 0, 0.08)) | Default: $kendo-calendar-header-border Computed: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) |
Description: The border color of the Calendar navigation. | |||
kendo-calendar-navigation-hover-text | $kendo-link-hover-text | var(--kendo-color-primary-hover, #ea5a51) | Default: $kendo-link-hover-text Computed: var(--kendo-color-primary-hover, #ea5a51) |
Description: The text color of the hovered items in the Calendar navigation. | |||
kendo-infinite-calendar-header-padding-x | k-spacing(4) | var(--kendo-spacing-4, 1rem) | Default: k-spacing(4) Computed: var(--kendo-spacing-4, 1rem) |
Description: The horizontal padding of the header in the Infinite Calendar. | |||
kendo-infinite-calendar-header-padding-y | k-spacing(2) | var(--kendo-spacing-2, 0.5rem) | Default: k-spacing(2) Computed: var(--kendo-spacing-2, 0.5rem) |
Description: The vertical padding of the header in the Infinite Calendar. | |||
kendo-infinite-calendar-view-padding-x | k-spacing(4) | var(--kendo-spacing-4, 1rem) | Default: k-spacing(4) Computed: var(--kendo-spacing-4, 1rem) |
Description: The horizontal padding of the Calendar view in the Infinite Calendar. | |||
kendo-infinite-calendar-view-padding-y | k-spacing(0) | var(--kendo-spacing-0, 0px) | Default: k-spacing(0) Computed: var(--kendo-spacing-0, 0px) |
Description: The vertical padding of the Calendar view in the Infinite Calendar. | |||
kendo-infinite-calendar-view-height | ( $kendo-calendar-cell-size * 9 ) | 288px | Default: ( $kendo-calendar-cell-size * 9 ) Computed: 288px |
Description: The height of the Calendar view in the Infinite Calendar. | |||
kendo-calendar-range-cell-border-radius | k-border-radius(lg) | var(--kendo-border-radius-lg, 0.375rem) | Default: k-border-radius(lg) Computed: var(--kendo-border-radius-lg, 0.375rem) |
Description: The border radius of the range cells in the Multiview Calendar. | |||
kendo-calendar-sm-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 small Calendar. | |||
kendo-calendar-sm-line-height | var( --kendo-line-height, normal ) | var(--kendo-line-height, normal) | Default: var( --kendo-line-height, normal ) Computed: var(--kendo-line-height, normal) |
Description: The line height of the small Calendar. | |||
kendo-calendar-sm-cell-size | 28px | 28px | Default: 28px Computed: 28px |
Description: The size of the cells in the small Calendar. | |||
kendo-calendar-sm-cell-padding-x | k-spacing(0.5) | var(--kendo-spacing-0\.5, 0.125rem) | Default: k-spacing(0.5) Computed: var(--kendo-spacing-0\.5, 0.125rem) |
Description: The horizontal padding of the cells in the small Calendar. | |||
kendo-calendar-sm-cell-padding-y | k-spacing(0.5) | var(--kendo-spacing-0\.5, 0.125rem) | Default: k-spacing(0.5) Computed: var(--kendo-spacing-0\.5, 0.125rem) |
Description: The vertical padding of the cells in the small Calendar. | |||
kendo-calendar-md-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 Calendar. | |||
kendo-calendar-md-line-height | var( --kendo-line-height, normal ) | var(--kendo-line-height, normal) | Default: var( --kendo-line-height, normal ) Computed: var(--kendo-line-height, normal) |
Description: The line height of the medium Calendar. | |||
kendo-calendar-md-cell-size | 32px | 32px | Default: 32px Computed: 32px |
Description: The size of the cells in the medium Calendar. | |||
kendo-calendar-md-cell-padding-x | k-spacing(1) | var(--kendo-spacing-1, 0.25rem) | Default: k-spacing(1) Computed: var(--kendo-spacing-1, 0.25rem) |
Description: The horizontal padding of the cells in the medium Calendar. | |||
kendo-calendar-md-cell-padding-y | k-spacing(1) | var(--kendo-spacing-1, 0.25rem) | Default: k-spacing(1) Computed: var(--kendo-spacing-1, 0.25rem) |
Description: The vertical padding of the cells in the medium Calendar. | |||
kendo-calendar-lg-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 Calendar. | |||
kendo-calendar-lg-line-height | var( --kendo-line-height-lg, normal ) | var(--kendo-line-height-lg, normal) | Default: var( --kendo-line-height-lg, normal ) Computed: var(--kendo-line-height-lg, normal) |
Description: The line height of the large Calendar. | |||
kendo-calendar-lg-cell-size | 40px | 40px | Default: 40px Computed: 40px |
Description: The size of the cells in the large Calendar. | |||
kendo-calendar-lg-cell-padding-x | k-spacing(2) | var(--kendo-spacing-2, 0.5rem) | Default: k-spacing(2) Computed: var(--kendo-spacing-2, 0.5rem) |
Description: The horizontal padding of the cells in the large Calendar. | |||
kendo-calendar-lg-cell-padding-y | k-spacing(2) | var(--kendo-spacing-2, 0.5rem) | Default: k-spacing(2) Computed: var(--kendo-spacing-2, 0.5rem) |
Description: The vertical padding of the cells in the large Calendar. | |||
kendo-calendar-sizes | (
sm: (
font-size: $kendo-calendar-sm-font-size,
line-height: $kendo-calendar-sm-line-height,
cell-size: $kendo-calendar-sm-cell-size,
cell-padding-x: $kendo-calendar-sm-cell-padding-y,
cell-padding-y: $kendo-calendar-sm-cell-padding-x
),
md: (
font-size: $kendo-calendar-md-font-size,
line-height: $kendo-calendar-md-line-height,
cell-size: $kendo-calendar-md-cell-size,
cell-padding-x: $kendo-calendar-md-cell-padding-y,
cell-padding-y: $kendo-calendar-md-cell-padding-x
),
lg: (
font-size: $kendo-calendar-lg-font-size,
line-height: $kendo-calendar-lg-line-height,
cell-size: $kendo-calendar-lg-cell-size,
cell-padding-x: $kendo-calendar-lg-cell-padding-y,
cell-padding-y: $kendo-calendar-lg-cell-padding-x
)
) | (sm: (font-size: var(--kendo-font-size, inherit), line-height: var(--kendo-line-height, normal), cell-size: 28px, cell-padding-x: var(--kendo-spacing-0\.5, 0.125rem), cell-padding-y: var(--kendo-spacing-0\.5, 0.125rem)), md: (font-size: var(--kendo-font-size, inherit), line-height: var(--kendo-line-height, normal), cell-size: 32px, cell-padding-x: var(--kendo-spacing-1, 0.25rem), cell-padding-y: var(--kendo-spacing-1, 0.25rem)), lg: (font-size: var(--kendo-font-size-lg, inherit), line-height: var(--kendo-line-height-lg, normal), cell-size: 40px, cell-padding-x: var(--kendo-spacing-2, 0.5rem), cell-padding-y: var(--kendo-spacing-2, 0.5rem))) | Default: (
sm: (
font-size: $kendo-calendar-sm-font-size,
line-height: $kendo-calendar-sm-line-height,
cell-size: $kendo-calendar-sm-cell-size,
cell-padding-x: $kendo-calendar-sm-cell-padding-y,
cell-padding-y: $kendo-calendar-sm-cell-padding-x
),
md: (
font-size: $kendo-calendar-md-font-size,
line-height: $kendo-calendar-md-line-height,
cell-size: $kendo-calendar-md-cell-size,
cell-padding-x: $kendo-calendar-md-cell-padding-y,
cell-padding-y: $kendo-calendar-md-cell-padding-x
),
lg: (
font-size: $kendo-calendar-lg-font-size,
line-height: $kendo-calendar-lg-line-height,
cell-size: $kendo-calendar-lg-cell-size,
cell-padding-x: $kendo-calendar-lg-cell-padding-y,
cell-padding-y: $kendo-calendar-lg-cell-padding-x
)
) Computed: (sm: (font-size: var(--kendo-font-size, inherit), line-height: var(--kendo-line-height, normal), cell-size: 28px, cell-padding-x: var(--kendo-spacing-0\.5, 0.125rem), cell-padding-y: var(--kendo-spacing-0\.5, 0.125rem)), md: (font-size: var(--kendo-font-size, inherit), line-height: var(--kendo-line-height, normal), cell-size: 32px, cell-padding-x: var(--kendo-spacing-1, 0.25rem), cell-padding-y: var(--kendo-spacing-1, 0.25rem)), lg: (font-size: var(--kendo-font-size-lg, inherit), line-height: var(--kendo-line-height-lg, normal), cell-size: 40px, cell-padding-x: var(--kendo-spacing-2, 0.5rem), cell-padding-y: var(--kendo-spacing-2, 0.5rem))) |
Description: The sizes Map of the Calendar. |