kendo-breadcrumb-default-size | "md" | "md" | Default: "md"Computed: "md" |
| Description: The default size of the Breadcrumb.
|
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) | var(--kendo-font-family) | Default: var(--kendo-font-family)Computed: var(--kendo-font-family) |
| Description: The font family of the Breadcrumb.
|
kendo-breadcrumb-font-size | var(--kendo-font-size) | var(--kendo-font-size) | Default: var(--kendo-font-size)Computed: var(--kendo-font-size) |
| Description: The font size of the Breadcrumb.
|
kendo-breadcrumb-sm-font-size | var(--kendo-font-size) | var(--kendo-font-size) | Default: var(--kendo-font-size)Computed: var(--kendo-font-size) |
| Description: The font size of the small Breadcrumb.
|
kendo-breadcrumb-md-font-size | $kendo-breadcrumb-font-size | var(--kendo-font-size) | Default: $kendo-breadcrumb-font-sizeComputed: var(--kendo-font-size) |
| Description: The font size of the medium Breadcrumb.
|
kendo-breadcrumb-lg-font-size | var(--kendo-font-size-lg) | var(--kendo-font-size-lg) | Default: var(--kendo-font-size-lg)Computed: var(--kendo-font-size-lg) |
| Description: The font size of the large Breadcrumb.
|
kendo-breadcrumb-line-height | var(--kendo-line-height) | var(--kendo-line-height) | Default: var(--kendo-line-height)Computed: var(--kendo-line-height) |
| Description: The line-height of the Breadcrumb.
|
kendo-breadcrumb-sm-line-height | var(--kendo-line-height) | var(--kendo-line-height) | Default: var(--kendo-line-height)Computed: var(--kendo-line-height) |
| Description: The line-height of the small Breadcrumb.
|
kendo-breadcrumb-md-line-height | $kendo-breadcrumb-line-height | var(--kendo-line-height) | Default: $kendo-breadcrumb-line-heightComputed: var(--kendo-line-height) |
| Description: The line-height of the medium Breadcrumb.
|
kendo-breadcrumb-lg-line-height | var(--kendo-line-height-lg) | var(--kendo-line-height-lg) | Default: var(--kendo-line-height-lg)Computed: var(--kendo-line-height-lg) |
| Description: The line-height of the height Breadcrumb.
|
kendo-breadcrumb-bg | transparent | transparent | Default: transparentComputed: transparent |
| Description: The base background of the Breadcrumb.
|
kendo-breadcrumb-text | k-color(on-app-surface) | var(--kendo-color-on-app-surface) | Default: k-color(on-app-surface)Computed: var(--kendo-color-on-app-surface) |
| Description: The base text color of the Breadcrumb.
|
kendo-breadcrumb-border | transparent | transparent | Default: transparentComputed: transparent |
| Description: The base border color of the Breadcrumb.
|
kendo-breadcrumb-focus-shadow | 0 0 2px 1px k-color(border) | (0 0 2px 1px var(--kendo-color-border)) | Default: 0 0 2px 1px k-color(border)Computed: (0 0 2px 1px var(--kendo-color-border)) |
| Description: The box shadow of the focused Breadcrumb.
|
kendo-breadcrumb-sm-link-padding-x | k-spacing(2) | var(--kendo-spacing-2) | Default: k-spacing(2)Computed: var(--kendo-spacing-2) |
| Description: The horizontal padding of the small Breadcrumb link.
|
kendo-breadcrumb-md-link-padding-x | k-spacing(2) | var(--kendo-spacing-2) | Default: k-spacing(2)Computed: var(--kendo-spacing-2) |
| Description: The horizontal padding of the medium Breadcrumb link.
|
kendo-breadcrumb-lg-link-padding-x | k-spacing(2) | var(--kendo-spacing-2) | Default: k-spacing(2)Computed: var(--kendo-spacing-2) |
| Description: The horizontal padding of the large Breadcrumb link.
|
kendo-breadcrumb-sm-link-padding-y | k-spacing(1) | var(--kendo-spacing-1) | Default: k-spacing(1)Computed: var(--kendo-spacing-1) |
| Description: The vertical padding of the small Breadcrumb link.
|
kendo-breadcrumb-md-link-padding-y | k-spacing(1.5) | var(--kendo-spacing-1\.5) | Default: k-spacing(1.5)Computed: var(--kendo-spacing-1\.5) |
| Description: The vertical padding of the medium Breadcrumb link.
|
kendo-breadcrumb-lg-link-padding-y | k-spacing(2) | var(--kendo-spacing-2) | Default: k-spacing(2)Computed: var(--kendo-spacing-2) |
| Description: The vertical padding of the large Breadcrumb link.
|
kendo-breadcrumb-link-border-radius | k-border-radius(md) | var(--kendo-border-radius-md) | Default: k-border-radius(md)Computed: var(--kendo-border-radius-md) |
| Description: The border-radius of the Breadcrumb link.
|
kendo-breadcrumb-sm-icon-link-padding-y | k-spacing(1.5) | var(--kendo-spacing-1\.5) | Default: k-spacing(1.5)Computed: var(--kendo-spacing-1\.5) |
| Description: The vertical padding of the small Breadcrumb link icon.
|
kendo-breadcrumb-md-icon-link-padding-y | k-spacing(2) | var(--kendo-spacing-2) | Default: k-spacing(2)Computed: var(--kendo-spacing-2) |
| Description: The vertical padding of the medium Breadcrumb link icon.
|
kendo-breadcrumb-lg-icon-link-padding-y | k-spacing(3) | var(--kendo-spacing-3) | Default: k-spacing(3)Computed: var(--kendo-spacing-3) |
| 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) | Default: $kendo-breadcrumb-sm-icon-link-padding-yComputed: var(--kendo-spacing-1\.5) |
| 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) | Default: $kendo-breadcrumb-md-icon-link-padding-yComputed: var(--kendo-spacing-2) |
| 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) | Default: $kendo-breadcrumb-lg-icon-link-padding-yComputed: var(--kendo-spacing-3) |
| 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) | Default: $kendo-icon-spacingComputed: var(--kendo-spacing-1) |
| 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-on-surface) | var(--kendo-color-primary-on-surface) | Default: k-color( primary-on-surface)Computed: var(--kendo-color-primary-on-surface) |
| 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 | transparent | transparent | Default: transparentComputed: transparent |
| Description: The background color of the hovered Breadcrumb link.
|
kendo-breadcrumb-link-hover-text | color-mix(in srgb, k-color(primary-on-surface) 80%, k-color(on-app-surface)) | color-mix(in srgb, var(--kendo-color-primary-on-surface) 80%, var(--kendo-color-on-app-surface)) | Default: color-mix(in srgb, k-color(primary-on-surface) 80%, k-color(on-app-surface))Computed: color-mix(in srgb, var(--kendo-color-primary-on-surface) 80%, var(--kendo-color-on-app-surface)) |
| 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-on-surface) | var(--kendo-color-primary-on-surface) | Default: k-color(primary-on-surface)Computed: var(--kendo-color-primary-on-surface) |
| 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 | inset 0 0 0 2px k-color(border-alt) | (inset 0 0 0 2px var(--kendo-color-border-alt)) | Default: inset 0 0 0 2px k-color(border-alt)Computed: (inset 0 0 0 2px var(--kendo-color-border-alt)) |
| 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 | transparent | transparent | Default: transparentComputed: transparent |
| 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 var(--kendo-color-border-alt)) | Default: $kendo-breadcrumb-link-focus-shadowComputed: (inset 0 0 0 2px var(--kendo-color-border-alt)) |
| 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)","link-padding-y":"var(--kendo-spacing-1)","icon-link-padding-x":"var(--kendo-spacing-1\\.5)","icon-link-padding-y":"var(--kendo-spacing-1\\.5)","font-size":"var(--kendo-font-size)","line-height":"var(--kendo-line-height)" | | md: | "link-padding-x":"var(--kendo-spacing-2)","link-padding-y":"var(--kendo-spacing-1\\.5)","icon-link-padding-x":"var(--kendo-spacing-2)","icon-link-padding-y":"var(--kendo-spacing-2)","font-size":"var(--kendo-font-size)","line-height":"var(--kendo-line-height)" | | lg: | "link-padding-x":"var(--kendo-spacing-2)","link-padding-y":"var(--kendo-spacing-2)","icon-link-padding-x":"var(--kendo-spacing-3)","icon-link-padding-y":"var(--kendo-spacing-3)","font-size":"var(--kendo-font-size-lg)","line-height":"var(--kendo-line-height-lg)" |
| Computed: (sm: (link-padding-x: var(--kendo-spacing-2), link-padding-y: var(--kendo-spacing-1), icon-link-padding-x: var(--kendo-spacing-1\.5), icon-link-padding-y: var(--kendo-spacing-1\.5), font-size: var(--kendo-font-size), line-height: var(--kendo-line-height)), md: (link-padding-x: var(--kendo-spacing-2), link-padding-y: var(--kendo-spacing-1\.5), icon-link-padding-x: var(--kendo-spacing-2), icon-link-padding-y: var(--kendo-spacing-2), font-size: var(--kendo-font-size), line-height: var(--kendo-line-height)), lg: (link-padding-x: var(--kendo-spacing-2), link-padding-y: var(--kendo-spacing-2), icon-link-padding-x: var(--kendo-spacing-3), icon-link-padding-y: var(--kendo-spacing-3), font-size: var(--kendo-font-size-lg), line-height: var(--kendo-line-height-lg))) |
| Description: The sizes map of the Breadcrumb.
|
