kendo-pager-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 Pager.
|
kendo-pager-sm-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 small Pager.
|
kendo-pager-md-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 medium Pager.
|
kendo-pager-lg-padding-x | k-spacing(2.5) | var(--kendo-spacing-2\.5, 0.625rem) | Default: k-spacing(2.5)Computed: var(--kendo-spacing-2\.5, 0.625rem) |
| Description: The horizontal padding of the large Pager.
|
kendo-pager-padding-y | $kendo-pager-padding-x | var(--kendo-spacing-2, 0.5rem) | Default: $kendo-pager-padding-xComputed: var(--kendo-spacing-2, 0.5rem) |
| Description: The vertical padding of the Pager.
|
kendo-pager-sm-padding-y | $kendo-pager-sm-padding-x | var(--kendo-spacing-1, 0.25rem) | Default: $kendo-pager-sm-padding-xComputed: var(--kendo-spacing-1, 0.25rem) |
| Description: The vertical padding of the small Pager.
|
kendo-pager-md-padding-y | $kendo-pager-md-padding-x | var(--kendo-spacing-2, 0.5rem) | Default: $kendo-pager-md-padding-xComputed: var(--kendo-spacing-2, 0.5rem) |
| Description: The vertical padding of the medium Pager.
|
kendo-pager-lg-padding-y | $kendo-pager-lg-padding-x | var(--kendo-spacing-2\.5, 0.625rem) | Default: $kendo-pager-lg-padding-xComputed: var(--kendo-spacing-2\.5, 0.625rem) |
| Description: The vertical padding of the large Pager.
|
kendo-pager-sm-item-min-width | $kendo-button-sm-calc-size | calc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-0\.5, 0.125rem) * 2 + 1px * 2) | Default: $kendo-button-sm-calc-sizeComputed: calc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-0\.5, 0.125rem) * 2 + 1px * 2) |
| Description: The minimum width of the items in the small Pager.
|
kendo-pager-md-item-min-width | $kendo-button-md-calc-size | calc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-1, 0.25rem) * 2 + 1px * 2) | Default: $kendo-button-md-calc-sizeComputed: calc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-1, 0.25rem) * 2 + 1px * 2) |
| Description: The minimum width of the items in the medium Pagers.
|
kendo-pager-lg-item-min-width | $kendo-button-lg-calc-size | calc(var(--kendo-line-height-lg, normal) * 1em + var(--kendo-spacing-2, 0.5rem) * 2 + 1px * 2) | Default: $kendo-button-lg-calc-sizeComputed: calc(var(--kendo-line-height-lg, normal) * 1em + var(--kendo-spacing-2, 0.5rem) * 2 + 1px * 2) |
| Description: The minimum width of the items in the large Pagers.
|
kendo-pager-sm-item-group-spacing | k-spacing(3) | var(--kendo-spacing-3, 0.75rem) | Default: k-spacing(3)Computed: var(--kendo-spacing-3, 0.75rem) |
| Description: The margin between the item groups in the small Pager.
|
kendo-pager-md-item-group-spacing | k-spacing(3.5) | var(--kendo-spacing-3\.5, 0.875rem) | Default: k-spacing(3.5)Computed: var(--kendo-spacing-3\.5, 0.875rem) |
| Description: The margin between the item groups in the medium Pager.
|
kendo-pager-lg-item-group-spacing | k-spacing(4) | var(--kendo-spacing-4, 1rem) | Default: k-spacing(4)Computed: var(--kendo-spacing-4, 1rem) |
| Description: The margin between the item groups in the large Pager.
|
kendo-pager-border-width | 1px | 1px | Default: 1pxComputed: 1px |
| Description: The border width of the Pager.
|
kendo-pager-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 Pager.
|
kendo-pager-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 Pager.
|
kendo-pager-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 Pager.
|
kendo-pager-bg | $kendo-component-header-bg | var(--kendo-color-surface, #fafafa) | Default: $kendo-component-header-bgComputed: var(--kendo-color-surface, #fafafa) |
| Description: The background color of the Pager.
|
kendo-pager-text | $kendo-component-header-text | var(--kendo-color-on-app-surface, #3d3d3d) | Default: $kendo-component-header-textComputed: var(--kendo-color-on-app-surface, #3d3d3d) |
| Description: The text color of the Pager.
|
kendo-pager-border | $kendo-component-border | var(--kendo-color-border, rgba(0, 0, 0, 0.08)) | Default: $kendo-component-borderComputed: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) |
| Description: The border color of the Pager.
|
kendo-pager-focus-bg | null | null | Default: nullComputed: null |
| Description: The background color of the focused Pager.
|
kendo-pager-focus-shadow | $kendo-focus-shadow | (inset 0 0 0 2px rgba(0, 0, 0, 0.13)) | Default: $kendo-focus-shadowComputed: (inset 0 0 0 2px rgba(0, 0, 0, 0.13)) |
| Description: The box shadow of the focused Pager.
|
kendo-pager-section-spacing | null | null | Default: nullComputed: null |
| Description: The spacing between the sections of the Pager.
|
kendo-pager-item-border-width | 0px | 0px | Default: 0pxComputed: 0px |
| Description: The border width of the Pager items.
|
kendo-pager-item-border-radius | null | null | Default: nullComputed: null |
| Description: The border radius of the Pager items.
|
kendo-pager-item-spacing | null | null | Default: nullComputed: null |
| Description: The spacing around the Pager items.
|
kendo-pager-item-bg | null | null | Default: nullComputed: null |
| Description: The background color of the Pager items.
|
kendo-pager-item-text | null | null | Default: nullComputed: null |
| Description: The text color of the Pager items.
|
kendo-pager-item-border | null | null | Default: nullComputed: null |
| Description: The border color of the Pager items.
|
kendo-pager-item-hover-bg | $kendo-list-item-hover-bg | var(--kendo-color-base-hover, #ebebeb) | Default: $kendo-list-item-hover-bgComputed: var(--kendo-color-base-hover, #ebebeb) |
| Description: The background color of the hovered Pager items.
|
kendo-pager-item-hover-text | $kendo-list-item-hover-text | var(--kendo-color-on-app-surface, #3d3d3d) | Default: $kendo-list-item-hover-textComputed: var(--kendo-color-on-app-surface, #3d3d3d) |
| Description: The text color of the hovered Pager items.
|
kendo-pager-item-hover-border | null | null | Default: nullComputed: null |
| Description: The border color of the hovered Pager items.
|
kendo-pager-item-selected-bg | $kendo-list-item-selected-bg | var(--kendo-color-primary, #ff6358) | Default: $kendo-list-item-selected-bgComputed: var(--kendo-color-primary, #ff6358) |
| Description: The background color of the selected Pager items.
|
kendo-pager-item-selected-text | $kendo-list-item-selected-text | var(--kendo-color-on-primary, #ffffff) | Default: $kendo-list-item-selected-textComputed: var(--kendo-color-on-primary, #ffffff) |
| Description: The text color of the selected Pager items.
|
kendo-pager-item-selected-border | null | null | Default: nullComputed: null |
| Description: The border color of the selected Pager items.
|
kendo-pager-item-focus-opacity | null | null | Default: nullComputed: null |
| Description: The opacity of the focused Pager items.
|
kendo-pager-item-focus-bg | transparent | transparent | Default: transparentComputed: transparent |
| Description: The background color of the focused Pager items.
|
kendo-pager-item-focus-shadow | $kendo-list-item-focus-shadow | (inset 0 0 0 2px rgba(0, 0, 0, 0.12)) | Default: $kendo-list-item-focus-shadowComputed: (inset 0 0 0 2px rgba(0, 0, 0, 0.12)) |
| Description: The box shadow of the focused Pager items.
|
kendo-pager-number-border-radius | null | null | Default: nullComputed: null |
| Description: The border radius of the Pager numbers.
|
kendo-pager-input-width | 5em | 5em | Default: 5emComputed: 5em |
| Description: The width of the Inputs in the Pager.
|
kendo-pager-sm-dropdown-width | 5em | 5em | Default: 5emComputed: 5em |
| Description: The width of the DropDowns in the small Pager.
|
kendo-pager-md-dropdown-width | 5em | 5em | Default: 5emComputed: 5em |
| Description: The width of the DropDowns in the medium Pager.
|
kendo-pager-lg-dropdown-width | 5em | 5em | Default: 5emComputed: 5em |
| Description: The width of the DropDowns in the large Pager.
|
kendo-pager-sizes | | sm: | "padding-x":"var(--kendo-spacing-1, 0.25rem)","padding-y":"var(--kendo-spacing-1, 0.25rem)","item-group-spacing":"var(--kendo-spacing-3, 0.75rem)","item-min-width":"calc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-0\\.5, 0.125rem) * 2 + 1px * 2)","pager-dropdown-width":"5em" | | md: | "padding-x":"var(--kendo-spacing-2, 0.5rem)","padding-y":"var(--kendo-spacing-2, 0.5rem)","item-group-spacing":"var(--kendo-spacing-3\\.5, 0.875rem)","item-min-width":"calc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-1, 0.25rem) * 2 + 1px * 2)","pager-dropdown-width":"5em" | | lg: | "padding-x":"var(--kendo-spacing-2\\.5, 0.625rem)","padding-y":"var(--kendo-spacing-2\\.5, 0.625rem)","item-group-spacing":"var(--kendo-spacing-4, 1rem)","item-min-width":"calc(var(--kendo-line-height-lg, normal) * 1em + var(--kendo-spacing-2, 0.5rem) * 2 + 1px * 2)","pager-dropdown-width":"5em" |
| Computed: (sm: (padding-x: var(--kendo-spacing-1, 0.25rem), padding-y: var(--kendo-spacing-1, 0.25rem), item-group-spacing: var(--kendo-spacing-3, 0.75rem), item-min-width: calc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-0\.5, 0.125rem) * 2 + 1px * 2), pager-dropdown-width: 5em), md: (padding-x: var(--kendo-spacing-2, 0.5rem), padding-y: var(--kendo-spacing-2, 0.5rem), item-group-spacing: var(--kendo-spacing-3\.5, 0.875rem), item-min-width: calc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-1, 0.25rem) * 2 + 1px * 2), pager-dropdown-width: 5em), lg: (padding-x: var(--kendo-spacing-2\.5, 0.625rem), padding-y: var(--kendo-spacing-2\.5, 0.625rem), item-group-spacing: var(--kendo-spacing-4, 1rem), item-min-width: calc(var(--kendo-line-height-lg, normal) * 1em + var(--kendo-spacing-2, 0.5rem) * 2 + 1px * 2), pager-dropdown-width: 5em)) |
| Description: The sizes map of the Pager.
|
