kendo-color-editor-spacer | k-spacing(3) | var(--kendo-spacing-3, 0.75rem) | Default: k-spacing(3)Computed: var(--kendo-spacing-3, 0.75rem) |
| Description: The spacer of the ColorEditor.
|
kendo-color-editor-min-width | 272px | 272px | Default: 272pxComputed: 272px |
| Description: The minimum width of the ColorEditor.
|
kendo-color-editor-sm-min-width | 252px | 252px | Default: 252pxComputed: 252px |
| Description: The minimum width of the ColorEditor.
|
kendo-color-editor-md-min-width | $kendo-color-editor-min-width | 272px | Default: $kendo-color-editor-min-widthComputed: 272px |
| Description: The minimum width of the ColorEditor.
|
kendo-color-editor-lg-min-width | 362px | 362px | Default: 362pxComputed: 362px |
| Description: The minimum width of the ColorEditor.
|
kendo-color-editor-border-width | 1px | 1px | Default: 1pxComputed: 1px |
| Description: The width of the border around the ColorEditor.
|
kendo-color-editor-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 ColorEditor.
|
kendo-color-editor-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 ColorEditor.
|
kendo-color-editor-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 ColorEditor.
|
kendo-color-editor-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 ColorEditor.
|
kendo-color-editor-text | $kendo-component-text | var(--kendo-color-on-app-surface, #3d3d3d) | Default: $kendo-component-textComputed: var(--kendo-color-on-app-surface, #3d3d3d) |
| Description: The text color of the ColorEditor.
|
kendo-color-editor-bg | $kendo-component-bg | var(--kendo-color-surface-alt, #ffffff) | Default: $kendo-component-bgComputed: var(--kendo-color-surface-alt, #ffffff) |
| Description: The background color of the ColorEditor.
|
kendo-color-editor-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 ColorEditor.
|
kendo-color-editor-focus-border | null | null | Default: nullComputed: null |
| Description: The border color of the focused ColorEditor.
|
kendo-color-editor-focus-shadow | null | null | Default: nullComputed: null |
| Description: The box shadow of the focused ColorEditor.
|
kendo-color-editor-header-padding-y | $kendo-color-editor-spacer | var(--kendo-spacing-3, 0.75rem) | Default: $kendo-color-editor-spacerComputed: var(--kendo-spacing-3, 0.75rem) |
| Description: The vertical padding of the ColorEditor header.
|
kendo-color-editor-header-padding-x | $kendo-color-editor-header-padding-y | var(--kendo-spacing-3, 0.75rem) | Default: $kendo-color-editor-header-padding-yComputed: var(--kendo-spacing-3, 0.75rem) |
| Description: The horizontal padding of the ColorEditor header.
|
kendo-color-editor-header-actions-gap | k-spacing(2) | var(--kendo-spacing-2, 0.5rem) | Default: k-spacing(2)Computed: var(--kendo-spacing-2, 0.5rem) |
| Description: The spacing between the ColorEditor header actions.
|
kendo-color-editor-sm-header-padding-y | $kendo-color-editor-header-padding-y | var(--kendo-spacing-3, 0.75rem) | Default: $kendo-color-editor-header-padding-yComputed: var(--kendo-spacing-3, 0.75rem) |
| Description: The vertical padding of the small ColorEditor header.
|
kendo-color-editor-sm-header-padding-x | $kendo-color-editor-header-padding-x | var(--kendo-spacing-3, 0.75rem) | Default: $kendo-color-editor-header-padding-xComputed: var(--kendo-spacing-3, 0.75rem) |
| Description: The horizontal padding of the small ColorEditor header.
|
kendo-color-editor-md-header-padding-y | $kendo-color-editor-header-padding-y | var(--kendo-spacing-3, 0.75rem) | Default: $kendo-color-editor-header-padding-yComputed: var(--kendo-spacing-3, 0.75rem) |
| Description: The vertical padding of the medium ColorEditor header.
|
kendo-color-editor-md-header-padding-x | $kendo-color-editor-header-padding-x | var(--kendo-spacing-3, 0.75rem) | Default: $kendo-color-editor-header-padding-xComputed: var(--kendo-spacing-3, 0.75rem) |
| Description: The horizontal padding of the medium ColorEditor header.
|
kendo-color-editor-lg-header-padding-y | k-spacing(4.5) | var(--kendo-spacing-4\.5, 1.125rem) | Default: k-spacing(4.5)Computed: var(--kendo-spacing-4\.5, 1.125rem) |
| Description: The vertical padding of the large ColorEditor header.
|
kendo-color-editor-lg-header-padding-x | k-spacing(4.5) | var(--kendo-spacing-4\.5, 1.125rem) | Default: k-spacing(4.5)Computed: var(--kendo-spacing-4\.5, 1.125rem) |
| Description: The horizontal padding of the large ColorEditor header.
|
kendo-color-editor-color-preview-width | 32px | 32px | Default: 32pxComputed: 32px |
| Description: The width of the ColorEditor preview.
|
kendo-color-editor-color-preview-height | 12px | 12px | Default: 12pxComputed: 12px |
| Description: The height of the ColorEditor preview.
|
kendo-color-editor-preview-gap | k-spacing(1) | var(--kendo-spacing-1, 0.25rem) | Default: k-spacing(1)Computed: var(--kendo-spacing-1, 0.25rem) |
| Description: The spacing between the colors in the ColorEditor preview.
|
kendo-color-editor-sm-preview-gap | k-spacing(0.5) | var(--kendo-spacing-0\.5, 0.125rem) | Default: k-spacing(0.5)Computed: var(--kendo-spacing-0\.5, 0.125rem) |
| Description: The spacing between the colors in the small ColorEditor preview.
|
kendo-color-editor-md-preview-gap | $kendo-color-editor-preview-gap | var(--kendo-spacing-1, 0.25rem) | Default: $kendo-color-editor-preview-gapComputed: var(--kendo-spacing-1, 0.25rem) |
| Description: The spacing between the colors in the medium ColorEditor preview.
|
kendo-color-editor-lg-preview-gap | k-spacing(1) | var(--kendo-spacing-1, 0.25rem) | Default: k-spacing(1)Computed: var(--kendo-spacing-1, 0.25rem) |
| Description: The spacing between the colors in the large ColorEditor preview.
|
kendo-color-editor-sm-color-preview-width | 34px | 34px | Default: 34pxComputed: 34px |
| Description: The width of the small ColorEditor preview.
|
kendo-color-editor-sm-color-preview-height | 12px | 12px | Default: 12pxComputed: 12px |
| Description: The height of the small ColorEditor preview.
|
kendo-color-editor-md-color-preview-width | $kendo-color-editor-color-preview-width | 32px | Default: $kendo-color-editor-color-preview-widthComputed: 32px |
| Description: The width of the medium ColorEditor preview.
|
kendo-color-editor-md-color-preview-height | $kendo-color-editor-color-preview-height | 12px | Default: $kendo-color-editor-color-preview-heightComputed: 12px |
| Description: The height of the medium ColorEditor preview.
|
kendo-color-editor-lg-color-preview-width | 44px | 44px | Default: 44pxComputed: 44px |
| Description: The width of the large ColorEditor preview.
|
kendo-color-editor-lg-color-preview-height | 16px | 16px | Default: 16pxComputed: 16px |
| Description: The height of the large ColorEditor preview.
|
kendo-color-editor-views-padding-y | $kendo-color-editor-spacer | var(--kendo-spacing-3, 0.75rem) | Default: $kendo-color-editor-spacerComputed: var(--kendo-spacing-3, 0.75rem) |
| Description: The vertical padding of the ColorEditor views container.
|
kendo-color-editor-views-padding-x | $kendo-color-editor-views-padding-y | var(--kendo-spacing-3, 0.75rem) | Default: $kendo-color-editor-views-padding-yComputed: var(--kendo-spacing-3, 0.75rem) |
| Description: The horizontal padding of the ColorEditor views container.
|
kendo-color-editor-views-gap | $kendo-color-editor-spacer | var(--kendo-spacing-3, 0.75rem) | Default: $kendo-color-editor-spacerComputed: var(--kendo-spacing-3, 0.75rem) |
| Description: The spacing of the ColorEditor views container.
|
kendo-color-editor-sm-views-padding-y | $kendo-color-editor-spacer | var(--kendo-spacing-3, 0.75rem) | Default: $kendo-color-editor-spacerComputed: var(--kendo-spacing-3, 0.75rem) |
| Description: The vertical padding of the small ColorEditor views container.
|
kendo-color-editor-sm-views-padding-x | $kendo-color-editor-views-padding-y | var(--kendo-spacing-3, 0.75rem) | Default: $kendo-color-editor-views-padding-yComputed: var(--kendo-spacing-3, 0.75rem) |
| Description: The horizontal padding of the small ColorEditor views container.
|
kendo-color-editor-sm-views-gap | $kendo-color-editor-spacer | var(--kendo-spacing-3, 0.75rem) | Default: $kendo-color-editor-spacerComputed: var(--kendo-spacing-3, 0.75rem) |
| Description: The spacing of the small ColorEditor views container.
|
kendo-color-editor-md-views-padding-y | $kendo-color-editor-views-padding-y | var(--kendo-spacing-3, 0.75rem) | Default: $kendo-color-editor-views-padding-yComputed: var(--kendo-spacing-3, 0.75rem) |
| Description: The vertical padding of the medium ColorEditor views container.
|
kendo-color-editor-md-views-padding-x | $kendo-color-editor-views-padding-x | var(--kendo-spacing-3, 0.75rem) | Default: $kendo-color-editor-views-padding-xComputed: var(--kendo-spacing-3, 0.75rem) |
| Description: The horizontal padding of the medium ColorEditor views container.
|
kendo-color-editor-md-views-gap | $kendo-color-editor-views-gap | var(--kendo-spacing-3, 0.75rem) | Default: $kendo-color-editor-views-gapComputed: var(--kendo-spacing-3, 0.75rem) |
| Description: The spacing of the medium ColorEditor views container.
|
kendo-color-editor-lg-views-padding-y | k-spacing(4.5) | var(--kendo-spacing-4\.5, 1.125rem) | Default: k-spacing(4.5)Computed: var(--kendo-spacing-4\.5, 1.125rem) |
| Description: The vertical padding of the large ColorEditor views container.
|
kendo-color-editor-lg-views-padding-x | k-spacing(4.5) | var(--kendo-spacing-4\.5, 1.125rem) | Default: k-spacing(4.5)Computed: var(--kendo-spacing-4\.5, 1.125rem) |
| Description: The horizontal padding of the large ColorEditor views container.
|
kendo-color-editor-lg-views-gap | k-spacing(4.5) | var(--kendo-spacing-4\.5, 1.125rem) | Default: k-spacing(4.5)Computed: var(--kendo-spacing-4\.5, 1.125rem) |
| Description: The spacing of the large ColorEditor views container.
|
kendo-color-editor-color-gradient-focus-outline-color | rgba(0, 0, 0, .3) | rgba(0, 0, 0, 0.3) | Default: rgba(0, 0, 0, .3)Computed: rgba(0, 0, 0, 0.3) |
| Description: The outline color of the focused ColorGradient.
|
kendo-color-editor-color-gradient-focus-outline | 2px | 2px | Default: 2pxComputed: 2px |
| Description: The outline width of the focused ColorGradient.
|
kendo-color-editor-color-gradient-focus-outline-offset | 4px | 4px | Default: 4pxComputed: 4px |
| Description: The outline offset of the focused ColorGradient.
|
kendo-color-editor-sizes | | sm: | "min-width":"252px","header-padding-x":"var(--kendo-spacing-3, 0.75rem)","header-padding-y":"var(--kendo-spacing-3, 0.75rem)","views-padding-x":"var(--kendo-spacing-3, 0.75rem)","views-padding-y":"var(--kendo-spacing-3, 0.75rem)","preview-gap":"var(--kendo-spacing-0\\.5, 0.125rem)","preview-width":"34px","preview-height":"12px" | | md: | "min-width":"272px","header-padding-x":"var(--kendo-spacing-3, 0.75rem)","header-padding-y":"var(--kendo-spacing-3, 0.75rem)","views-padding-x":"var(--kendo-spacing-3, 0.75rem)","views-padding-y":"var(--kendo-spacing-3, 0.75rem)","preview-gap":"var(--kendo-spacing-1, 0.25rem)","preview-width":"32px","preview-height":"12px" | | lg: | "min-width":"362px","header-padding-x":"var(--kendo-spacing-4\\.5, 1.125rem)","header-padding-y":"var(--kendo-spacing-4\\.5, 1.125rem)","views-padding-x":"var(--kendo-spacing-4\\.5, 1.125rem)","views-padding-y":"var(--kendo-spacing-4\\.5, 1.125rem)","preview-gap":"var(--kendo-spacing-1, 0.25rem)","preview-width":"44px","preview-height":"16px" |
| Computed: (sm: (min-width: 252px, header-padding-x: var(--kendo-spacing-3, 0.75rem), header-padding-y: var(--kendo-spacing-3, 0.75rem), views-padding-x: var(--kendo-spacing-3, 0.75rem), views-padding-y: var(--kendo-spacing-3, 0.75rem), preview-gap: var(--kendo-spacing-0\.5, 0.125rem), preview-width: 34px, preview-height: 12px), md: (min-width: 272px, header-padding-x: var(--kendo-spacing-3, 0.75rem), header-padding-y: var(--kendo-spacing-3, 0.75rem), views-padding-x: var(--kendo-spacing-3, 0.75rem), views-padding-y: var(--kendo-spacing-3, 0.75rem), preview-gap: var(--kendo-spacing-1, 0.25rem), preview-width: 32px, preview-height: 12px), lg: (min-width: 362px, header-padding-x: var(--kendo-spacing-4\.5, 1.125rem), header-padding-y: var(--kendo-spacing-4\.5, 1.125rem), views-padding-x: var(--kendo-spacing-4\.5, 1.125rem), views-padding-y: var(--kendo-spacing-4\.5, 1.125rem), preview-gap: var(--kendo-spacing-1, 0.25rem), preview-width: 44px, preview-height: 16px)) |
| Description: The size map of the ColorEditor.
|
