kendo-color-palette-default-size | "md" | "md" | Default: "md"Computed: "md" |
| Description: The default size of the ColorPalette.
|
kendo-color-palette-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 ColorPalette.
|
kendo-color-palette-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 ColorPalette.
|
kendo-color-palette-line-height | 0 | 0 | Default: 0Computed: 0 |
| Description: The line height of the ColorPalette.
|
kendo-color-palette-tile-width | k-spacing(6) | var(--kendo-spacing-6) | Default: k-spacing(6)Computed: var(--kendo-spacing-6) |
| Description: The width of the ColorPalette tile.
|
kendo-color-palette-tile-height | $kendo-color-palette-tile-width | var(--kendo-spacing-6) | Default: $kendo-color-palette-tile-widthComputed: var(--kendo-spacing-6) |
| Description: The height of the ColorPalette tile.
|
kendo-color-palette-sm-tile-width | k-spacing(5.5) | var(--kendo-spacing-5\.5) | Default: k-spacing(5.5)Computed: var(--kendo-spacing-5\.5) |
| Description: The width of the small ColorPalette tile.
|
kendo-color-palette-sm-tile-height | $kendo-color-palette-sm-tile-width | var(--kendo-spacing-5\.5) | Default: $kendo-color-palette-sm-tile-widthComputed: var(--kendo-spacing-5\.5) |
| Description: The height of the small ColorPalette tile.
|
kendo-color-palette-md-tile-width | $kendo-color-palette-tile-width | var(--kendo-spacing-6) | Default: $kendo-color-palette-tile-widthComputed: var(--kendo-spacing-6) |
| Description: The width of the medium ColorPalette tile.
|
kendo-color-palette-md-tile-height | $kendo-color-palette-tile-height | var(--kendo-spacing-6) | Default: $kendo-color-palette-tile-heightComputed: var(--kendo-spacing-6) |
| Description: The height of the medium ColorPalette tile.
|
kendo-color-palette-lg-tile-width | k-spacing(8) | var(--kendo-spacing-8) | Default: k-spacing(8)Computed: var(--kendo-spacing-8) |
| Description: The width of the large ColorPalette tile.
|
kendo-color-palette-lg-tile-height | $kendo-color-palette-lg-tile-width | var(--kendo-spacing-8) | Default: $kendo-color-palette-lg-tile-widthComputed: var(--kendo-spacing-8) |
| Description: The height of the large ColorPalette tile.
|
kendo-color-palette-tile-focus-shadow | 0 0 3px 1px color-mix(in srgb, k-color(inverse) 30%, transparent), inset 0 0 0 1px color-mix(in srgb, k-color(on-inverse) 50%, transparent) | (0 0 3px 1px color-mix(in srgb, var(--kendo-color-inverse) 30%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--kendo-color-on-inverse) 50%, transparent)) | Default: 0 0 3px 1px color-mix(in srgb, k-color(inverse) 30%, transparent), inset 0 0 0 1px color-mix(in srgb, k-color(on-inverse) 50%, transparent)Computed: (0 0 3px 1px color-mix(in srgb, var(--kendo-color-inverse) 30%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--kendo-color-on-inverse) 50%, transparent)) |
| Description: The shadow of the ColorPalette focused tile.
|
kendo-color-palette-tile-hover-shadow | 0 0 3px 1px color-mix(in srgb, k-color(inverse) 30%, transparent), inset 0 0 0 1px color-mix(in srgb, k-color(on-inverse) 80%, transparent) | (0 0 3px 1px color-mix(in srgb, var(--kendo-color-inverse) 30%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--kendo-color-on-inverse) 80%, transparent)) | Default: 0 0 3px 1px color-mix(in srgb, k-color(inverse) 30%, transparent), inset 0 0 0 1px color-mix(in srgb, k-color(on-inverse) 80%, transparent)Computed: (0 0 3px 1px color-mix(in srgb, var(--kendo-color-inverse) 30%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--kendo-color-on-inverse) 80%, transparent)) |
| Description: The shadow of the ColorPalette hovered tile.
|
kendo-color-palette-tile-selected-shadow | 0 1px 3px 1px color-mix(in srgb, k-color(inverse) 30%, transparent), inset 0 0 0 1px color-mix(in srgb, k-color(on-inverse) 100%, transparent) | (0 1px 3px 1px color-mix(in srgb, var(--kendo-color-inverse) 30%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--kendo-color-on-inverse) 100%, transparent)) | Default: 0 1px 3px 1px color-mix(in srgb, k-color(inverse) 30%, transparent), inset 0 0 0 1px color-mix(in srgb, k-color(on-inverse) 100%, transparent)Computed: (0 1px 3px 1px color-mix(in srgb, var(--kendo-color-inverse) 30%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--kendo-color-on-inverse) 100%, transparent)) |
| Description: The shadow of the ColorPalette selected tile.
|
kendo-color-palette-sizes | | sm: | "width":"var(--kendo-spacing-5\\.5)","height":"var(--kendo-spacing-5\\.5)" | | md: | "width":"var(--kendo-spacing-6)","height":"var(--kendo-spacing-6)" | | lg: | "width":"var(--kendo-spacing-8)","height":"var(--kendo-spacing-8)" |
| Computed: (sm: (width: var(--kendo-spacing-5\.5), height: var(--kendo-spacing-5\.5)), md: (width: var(--kendo-spacing-6), height: var(--kendo-spacing-6)), lg: (width: var(--kendo-spacing-8), height: var(--kendo-spacing-8))) |
| Description: The size map of the ColorPalette.
|
