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-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 | k-color(surface)!default | var(--kendo-color-surface, #fafafa) | Default: k-color(surface)!defaultComputed: var(--kendo-color-surface, #fafafa) |
| Description: The background color of the Pager.
|
kendo-pager-text | k-color(on-app-surface) | var(--kendo-color-on-app-surface, #3d3d3d) | Default: k-color(on-app-surface)Computed: var(--kendo-color-on-app-surface, #3d3d3d) |
| Description: The text color of the Pager.
|
kendo-pager-border | 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 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-item-border-width | 0px | 0px | Default: 0pxComputed: 0px |
| Description: The border width of the Pager items.
|
kendo-pager-item-spacing | null | null | Default: nullComputed: null |
| Description: The spacing around the Pager items.
|
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.
|
