kendo-breadcrumb-border-width | 0px | 0px | Default: 0pxComputed: 0px |
| Description: The width of the border around the Breadcrumb.
|
kendo-breadcrumb-margin-x | null | null | Default: nullComputed: null |
| Description: The horizontal margin of the Breadcrumb.
|
kendo-breadcrumb-margin-y | null | null | Default: nullComputed: null |
| Description: The vertical margin of the Breadcrumb.
|
kendo-breadcrumb-padding-x | null | null | Default: nullComputed: null |
| Description: The horizontal padding of the Breadcrumb.
|
kendo-breadcrumb-padding-y | null | null | Default: nullComputed: null |
| Description: The vertical padding of the Breadcrumb.
|
kendo-breadcrumb-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 Breadcrumb.
|
kendo-breadcrumb-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 Breadcrumb.
|
kendo-breadcrumb-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 Breadcrumb.
|
kendo-breadcrumb-md-font-size | $kendo-breadcrumb-font-size | var(--kendo-font-size, inherit) | Default: $kendo-breadcrumb-font-sizeComputed: var(--kendo-font-size, inherit) |
| Description: The font size of the medium Breadcrumb.
|
kendo-breadcrumb-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 Breadcrumb.
|
kendo-breadcrumb-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 Breadcrumb.
|
kendo-breadcrumb-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 Breadcrumb.
|
kendo-breadcrumb-md-line-height | $kendo-breadcrumb-line-height | var(--kendo-line-height, normal) | Default: $kendo-breadcrumb-line-heightComputed: var(--kendo-line-height, normal) |
| Description: The line-height of the medium Breadcrumb.
|
kendo-breadcrumb-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 height Breadcrumb.
|
kendo-breadcrumb-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 base background of the Breadcrumb.
|
kendo-breadcrumb-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 base text color of the Breadcrumb.
|
kendo-breadcrumb-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 base border color of the Breadcrumb.
|
kendo-breadcrumb-focus-shadow | 0 0 2px 1px rgba(0, 0, 0, .06) | (0 0 2px 1px rgba(0, 0, 0, 0.06)) | Default: 0 0 2px 1px rgba(0, 0, 0, .06)Computed: (0 0 2px 1px rgba(0, 0, 0, 0.06)) |
| Description: The box shadow of the focused Breadcrumb.
|
kendo-breadcrumb-sm-link-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 small Breadcrumb link.
|
kendo-breadcrumb-md-link-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 Breadcrumb link.
|
kendo-breadcrumb-lg-link-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 large Breadcrumb link.
|
kendo-breadcrumb-sm-link-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 small Breadcrumb link.
|
kendo-breadcrumb-md-link-padding-y | k-spacing(1.5) | var(--kendo-spacing-1\.5, 0.375rem) | Default: k-spacing(1.5)Computed: var(--kendo-spacing-1\.5, 0.375rem) |
| Description: The vertical padding of the medium Breadcrumb link.
|
kendo-breadcrumb-lg-link-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 large Breadcrumb link.
|
kendo-breadcrumb-link-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 Breadcrumb link.
|
kendo-breadcrumb-sm-icon-link-padding-y | k-spacing(1.5) | var(--kendo-spacing-1\.5, 0.375rem) | Default: k-spacing(1.5)Computed: var(--kendo-spacing-1\.5, 0.375rem) |
| Description: The vertical padding of the small Breadcrumb link icon.
|
kendo-breadcrumb-md-icon-link-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 medium Breadcrumb link icon.
|
kendo-breadcrumb-lg-icon-link-padding-y | k-spacing(3) | var(--kendo-spacing-3, 0.75rem) | Default: k-spacing(3)Computed: var(--kendo-spacing-3, 0.75rem) |
| Description: The vertical padding of the large Breadcrumb link icon.
|
kendo-breadcrumb-sm-icon-link-padding-x | $kendo-breadcrumb-sm-icon-link-padding-y | var(--kendo-spacing-1\.5, 0.375rem) | Default: $kendo-breadcrumb-sm-icon-link-padding-yComputed: var(--kendo-spacing-1\.5, 0.375rem) |
| Description: The horizontal padding of the small Breadcrumb link icon.
|
kendo-breadcrumb-md-icon-link-padding-x | $kendo-breadcrumb-md-icon-link-padding-y | var(--kendo-spacing-2, 0.5rem) | Default: $kendo-breadcrumb-md-icon-link-padding-yComputed: var(--kendo-spacing-2, 0.5rem) |
| Description: The horizontal padding of the medium Breadcrumb link icon.
|
kendo-breadcrumb-lg-icon-link-padding-x | $kendo-breadcrumb-lg-icon-link-padding-y | var(--kendo-spacing-3, 0.75rem) | Default: $kendo-breadcrumb-lg-icon-link-padding-yComputed: var(--kendo-spacing-3, 0.75rem) |
| Description: The horizontal padding of the large Breadcrumb link icon.
|
kendo-breadcrumb-link-initial-text | inherit | inherit | Default: inheritComputed: inherit |
| Description: The text color of the Breadcrumb link.
|
kendo-breadcrumb-link-icon-spacing | $kendo-icon-spacing | var(--kendo-spacing-1, 0.25rem) | Default: $kendo-icon-spacingComputed: var(--kendo-spacing-1, 0.25rem) |
| Description: The spacing of the Breadcrumb link icon.
|
kendo-breadcrumb-link-bg | null | null | Default: nullComputed: null |
| Description: The background color of the Breadcrumb link.
|
kendo-breadcrumb-link-text | k-color(primary) | var(--kendo-color-primary, #ff6358) | Default: k-color(primary)Computed: var(--kendo-color-primary, #ff6358) |
| Description: The text color of the Breadcrumb link.
|
kendo-breadcrumb-link-border | null | null | Default: nullComputed: null |
| Description: The border color of the Breadcrumb link.
|
kendo-breadcrumb-link-hover-bg | k-color(surface) | var(--kendo-color-surface, #fafafa) | Default: k-color(surface)Computed: var(--kendo-color-surface, #fafafa) |
| Description: The background color of the hovered Breadcrumb link.
|
kendo-breadcrumb-link-hover-text | k-color(primary-hover) | var(--kendo-color-primary-hover, #ea5a51) | Default: k-color(primary-hover)Computed: var(--kendo-color-primary-hover, #ea5a51) |
| Description: The text color of the hovered Breadcrumb link.
|
kendo-breadcrumb-link-hover-border | null | null | Default: nullComputed: null |
| Description: The border color of the hovered Breadcrumb link.
|
kendo-breadcrumb-link-focus-bg | null | null | Default: nullComputed: null |
| Description: The background color of the focused Breadcrumb link.
|
kendo-breadcrumb-link-focus-text | k-color(primary) | var(--kendo-color-primary, #ff6358) | Default: k-color(primary)Computed: var(--kendo-color-primary, #ff6358) |
| Description: The text color of the focused Breadcrumb link.
|
kendo-breadcrumb-link-focus-border | null | null | Default: nullComputed: null |
| Description: The border color of the focused Breadcrumb link.
|
kendo-breadcrumb-link-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 Breadcrumb link.
|
kendo-breadcrumb-root-link-bg | null | null | Default: nullComputed: null |
| Description: The background color of the Breadcrumb root link.
|
kendo-breadcrumb-root-link-text | null | null | Default: nullComputed: null |
| Description: The text color of the Breadcrumb root link.
|
kendo-breadcrumb-root-link-border | null | null | Default: nullComputed: null |
| Description: The border color of the Breadcrumb root link.
|
kendo-breadcrumb-root-link-hover-bg | k-color(surface) | var(--kendo-color-surface, #fafafa) | Default: k-color(surface)Computed: var(--kendo-color-surface, #fafafa) |
| Description: The background color of the hovered Breadcrumb root link.
|
kendo-breadcrumb-root-link-hover-text | null | null | Default: nullComputed: null |
| Description: The text color of the hovered Breadcrumb root link.
|
kendo-breadcrumb-root-link-hover-border | null | null | Default: nullComputed: null |
| Description: The border color of the hovered Breadcrumb root link.
|
kendo-breadcrumb-root-link-focus-bg | null | null | Default: nullComputed: null |
| Description: The background color of the focused Breadcrumb root link.
|
kendo-breadcrumb-root-link-focus-text | null | null | Default: nullComputed: null |
| Description: The text color of the focused Breadcrumb root link.
|
kendo-breadcrumb-root-link-focus-border | null | null | Default: nullComputed: null |
| Description: The border color of the focused Breadcrumb root link.
|
kendo-breadcrumb-root-link-focus-shadow | $kendo-breadcrumb-link-focus-shadow | (inset 0 0 0 2px rgba(0, 0, 0, 0.13)) | Default: $kendo-breadcrumb-link-focus-shadowComputed: (inset 0 0 0 2px rgba(0, 0, 0, 0.13)) |
| Description: The box shadow of the focused Breadcrumb root link.
|
kendo-breadcrumb-current-item-bg | null | null | Default: nullComputed: null |
| Description: The background color of the current Breadcrumb root link.
|
kendo-breadcrumb-current-item-text | null | null | Default: nullComputed: null |
| Description: The text color of the current Breadcrumb root link.
|
kendo-breadcrumb-current-item-border | null | null | Default: nullComputed: null |
| Description: The border color of the current Breadcrumb root link.
|
kendo-breadcrumb-sizes | | sm: | "link-padding-x":"var(--kendo-spacing-2, 0.5rem)","link-padding-y":"var(--kendo-spacing-1, 0.25rem)","icon-link-padding-x":"var(--kendo-spacing-1\\.5, 0.375rem)","icon-link-padding-y":"var(--kendo-spacing-1\\.5, 0.375rem)","font-size":"var(--kendo-font-size, inherit)","line-height":"var(--kendo-line-height, normal)" | | md: | "link-padding-x":"var(--kendo-spacing-2, 0.5rem)","link-padding-y":"var(--kendo-spacing-1\\.5, 0.375rem)","icon-link-padding-x":"var(--kendo-spacing-2, 0.5rem)","icon-link-padding-y":"var(--kendo-spacing-2, 0.5rem)","font-size":"var(--kendo-font-size, inherit)","line-height":"var(--kendo-line-height, normal)" | | lg: | "link-padding-x":"var(--kendo-spacing-2, 0.5rem)","link-padding-y":"var(--kendo-spacing-2, 0.5rem)","icon-link-padding-x":"var(--kendo-spacing-3, 0.75rem)","icon-link-padding-y":"var(--kendo-spacing-3, 0.75rem)","font-size":"var(--kendo-font-size-lg, inherit)","line-height":"var(--kendo-line-height-lg, normal)" |
| Computed: (sm: (link-padding-x: var(--kendo-spacing-2, 0.5rem), link-padding-y: var(--kendo-spacing-1, 0.25rem), icon-link-padding-x: var(--kendo-spacing-1\.5, 0.375rem), icon-link-padding-y: var(--kendo-spacing-1\.5, 0.375rem), font-size: var(--kendo-font-size, inherit), line-height: var(--kendo-line-height, normal)), md: (link-padding-x: var(--kendo-spacing-2, 0.5rem), link-padding-y: var(--kendo-spacing-1\.5, 0.375rem), icon-link-padding-x: var(--kendo-spacing-2, 0.5rem), icon-link-padding-y: var(--kendo-spacing-2, 0.5rem), font-size: var(--kendo-font-size, inherit), line-height: var(--kendo-line-height, normal)), lg: (link-padding-x: var(--kendo-spacing-2, 0.5rem), link-padding-y: var(--kendo-spacing-2, 0.5rem), icon-link-padding-x: var(--kendo-spacing-3, 0.75rem), icon-link-padding-y: var(--kendo-spacing-3, 0.75rem), font-size: var(--kendo-font-size-lg, inherit), line-height: var(--kendo-line-height-lg, normal))) |
| Description: The sizes map for the Breadcrumb.
|
