From 8b67655663e81df38aecec8175c65fda2660a0ff Mon Sep 17 00:00:00 2001 From: Emil Petrov Date: Fri, 10 Jan 2025 13:54:01 +0200 Subject: [PATCH] chore: regen docs --- .../bootstrap/docs/customization-common.md | 50 + packages/bootstrap/docs/customization-icon.md | 70 + .../bootstrap/docs/customization-rating.md | 10 + .../bootstrap/docs/customization-toolbar.md | 68 +- packages/bootstrap/docs/customization.md | 198 +- packages/classic/docs/customization-form.md | 10 + packages/classic/docs/customization-rating.md | 10 + .../classic/docs/customization-toolbar.md | 68 +- packages/classic/docs/customization.md | 88 +- packages/core/docs/customization-appbar.md | 198 + packages/core/docs/customization-avatar.md | 98 + packages/core/docs/customization-badge.md | 268 + .../docs/customization-bottom-navigation.md | 228 + .../core/docs/customization-breadcrumb.md | 648 + packages/core/docs/customization-button.md | 628 + packages/core/docs/customization-calendar.md | 998 + packages/core/docs/customization-captcha.md | 178 + packages/core/docs/customization-card.md | 588 + .../core/docs/customization-chart-wizard.md | 148 + packages/core/docs/customization-charts.md | 128 + packages/core/docs/customization-chat.md | 678 + packages/core/docs/customization-checkbox.md | 508 + packages/core/docs/customization-chip.md | 458 + .../core/docs/customization-color-editor.md | 558 + .../core/docs/customization-color-gradient.md | 658 + .../core/docs/customization-color-palette.md | 188 + packages/core/docs/customization-common.md | 30 +- packages/core/docs/customization-dialog.md | 118 + .../core/docs/customization-dock-manager.md | 388 + packages/core/docs/customization-drawer.md | 348 + .../core/docs/customization-dropdowntree.md | 58 + packages/core/docs/customization-dropzone.md | 228 + packages/core/docs/customization-editor.md | 248 + packages/core/docs/customization-expander.md | 258 + .../core/docs/customization-file-manager.md | 608 + packages/core/docs/customization-filter.md | 118 + .../customization-floating-action-button.md | 508 + .../core/docs/customization-floating-label.md | 188 + packages/core/docs/customization-form.md | 548 + packages/core/docs/customization-gantt.md | 788 + packages/core/docs/customization-grid.md | 448 + packages/core/docs/customization-icon.md | 138 + packages/core/docs/customization-input.md | 848 + packages/core/docs/customization-list.md | 458 + packages/core/docs/customization-listbox.md | 188 + packages/core/docs/customization-listview.md | 218 + packages/core/docs/customization-loader.md | 368 + packages/core/docs/customization-loading.md | 78 + packages/core/docs/customization-map.md | 238 + .../core/docs/customization-mediaplayer.md | 168 + .../core/docs/customization-menu-button.md | 48 + packages/core/docs/customization-menu.md | 728 + packages/core/docs/customization-no-data.md | 58 + .../core/docs/customization-notification.md | 188 + .../docs/customization-one-time-password.md | 158 + packages/core/docs/customization-orgchart.md | 478 + packages/core/docs/customization-pager.md | 488 + packages/core/docs/customization-panel.md | 138 + packages/core/docs/customization-panelbar.md | 868 + .../core/docs/customization-pdf-viewer.md | 448 + packages/core/docs/customization-picker.md | 498 + packages/core/docs/customization-pivotgrid.md | 748 + packages/core/docs/customization-popover.md | 298 + packages/core/docs/customization-popup.md | 158 + .../core/docs/customization-progressbar.md | 258 + packages/core/docs/customization-prompt.md | 238 + packages/core/docs/customization-radio.md | 488 + packages/core/docs/customization-rating.md | 198 + packages/core/docs/customization-scheduler.md | 828 + .../core/docs/customization-scrollview.md | 318 + packages/core/docs/customization-skeleton.md | 78 + packages/core/docs/customization-slider.md | 408 + .../core/docs/customization-split-button.md | 128 + packages/core/docs/customization-splitter.md | 228 + .../core/docs/customization-spreadsheet.md | 848 + packages/core/docs/customization-stepper.md | 728 + packages/core/docs/customization-switch.md | 598 + packages/core/docs/customization-table.md | 378 + packages/core/docs/customization-tabstrip.md | 658 + packages/core/docs/customization-taskboard.md | 788 + .../core/docs/customization-tile-layout.md | 138 + .../core/docs/customization-time-marker.md | 58 + packages/core/docs/customization-timeline.md | 538 + packages/core/docs/customization-toolbar.md | 508 + packages/core/docs/customization-tooltip.md | 198 + packages/core/docs/customization-treelist.md | 58 + packages/core/docs/customization-treeview.md | 528 + .../core/docs/customization-typography.md | 760 + packages/core/docs/customization-upload.md | 338 + packages/core/docs/customization-window.md | 338 + packages/core/docs/customization-wizard.md | 138 + packages/core/docs/customization.md | 31336 +++++++++++++++- packages/default/docs/customization-common.md | 10 - packages/default/docs/customization-input.md | 20 - .../default/docs/customization-pdf-viewer.md | 10 - packages/default/docs/customization.md | 40 - packages/fluent/docs/customization-appbar.md | 70 + packages/fluent/docs/customization-badge.md | 60 + .../docs/customization-bottom-navigation.md | 30 + .../fluent/docs/customization-breadcrumb.md | 60 + packages/fluent/docs/customization-button.md | 410 + .../fluent/docs/customization-calendar.md | 140 + packages/fluent/docs/customization-captcha.md | 60 + packages/fluent/docs/customization-card.md | 50 + packages/fluent/docs/customization-chat.md | 30 + .../fluent/docs/customization-checkbox.md | 110 + packages/fluent/docs/customization-chip.md | 240 + .../fluent/docs/customization-color-editor.md | 90 + .../docs/customization-color-gradient.md | 170 + packages/fluent/docs/customization-common.md | 50 + packages/fluent/docs/customization-drawer.md | 80 + packages/fluent/docs/customization-editor.md | 50 + .../fluent/docs/customization-expander.md | 40 + .../fluent/docs/customization-file-manager.md | 40 + packages/fluent/docs/customization-filter.md | 10 + .../customization-floating-action-button.md | 140 + packages/fluent/docs/customization-form.md | 60 + packages/fluent/docs/customization-gantt.md | 90 + packages/fluent/docs/customization-grid.md | 10 + packages/fluent/docs/customization-icon.md | 70 + packages/fluent/docs/customization-input.md | 340 + packages/fluent/docs/customization-list.md | 150 + packages/fluent/docs/customization-listbox.md | 40 + .../fluent/docs/customization-listview.md | 20 + packages/fluent/docs/customization-loader.md | 60 + packages/fluent/docs/customization-map.md | 10 + .../fluent/docs/customization-mediaplayer.md | 20 + .../fluent/docs/customization-menu-button.md | 48 + packages/fluent/docs/customization-menu.md | 250 + .../fluent/docs/customization-notification.md | 20 + .../fluent/docs/customization-orgchart.md | 110 + packages/fluent/docs/customization-pager.md | 220 + .../fluent/docs/customization-panelbar.md | 180 + .../fluent/docs/customization-pdf-viewer.md | 40 + packages/fluent/docs/customization-picker.md | 258 + .../fluent/docs/customization-pivotgrid.md | 50 + packages/fluent/docs/customization-popover.md | 20 + .../fluent/docs/customization-progressbar.md | 10 + packages/fluent/docs/customization-radio.md | 130 + packages/fluent/docs/customization-rating.md | 110 + .../fluent/docs/customization-scheduler.md | 90 + .../fluent/docs/customization-scrollview.md | 80 + packages/fluent/docs/customization-slider.md | 280 + .../fluent/docs/customization-split-button.md | 30 + .../fluent/docs/customization-spreadsheet.md | 40 + packages/fluent/docs/customization-stepper.md | 90 + packages/fluent/docs/customization-switch.md | 140 + packages/fluent/docs/customization-table.md | 30 + .../fluent/docs/customization-tabstrip.md | 50 + .../fluent/docs/customization-taskboard.md | 170 + .../fluent/docs/customization-tile-layout.md | 20 + .../fluent/docs/customization-timeline.md | 20 + packages/fluent/docs/customization-toolbar.md | 160 + packages/fluent/docs/customization-tooltip.md | 10 + .../fluent/docs/customization-treeview.md | 120 + packages/fluent/docs/customization-upload.md | 10 + packages/fluent/docs/customization-window.md | 10 + packages/fluent/docs/customization.md | 5560 +++ .../material/docs/customization-common.md | 50 + .../customization-floating-action-button.md | 50 + .../material/docs/customization-pivotgrid.md | 10 + .../material/docs/customization-rating.md | 10 + packages/material/docs/customization.md | 120 + packages/utils/docs/customization-appbar.md | 198 + packages/utils/docs/customization-avatar.md | 98 + packages/utils/docs/customization-badge.md | 268 + .../docs/customization-bottom-navigation.md | 228 + .../utils/docs/customization-breadcrumb.md | 648 + packages/utils/docs/customization-button.md | 628 + packages/utils/docs/customization-calendar.md | 998 + packages/utils/docs/customization-captcha.md | 178 + packages/utils/docs/customization-card.md | 588 + .../utils/docs/customization-chart-wizard.md | 148 + packages/utils/docs/customization-charts.md | 128 + packages/utils/docs/customization-chat.md | 678 + packages/utils/docs/customization-checkbox.md | 508 + packages/utils/docs/customization-chip.md | 458 + .../utils/docs/customization-color-editor.md | 558 + .../docs/customization-color-gradient.md | 658 + .../utils/docs/customization-color-palette.md | 188 + packages/utils/docs/customization-common.md | 30 +- packages/utils/docs/customization-dialog.md | 118 + .../utils/docs/customization-dock-manager.md | 388 + packages/utils/docs/customization-drawer.md | 348 + .../utils/docs/customization-dropdowntree.md | 58 + packages/utils/docs/customization-dropzone.md | 228 + packages/utils/docs/customization-editor.md | 248 + packages/utils/docs/customization-expander.md | 258 + .../utils/docs/customization-file-manager.md | 608 + packages/utils/docs/customization-filter.md | 118 + .../customization-floating-action-button.md | 508 + .../docs/customization-floating-label.md | 188 + packages/utils/docs/customization-form.md | 548 + packages/utils/docs/customization-gantt.md | 788 + packages/utils/docs/customization-grid.md | 448 + packages/utils/docs/customization-icon.md | 138 + packages/utils/docs/customization-input.md | 848 + packages/utils/docs/customization-list.md | 458 + packages/utils/docs/customization-listbox.md | 188 + packages/utils/docs/customization-listview.md | 218 + packages/utils/docs/customization-loader.md | 368 + packages/utils/docs/customization-loading.md | 78 + packages/utils/docs/customization-map.md | 238 + .../utils/docs/customization-mediaplayer.md | 168 + .../utils/docs/customization-menu-button.md | 48 + packages/utils/docs/customization-menu.md | 728 + packages/utils/docs/customization-no-data.md | 58 + .../utils/docs/customization-notification.md | 188 + .../docs/customization-one-time-password.md | 158 + packages/utils/docs/customization-orgchart.md | 478 + packages/utils/docs/customization-pager.md | 488 + packages/utils/docs/customization-panel.md | 138 + packages/utils/docs/customization-panelbar.md | 868 + .../utils/docs/customization-pdf-viewer.md | 448 + packages/utils/docs/customization-picker.md | 498 + .../utils/docs/customization-pivotgrid.md | 748 + packages/utils/docs/customization-popover.md | 298 + packages/utils/docs/customization-popup.md | 158 + .../utils/docs/customization-progressbar.md | 258 + packages/utils/docs/customization-prompt.md | 238 + packages/utils/docs/customization-radio.md | 488 + packages/utils/docs/customization-rating.md | 198 + .../utils/docs/customization-scheduler.md | 828 + .../utils/docs/customization-scrollview.md | 318 + packages/utils/docs/customization-skeleton.md | 78 + packages/utils/docs/customization-slider.md | 408 + .../utils/docs/customization-split-button.md | 128 + packages/utils/docs/customization-splitter.md | 228 + .../utils/docs/customization-spreadsheet.md | 848 + packages/utils/docs/customization-stepper.md | 728 + packages/utils/docs/customization-switch.md | 598 + packages/utils/docs/customization-table.md | 378 + packages/utils/docs/customization-tabstrip.md | 658 + .../utils/docs/customization-taskboard.md | 788 + .../utils/docs/customization-tile-layout.md | 138 + .../utils/docs/customization-time-marker.md | 58 + packages/utils/docs/customization-timeline.md | 538 + packages/utils/docs/customization-toolbar.md | 508 + packages/utils/docs/customization-tooltip.md | 198 + packages/utils/docs/customization-treelist.md | 58 + packages/utils/docs/customization-treeview.md | 528 + .../utils/docs/customization-typography.md | 760 + packages/utils/docs/customization-upload.md | 338 + packages/utils/docs/customization-window.md | 338 + packages/utils/docs/customization-wizard.md | 138 + packages/utils/docs/customization.md | 30988 ++++++++++++++- 246 files changed, 134094 insertions(+), 1898 deletions(-) create mode 100644 packages/core/docs/customization-appbar.md create mode 100644 packages/core/docs/customization-avatar.md create mode 100644 packages/core/docs/customization-badge.md create mode 100644 packages/core/docs/customization-bottom-navigation.md create mode 100644 packages/core/docs/customization-breadcrumb.md create mode 100644 packages/core/docs/customization-button.md create mode 100644 packages/core/docs/customization-calendar.md create mode 100644 packages/core/docs/customization-captcha.md create mode 100644 packages/core/docs/customization-card.md create mode 100644 packages/core/docs/customization-chart-wizard.md create mode 100644 packages/core/docs/customization-charts.md create mode 100644 packages/core/docs/customization-chat.md create mode 100644 packages/core/docs/customization-checkbox.md create mode 100644 packages/core/docs/customization-chip.md create mode 100644 packages/core/docs/customization-color-editor.md create mode 100644 packages/core/docs/customization-color-gradient.md create mode 100644 packages/core/docs/customization-color-palette.md create mode 100644 packages/core/docs/customization-dialog.md create mode 100644 packages/core/docs/customization-dock-manager.md create mode 100644 packages/core/docs/customization-drawer.md create mode 100644 packages/core/docs/customization-dropdowntree.md create mode 100644 packages/core/docs/customization-dropzone.md create mode 100644 packages/core/docs/customization-editor.md create mode 100644 packages/core/docs/customization-expander.md create mode 100644 packages/core/docs/customization-file-manager.md create mode 100644 packages/core/docs/customization-filter.md create mode 100644 packages/core/docs/customization-floating-action-button.md create mode 100644 packages/core/docs/customization-floating-label.md create mode 100644 packages/core/docs/customization-form.md create mode 100644 packages/core/docs/customization-gantt.md create mode 100644 packages/core/docs/customization-grid.md create mode 100644 packages/core/docs/customization-icon.md create mode 100644 packages/core/docs/customization-input.md create mode 100644 packages/core/docs/customization-list.md create mode 100644 packages/core/docs/customization-listbox.md create mode 100644 packages/core/docs/customization-listview.md create mode 100644 packages/core/docs/customization-loader.md create mode 100644 packages/core/docs/customization-loading.md create mode 100644 packages/core/docs/customization-map.md create mode 100644 packages/core/docs/customization-mediaplayer.md create mode 100644 packages/core/docs/customization-menu-button.md create mode 100644 packages/core/docs/customization-menu.md create mode 100644 packages/core/docs/customization-no-data.md create mode 100644 packages/core/docs/customization-notification.md create mode 100644 packages/core/docs/customization-one-time-password.md create mode 100644 packages/core/docs/customization-orgchart.md create mode 100644 packages/core/docs/customization-pager.md create mode 100644 packages/core/docs/customization-panel.md create mode 100644 packages/core/docs/customization-panelbar.md create mode 100644 packages/core/docs/customization-pdf-viewer.md create mode 100644 packages/core/docs/customization-picker.md create mode 100644 packages/core/docs/customization-pivotgrid.md create mode 100644 packages/core/docs/customization-popover.md create mode 100644 packages/core/docs/customization-popup.md create mode 100644 packages/core/docs/customization-progressbar.md create mode 100644 packages/core/docs/customization-prompt.md create mode 100644 packages/core/docs/customization-radio.md create mode 100644 packages/core/docs/customization-rating.md create mode 100644 packages/core/docs/customization-scheduler.md create mode 100644 packages/core/docs/customization-scrollview.md create mode 100644 packages/core/docs/customization-skeleton.md create mode 100644 packages/core/docs/customization-slider.md create mode 100644 packages/core/docs/customization-split-button.md create mode 100644 packages/core/docs/customization-splitter.md create mode 100644 packages/core/docs/customization-spreadsheet.md create mode 100644 packages/core/docs/customization-stepper.md create mode 100644 packages/core/docs/customization-switch.md create mode 100644 packages/core/docs/customization-table.md create mode 100644 packages/core/docs/customization-tabstrip.md create mode 100644 packages/core/docs/customization-taskboard.md create mode 100644 packages/core/docs/customization-tile-layout.md create mode 100644 packages/core/docs/customization-time-marker.md create mode 100644 packages/core/docs/customization-timeline.md create mode 100644 packages/core/docs/customization-toolbar.md create mode 100644 packages/core/docs/customization-tooltip.md create mode 100644 packages/core/docs/customization-treelist.md create mode 100644 packages/core/docs/customization-treeview.md create mode 100644 packages/core/docs/customization-upload.md create mode 100644 packages/core/docs/customization-window.md create mode 100644 packages/core/docs/customization-wizard.md create mode 100644 packages/fluent/docs/customization-menu-button.md create mode 100644 packages/fluent/docs/customization-picker.md create mode 100644 packages/utils/docs/customization-appbar.md create mode 100644 packages/utils/docs/customization-avatar.md create mode 100644 packages/utils/docs/customization-badge.md create mode 100644 packages/utils/docs/customization-bottom-navigation.md create mode 100644 packages/utils/docs/customization-breadcrumb.md create mode 100644 packages/utils/docs/customization-button.md create mode 100644 packages/utils/docs/customization-calendar.md create mode 100644 packages/utils/docs/customization-captcha.md create mode 100644 packages/utils/docs/customization-card.md create mode 100644 packages/utils/docs/customization-chart-wizard.md create mode 100644 packages/utils/docs/customization-charts.md create mode 100644 packages/utils/docs/customization-chat.md create mode 100644 packages/utils/docs/customization-checkbox.md create mode 100644 packages/utils/docs/customization-chip.md create mode 100644 packages/utils/docs/customization-color-editor.md create mode 100644 packages/utils/docs/customization-color-gradient.md create mode 100644 packages/utils/docs/customization-color-palette.md create mode 100644 packages/utils/docs/customization-dialog.md create mode 100644 packages/utils/docs/customization-dock-manager.md create mode 100644 packages/utils/docs/customization-drawer.md create mode 100644 packages/utils/docs/customization-dropdowntree.md create mode 100644 packages/utils/docs/customization-dropzone.md create mode 100644 packages/utils/docs/customization-editor.md create mode 100644 packages/utils/docs/customization-expander.md create mode 100644 packages/utils/docs/customization-file-manager.md create mode 100644 packages/utils/docs/customization-filter.md create mode 100644 packages/utils/docs/customization-floating-action-button.md create mode 100644 packages/utils/docs/customization-floating-label.md create mode 100644 packages/utils/docs/customization-form.md create mode 100644 packages/utils/docs/customization-gantt.md create mode 100644 packages/utils/docs/customization-grid.md create mode 100644 packages/utils/docs/customization-icon.md create mode 100644 packages/utils/docs/customization-input.md create mode 100644 packages/utils/docs/customization-list.md create mode 100644 packages/utils/docs/customization-listbox.md create mode 100644 packages/utils/docs/customization-listview.md create mode 100644 packages/utils/docs/customization-loader.md create mode 100644 packages/utils/docs/customization-loading.md create mode 100644 packages/utils/docs/customization-map.md create mode 100644 packages/utils/docs/customization-mediaplayer.md create mode 100644 packages/utils/docs/customization-menu-button.md create mode 100644 packages/utils/docs/customization-menu.md create mode 100644 packages/utils/docs/customization-no-data.md create mode 100644 packages/utils/docs/customization-notification.md create mode 100644 packages/utils/docs/customization-one-time-password.md create mode 100644 packages/utils/docs/customization-orgchart.md create mode 100644 packages/utils/docs/customization-pager.md create mode 100644 packages/utils/docs/customization-panel.md create mode 100644 packages/utils/docs/customization-panelbar.md create mode 100644 packages/utils/docs/customization-pdf-viewer.md create mode 100644 packages/utils/docs/customization-picker.md create mode 100644 packages/utils/docs/customization-pivotgrid.md create mode 100644 packages/utils/docs/customization-popover.md create mode 100644 packages/utils/docs/customization-popup.md create mode 100644 packages/utils/docs/customization-progressbar.md create mode 100644 packages/utils/docs/customization-prompt.md create mode 100644 packages/utils/docs/customization-radio.md create mode 100644 packages/utils/docs/customization-rating.md create mode 100644 packages/utils/docs/customization-scheduler.md create mode 100644 packages/utils/docs/customization-scrollview.md create mode 100644 packages/utils/docs/customization-skeleton.md create mode 100644 packages/utils/docs/customization-slider.md create mode 100644 packages/utils/docs/customization-split-button.md create mode 100644 packages/utils/docs/customization-splitter.md create mode 100644 packages/utils/docs/customization-spreadsheet.md create mode 100644 packages/utils/docs/customization-stepper.md create mode 100644 packages/utils/docs/customization-switch.md create mode 100644 packages/utils/docs/customization-table.md create mode 100644 packages/utils/docs/customization-tabstrip.md create mode 100644 packages/utils/docs/customization-taskboard.md create mode 100644 packages/utils/docs/customization-tile-layout.md create mode 100644 packages/utils/docs/customization-time-marker.md create mode 100644 packages/utils/docs/customization-timeline.md create mode 100644 packages/utils/docs/customization-toolbar.md create mode 100644 packages/utils/docs/customization-tooltip.md create mode 100644 packages/utils/docs/customization-treelist.md create mode 100644 packages/utils/docs/customization-treeview.md create mode 100644 packages/utils/docs/customization-upload.md create mode 100644 packages/utils/docs/customization-window.md create mode 100644 packages/utils/docs/customization-wizard.md diff --git a/packages/bootstrap/docs/customization-common.md b/packages/bootstrap/docs/customization-common.md index 6490235ecc4..31d3bad4d2a 100644 --- a/packages/bootstrap/docs/customization-common.md +++ b/packages/bootstrap/docs/customization-common.md @@ -186,6 +186,56 @@ The following table lists the available variables for customization.
Description
The displays Map
+ + $kendo-disabled-bg + Null + null + null + + +
Description
The background color of disabled items.
+ + + + $kendo-disabled-text + Null + null + null + + +
Description
The text color of disabled items.
+ + + + $kendo-disabled-border + Null + null + null + + +
Description
The border color of disabled items.
+ + + + $kendo-disabled-opacity + Number + null + 0.65 + + +
Description
The opacity of disabled items.
+ + + + $kendo-disabled-filter + String + null + grayscale(0.1) + + +
Description
The filter of disabled items.
+ + diff --git a/packages/bootstrap/docs/customization-icon.md b/packages/bootstrap/docs/customization-icon.md index 1626f0ace11..12831b70e16 100644 --- a/packages/bootstrap/docs/customization-icon.md +++ b/packages/bootstrap/docs/customization-icon.md @@ -57,6 +57,76 @@ The following table lists the available variables for customization.
Description
Padding of the action icons container.
+ + $kendo-icon-size-xs + Calculation + null + calc(var(--kendo-icon-size, 1rem) * 0.75) + + +
Description
The extra small icon size.
+ + + + $kendo-icon-size-sm + Calculation + null + calc(var(--kendo-icon-size, 1rem) * 0.875) + + +
Description
The small icon size.
+ + + + $kendo-icon-size-md + String + null + var(--kendo-icon-size, 1rem) + + +
Description
The medium icon size.
+ + + + $kendo-icon-size-lg + Calculation + null + calc(var(--kendo-icon-size, 1rem) * 1.25) + + +
Description
The large icon size.
+ + + + $kendo-icon-size-xl + Calculation + null + calc(var(--kendo-icon-size, 1rem) * 1.5) + + +
Description
The extra large icon size.
+ + + + $kendo-icon-size-xxl + Calculation + null + calc(var(--kendo-icon-size, 1rem) * 2) + + +
Description
The double extra large icon size.
+ + + + $kendo-icon-size-xxxl + Calculation + null + calc(var(--kendo-icon-size, 1rem) * 3) + + +
Description
The triple extra large icon size.
+ + diff --git a/packages/bootstrap/docs/customization-rating.md b/packages/bootstrap/docs/customization-rating.md index bbe5467382b..aaffe6fe7b0 100644 --- a/packages/bootstrap/docs/customization-rating.md +++ b/packages/bootstrap/docs/customization-rating.md @@ -177,6 +177,16 @@ The following table lists the available variables for customization.
Description
The shadow of the focused and selected Rating icon.
+ + $kendo-rating-icon-size + Null + null + null + + +
Description
The size of the Rating icon.
+ + diff --git a/packages/bootstrap/docs/customization-toolbar.md b/packages/bootstrap/docs/customization-toolbar.md index 7eef9b7023a..a46a76e604e 100644 --- a/packages/bootstrap/docs/customization-toolbar.md +++ b/packages/bootstrap/docs/customization-toolbar.md @@ -149,9 +149,9 @@ The following table lists the available variables for customization. $kendo-toolbar-separator-height - Calculation + Null $kendo-button-md-calc-size - calc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-1\.5, 0.375rem) * 2 + 1px * 2) + null
Description
The height of the Toolbar button separator.
@@ -159,9 +159,9 @@ The following table lists the available variables for customization. $kendo-toolbar-sm-separator-height - Calculation + Null $kendo-button-sm-calc-size - calc(1.4285714286 * 1em + var(--kendo-spacing-1, 0.25rem) * 2 + 1px * 2) + null
Description
The height of the small Toolbar button separator.
@@ -169,9 +169,9 @@ The following table lists the available variables for customization. $kendo-toolbar-md-separator-height - Calculation + Null $kendo-toolbar-separator-height - calc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-1\.5, 0.375rem) * 2 + 1px * 2) + null
Description
The height of the medium Toolbar button separator.
@@ -179,9 +179,9 @@ The following table lists the available variables for customization. $kendo-toolbar-lg-separator-height - Calculation + Null $kendo-button-lg-calc-size - calc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-2, 0.5rem) * 2 + 1px * 2) + null
Description
The height of the large Toolbar button separator.
@@ -289,9 +289,9 @@ The following table lists the available variables for customization. $kendo-toolbar-scroll-overlay - List + Null $kendo-toolbar-bg, if($kendo-enable-color-system, color-mix(in srgb, k-color( app-surface ) 0%, transparent), rgba( $kendo-color-white, 0)) - (var(--kendo-color-surface, #f8f9fa), color-mix(in srgb, var(--kendo-color-app-surface, #ffffff) 0%, transparent)) + null
Description
The left and right scroll overlay of the Toolbar.
@@ -349,9 +349,9 @@ The following table lists the available variables for customization. $kendo-toolbar-outline-scroll-overlay - List + Null if($kendo-enable-color-system, k-color( app-surface ), $kendo-color-white), if($kendo-enable-color-system, color-mix(in srgb, k-color( app-surface ) 0%, transparent), rgba( $kendo-color-white, 0)) - (var(--kendo-color-app-surface, #ffffff), color-mix(in srgb, var(--kendo-color-app-surface, #ffffff) 0%, transparent)) + null
Description
The left and right scroll overlay of the outline Toolbar.
@@ -409,9 +409,9 @@ The following table lists the available variables for customization. $kendo-toolbar-flat-scroll-overlay - List + Null if($kendo-enable-color-system, k-color( app-surface ), $kendo-color-white), if($kendo-enable-color-system, color-mix(in srgb, k-color( app-surface ) 0%, transparent), rgba( $kendo-color-white, 0)) - (var(--kendo-color-app-surface, #ffffff), color-mix(in srgb, var(--kendo-color-app-surface, #ffffff) 0%, transparent)) + null
Description
The left and right scroll overlay of the flat Toolbar.
@@ -476,6 +476,46 @@ The following table lists the available variables for customization.
Description
The sizes map for the Toolbar.
+ + $kendo-toolbar-overflow-container-font-size + Null + null + null + + +
Description
The font size of the Toolbar overflow container.
+ + + + $kendo-toolbar-overflow-container-line-height + Null + null + null + + +
Description
The line-height of the Toolbar overflow container.
+ + + + $kendo-toolbar-overflow-button-padding-y + Null + null + null + + +
Description
The vertical padding of the Toolbar overflow button.
+ + + + $kendo-toolbar-overflow-button-padding-x + Null + null + null + + +
Description
The horizontal padding of the Toolbar overflow button.
+ + diff --git a/packages/bootstrap/docs/customization.md b/packages/bootstrap/docs/customization.md index 31fefdc4c3f..acdb38c6dd3 100644 --- a/packages/bootstrap/docs/customization.md +++ b/packages/bootstrap/docs/customization.md @@ -190,6 +190,56 @@ The following table lists the available variables for customizing the Bootstrap
Description
The displays Map
+ + $kendo-disabled-bg + Null + null + null + + +
Description
The background color of disabled items.
+ + + + $kendo-disabled-text + Null + null + null + + +
Description
The text color of disabled items.
+ + + + $kendo-disabled-border + Null + null + null + + +
Description
The border color of disabled items.
+ + + + $kendo-disabled-opacity + Number + null + 0.65 + + +
Description
The opacity of disabled items.
+ + + + $kendo-disabled-filter + String + null + grayscale(0.1) + + +
Description
The filter of disabled items.
+ + @@ -13246,6 +13296,76 @@ The following table lists the available variables for customizing the Bootstrap
Description
Padding of the action icons container.
+ + $kendo-icon-size-xs + Calculation + null + calc(var(--kendo-icon-size, 1rem) * 0.75) + + +
Description
The extra small icon size.
+ + + + $kendo-icon-size-sm + Calculation + null + calc(var(--kendo-icon-size, 1rem) * 0.875) + + +
Description
The small icon size.
+ + + + $kendo-icon-size-md + String + null + var(--kendo-icon-size, 1rem) + + +
Description
The medium icon size.
+ + + + $kendo-icon-size-lg + Calculation + null + calc(var(--kendo-icon-size, 1rem) * 1.25) + + +
Description
The large icon size.
+ + + + $kendo-icon-size-xl + Calculation + null + calc(var(--kendo-icon-size, 1rem) * 1.5) + + +
Description
The extra large icon size.
+ + + + $kendo-icon-size-xxl + Calculation + null + calc(var(--kendo-icon-size, 1rem) * 2) + + +
Description
The double extra large icon size.
+ + + + $kendo-icon-size-xxxl + Calculation + null + calc(var(--kendo-icon-size, 1rem) * 3) + + +
Description
The triple extra large icon size.
+ + @@ -22068,6 +22188,16 @@ The following table lists the available variables for customizing the Bootstrap
Description
The shadow of the focused and selected Rating icon.
+ + $kendo-rating-icon-size + Null + null + null + + +
Description
The size of the Rating icon.
+ + @@ -28752,9 +28882,9 @@ The following table lists the available variables for customizing the Bootstrap $kendo-toolbar-separator-height - Calculation + Null $kendo-button-md-calc-size - calc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-1\.5, 0.375rem) * 2 + 1px * 2) + null
Description
The height of the Toolbar button separator.
@@ -28762,9 +28892,9 @@ The following table lists the available variables for customizing the Bootstrap $kendo-toolbar-sm-separator-height - Calculation + Null $kendo-button-sm-calc-size - calc(1.4285714286 * 1em + var(--kendo-spacing-1, 0.25rem) * 2 + 1px * 2) + null
Description
The height of the small Toolbar button separator.
@@ -28772,9 +28902,9 @@ The following table lists the available variables for customizing the Bootstrap $kendo-toolbar-md-separator-height - Calculation + Null $kendo-toolbar-separator-height - calc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-1\.5, 0.375rem) * 2 + 1px * 2) + null
Description
The height of the medium Toolbar button separator.
@@ -28782,9 +28912,9 @@ The following table lists the available variables for customizing the Bootstrap $kendo-toolbar-lg-separator-height - Calculation + Null $kendo-button-lg-calc-size - calc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-2, 0.5rem) * 2 + 1px * 2) + null
Description
The height of the large Toolbar button separator.
@@ -28892,9 +29022,9 @@ The following table lists the available variables for customizing the Bootstrap $kendo-toolbar-scroll-overlay - List + Null $kendo-toolbar-bg, if($kendo-enable-color-system, color-mix(in srgb, k-color( app-surface ) 0%, transparent), rgba( $kendo-color-white, 0)) - (var(--kendo-color-surface, #f8f9fa), color-mix(in srgb, var(--kendo-color-app-surface, #ffffff) 0%, transparent)) + null
Description
The left and right scroll overlay of the Toolbar.
@@ -28952,9 +29082,9 @@ The following table lists the available variables for customizing the Bootstrap $kendo-toolbar-outline-scroll-overlay - List + Null if($kendo-enable-color-system, k-color( app-surface ), $kendo-color-white), if($kendo-enable-color-system, color-mix(in srgb, k-color( app-surface ) 0%, transparent), rgba( $kendo-color-white, 0)) - (var(--kendo-color-app-surface, #ffffff), color-mix(in srgb, var(--kendo-color-app-surface, #ffffff) 0%, transparent)) + null
Description
The left and right scroll overlay of the outline Toolbar.
@@ -29012,9 +29142,9 @@ The following table lists the available variables for customizing the Bootstrap $kendo-toolbar-flat-scroll-overlay - List + Null if($kendo-enable-color-system, k-color( app-surface ), $kendo-color-white), if($kendo-enable-color-system, color-mix(in srgb, k-color( app-surface ) 0%, transparent), rgba( $kendo-color-white, 0)) - (var(--kendo-color-app-surface, #ffffff), color-mix(in srgb, var(--kendo-color-app-surface, #ffffff) 0%, transparent)) + null
Description
The left and right scroll overlay of the flat Toolbar.
@@ -29079,6 +29209,46 @@ The following table lists the available variables for customizing the Bootstrap
Description
The sizes map for the Toolbar.
+ + $kendo-toolbar-overflow-container-font-size + Null + null + null + + +
Description
The font size of the Toolbar overflow container.
+ + + + $kendo-toolbar-overflow-container-line-height + Null + null + null + + +
Description
The line-height of the Toolbar overflow container.
+ + + + $kendo-toolbar-overflow-button-padding-y + Null + null + null + + +
Description
The vertical padding of the Toolbar overflow button.
+ + + + $kendo-toolbar-overflow-button-padding-x + Null + null + null + + +
Description
The horizontal padding of the Toolbar overflow button.
+ + diff --git a/packages/classic/docs/customization-form.md b/packages/classic/docs/customization-form.md index c6abed34fb9..151ddd7a68e 100644 --- a/packages/classic/docs/customization-form.md +++ b/packages/classic/docs/customization-form.md @@ -537,6 +537,16 @@ The following table lists the available variables for customization.
Description
The sizes map for the Form.
+ + $kendo-fieldset-text + Null + null + null + + +
Description
The text color of the Form fieldset.
+ + diff --git a/packages/classic/docs/customization-rating.md b/packages/classic/docs/customization-rating.md index a21181759a3..5f1b18ce585 100644 --- a/packages/classic/docs/customization-rating.md +++ b/packages/classic/docs/customization-rating.md @@ -177,6 +177,16 @@ The following table lists the available variables for customization.
Description
The shadow of the focused and selected Rating icon.
+ + $kendo-rating-icon-size + Null + null + null + + +
Description
The size of the Rating icon.
+ + diff --git a/packages/classic/docs/customization-toolbar.md b/packages/classic/docs/customization-toolbar.md index a4d2e19eaff..139782c4108 100644 --- a/packages/classic/docs/customization-toolbar.md +++ b/packages/classic/docs/customization-toolbar.md @@ -149,9 +149,9 @@ The following table lists the available variables for customization. $kendo-toolbar-separator-height - Calculation + Null $kendo-button-md-calc-size - calc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-1, 0.25rem) * 2 + 1px * 2) + null
Description
The height of the Toolbar button separator.
@@ -159,9 +159,9 @@ The following table lists the available variables for customization. $kendo-toolbar-sm-separator-height - Calculation + Null $kendo-button-sm-calc-size - calc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-0\.5, 0.125rem) * 2 + 1px * 2) + null
Description
The height of the small Toolbar button separator.
@@ -169,9 +169,9 @@ The following table lists the available variables for customization. $kendo-toolbar-md-separator-height - Calculation + Null $kendo-toolbar-separator-height - calc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-1, 0.25rem) * 2 + 1px * 2) + null
Description
The height of the medium Toolbar button separator.
@@ -179,9 +179,9 @@ The following table lists the available variables for customization. $kendo-toolbar-lg-separator-height - Calculation + Null $kendo-button-lg-calc-size - calc(var(--kendo-line-height-lg, normal) * 1em + var(--kendo-spacing-2, 0.5rem) * 2 + 1px * 2) + null
Description
The height of the large Toolbar button separator.
@@ -289,9 +289,9 @@ The following table lists the available variables for customization. $kendo-toolbar-scroll-overlay - List + Null $kendo-toolbar-bg, if($kendo-enable-color-system, color-mix(in srgb, k-color( app-surface ) 0%, transparent), rgba( $kendo-color-white, 0)) - (var(--kendo-color-surface, #f0f0f0), color-mix(in srgb, var(--kendo-color-app-surface, #ffffff) 0%, transparent)) + null
Description
The left and right scroll overlay of the Toolbar.
@@ -349,9 +349,9 @@ The following table lists the available variables for customization. $kendo-toolbar-outline-scroll-overlay - List + Null if($kendo-enable-color-system, k-color( app-surface ), $kendo-color-white), if($kendo-enable-color-system, color-mix(in srgb, k-color( app-surface ) 0%, transparent), rgba( $kendo-color-white, 0)) - (var(--kendo-color-app-surface, #ffffff), color-mix(in srgb, var(--kendo-color-app-surface, #ffffff) 0%, transparent)) + null
Description
The left and right scroll overlay of the outline Toolbar.
@@ -409,9 +409,9 @@ The following table lists the available variables for customization. $kendo-toolbar-flat-scroll-overlay - List + Null if($kendo-enable-color-system, k-color( app-surface ), $kendo-color-white), if($kendo-enable-color-system, color-mix(in srgb, k-color( app-surface ) 0%, transparent), rgba( $kendo-color-white, 0)) - (var(--kendo-color-app-surface, #ffffff), color-mix(in srgb, var(--kendo-color-app-surface, #ffffff) 0%, transparent)) + null
Description
The left and right scroll overlay of the flat Toolbar.
@@ -476,6 +476,46 @@ The following table lists the available variables for customization.
Description
The sizes map for the Toolbar.
+ + $kendo-toolbar-overflow-container-font-size + Null + null + null + + +
Description
The font size of the Toolbar overflow container.
+ + + + $kendo-toolbar-overflow-container-line-height + Null + null + null + + +
Description
The line-height of the Toolbar overflow container.
+ + + + $kendo-toolbar-overflow-button-padding-y + Null + null + null + + +
Description
The vertical padding of the Toolbar overflow button.
+ + + + $kendo-toolbar-overflow-button-padding-x + Null + null + null + + +
Description
The horizontal padding of the Toolbar overflow button.
+ + diff --git a/packages/classic/docs/customization.md b/packages/classic/docs/customization.md index 8ff31a88f0a..b10c671931b 100644 --- a/packages/classic/docs/customization.md +++ b/packages/classic/docs/customization.md @@ -12197,6 +12197,16 @@ The following table lists the available variables for customizing the Classic th
Description
The sizes map for the Form.
+ + $kendo-fieldset-text + Null + null + null + + +
Description
The text color of the Form fieldset.
+ + @@ -22429,6 +22439,16 @@ The following table lists the available variables for customizing the Classic th
Description
The shadow of the focused and selected Rating icon.
+ + $kendo-rating-icon-size + Null + null + null + + +
Description
The size of the Rating icon.
+ + @@ -29133,9 +29153,9 @@ The following table lists the available variables for customizing the Classic th $kendo-toolbar-separator-height - Calculation + Null $kendo-button-md-calc-size - calc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-1, 0.25rem) * 2 + 1px * 2) + null
Description
The height of the Toolbar button separator.
@@ -29143,9 +29163,9 @@ The following table lists the available variables for customizing the Classic th $kendo-toolbar-sm-separator-height - Calculation + Null $kendo-button-sm-calc-size - calc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-0\.5, 0.125rem) * 2 + 1px * 2) + null
Description
The height of the small Toolbar button separator.
@@ -29153,9 +29173,9 @@ The following table lists the available variables for customizing the Classic th $kendo-toolbar-md-separator-height - Calculation + Null $kendo-toolbar-separator-height - calc(var(--kendo-line-height, normal) * 1em + var(--kendo-spacing-1, 0.25rem) * 2 + 1px * 2) + null
Description
The height of the medium Toolbar button separator.
@@ -29163,9 +29183,9 @@ The following table lists the available variables for customizing the Classic th $kendo-toolbar-lg-separator-height - Calculation + Null $kendo-button-lg-calc-size - calc(var(--kendo-line-height-lg, normal) * 1em + var(--kendo-spacing-2, 0.5rem) * 2 + 1px * 2) + null
Description
The height of the large Toolbar button separator.
@@ -29273,9 +29293,9 @@ The following table lists the available variables for customizing the Classic th $kendo-toolbar-scroll-overlay - List + Null $kendo-toolbar-bg, if($kendo-enable-color-system, color-mix(in srgb, k-color( app-surface ) 0%, transparent), rgba( $kendo-color-white, 0)) - (var(--kendo-color-surface, #f0f0f0), color-mix(in srgb, var(--kendo-color-app-surface, #ffffff) 0%, transparent)) + null
Description
The left and right scroll overlay of the Toolbar.
@@ -29333,9 +29353,9 @@ The following table lists the available variables for customizing the Classic th $kendo-toolbar-outline-scroll-overlay - List + Null if($kendo-enable-color-system, k-color( app-surface ), $kendo-color-white), if($kendo-enable-color-system, color-mix(in srgb, k-color( app-surface ) 0%, transparent), rgba( $kendo-color-white, 0)) - (var(--kendo-color-app-surface, #ffffff), color-mix(in srgb, var(--kendo-color-app-surface, #ffffff) 0%, transparent)) + null
Description
The left and right scroll overlay of the outline Toolbar.
@@ -29393,9 +29413,9 @@ The following table lists the available variables for customizing the Classic th $kendo-toolbar-flat-scroll-overlay - List + Null if($kendo-enable-color-system, k-color( app-surface ), $kendo-color-white), if($kendo-enable-color-system, color-mix(in srgb, k-color( app-surface ) 0%, transparent), rgba( $kendo-color-white, 0)) - (var(--kendo-color-app-surface, #ffffff), color-mix(in srgb, var(--kendo-color-app-surface, #ffffff) 0%, transparent)) + null
Description
The left and right scroll overlay of the flat Toolbar.
@@ -29460,6 +29480,46 @@ The following table lists the available variables for customizing the Classic th
Description
The sizes map for the Toolbar.
+ + $kendo-toolbar-overflow-container-font-size + Null + null + null + + +
Description
The font size of the Toolbar overflow container.
+ + + + $kendo-toolbar-overflow-container-line-height + Null + null + null + + +
Description
The line-height of the Toolbar overflow container.
+ + + + $kendo-toolbar-overflow-button-padding-y + Null + null + null + + +
Description
The vertical padding of the Toolbar overflow button.
+ + + + $kendo-toolbar-overflow-button-padding-x + Null + null + null + + +
Description
The horizontal padding of the Toolbar overflow button.
+ + diff --git a/packages/core/docs/customization-appbar.md b/packages/core/docs/customization-appbar.md new file mode 100644 index 00000000000..21a49389d08 --- /dev/null +++ b/packages/core/docs/customization-appbar.md @@ -0,0 +1,198 @@ +--- +title: Customizing Appbar +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_appbar +position: 9 +--- + +# Customizing Appbar + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-appbar-margin-xnull
Description
The horizontal margin of the AppBar.
+
$kendo-appbar-margin-ynull
Description
The vertical margin of the AppBar.
+
$kendo-appbar-padding-xnull
Description
The horizontal padding of the AppBar.
+
$kendo-appbar-padding-ynull
Description
The vertical padding of the AppBar.
+
$kendo-appbar-border-widthnull
Description
The width of the border around the AppBar.
+
$kendo-appbar-zindexnull
Description
The z-index of the AppBar.
+
$kendo-appbar-font-familynull
Description
The font family of the AppBar.
+
$kendo-appbar-font-sizenull
Description
The font size of the AppBar.
+
$kendo-appbar-line-heightnull
Description
The line height of the AppBar.
+
$kendo-appbar-gapnull
Description
The spacing between the AppBar sections.
+
$kendo-appbar-light-bgnull
Description
The background color of the AppBar based on light theme color.
+
$kendo-appbar-light-textnull
Description
The text color of the AppBar based on light theme color.
+
$kendo-appbar-dark-bgnull
Description
The background color of the AppBar based on dark theme color.
+
$kendo-appbar-dark-textnull
Description
The text color of the AppBar based on dark theme color.
+
$kendo-appbar-box-shadownull
Description
The box shadow of the AppBar.
+
$kendo-appbar-bottom-box-shadownull
Description
The box shadow of the AppBar with bottom position.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-avatar.md b/packages/core/docs/customization-avatar.md new file mode 100644 index 00000000000..2fb0ac1c91a --- /dev/null +++ b/packages/core/docs/customization-avatar.md @@ -0,0 +1,98 @@ +--- +title: Customizing Avatar +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_avatar +position: 9 +--- + +# Customizing Avatar + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-avatar-border-widthnull
Description
The border width of the Avatar.
+
$kendo-avatar-font-familynull
Description
The font family of the Avatar.
+
$kendo-avatar-font-sizenull
Description
The font size of the Avatar.
+
$kendo-avatar-line-heightnull
Description
The line height of the Avatar.
+
$kendo-avatar-sizesnull
Description
The sizes map of the Avatar.
+
$kendo-avatar-theme-colorsnull
Description
The theme colors map of the Avatar.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-badge.md b/packages/core/docs/customization-badge.md new file mode 100644 index 00000000000..3145cbad3c6 --- /dev/null +++ b/packages/core/docs/customization-badge.md @@ -0,0 +1,268 @@ +--- +title: Customizing Badge +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_badge +position: 9 +--- + +# Customizing Badge + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-badge-border-widthnull
Description
The width of the border around the Badge.
+
$kendo-badge-border-radiusnull
Description
The border radius of the Badge.
+
$kendo-badge-padding-xnull
Description
The horizontal padding of the Badge.
+
$kendo-badge-sm-padding-xnull
Description
The horizontal padding of the small Badge.
+
$kendo-badge-md-padding-xnull
Description
The horizontal padding of the medium Badge.
+
$kendo-badge-lg-padding-xnull
Description
The horizontal padding of the large Badge.
+
$kendo-badge-padding-ynull
Description
The vertical padding of the Badge.
+
$kendo-badge-sm-padding-ynull
Description
The vertical padding of the small Badge.
+
$kendo-badge-md-padding-ynull
Description
The vertical padding of the medium Badge.
+
$kendo-badge-lg-padding-ynull
Description
The vertical padding of the large Badge.
+
$kendo-badge-font-sizenull
Description
The font sizes of the Badge.
+
$kendo-badge-sm-font-sizenull
Description
The font size of the small Badge.
+
$kendo-badge-md-font-sizevar( --kendo-font-size-xs, inherit )!default
Description
The font size of the medium Badge.
+
$kendo-badge-lg-font-sizenull
Description
The font size of the large Badge.
+
$kendo-badge-line-heightnull
Description
The line heights used along with the $kendo-font-size variable.
+
$kendo-badge-sm-line-heightnull
Description
The line height used along with the $kendo-font-size variable of the small Badge.
+
$kendo-badge-md-line-heightnull
Description
The line height used along with the $kendo-font-size variable of the medium Badge.
+
$kendo-badge-lg-line-heightnull
Description
The line height used along with the $kendo-font-size variable of the large Badge.
+
$kendo-badge-min-widthnull
Description
The calculated minimum width of the circular Badge.
+
$kendo-badge-sm-min-widthnull
Description
The calculated minimum width of the small circular Badge.
+
$kendo-badge-md-min-widthnull
Description
The calculated minimum width of the medium circular Badge.
+
$kendo-badge-lg-min-widthnull
Description
The calculated minimum width of the large circular Badge.
+
$kendo-badge-sizesnull
Description
The sizes map for the Badge.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-bottom-navigation.md b/packages/core/docs/customization-bottom-navigation.md new file mode 100644 index 00000000000..27e3f27a452 --- /dev/null +++ b/packages/core/docs/customization-bottom-navigation.md @@ -0,0 +1,228 @@ +--- +title: Customizing BottomNavigation +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_bottom-navigation +position: 9 +--- + +# Customizing BottomNavigation + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-bottom-nav-padding-xnull
Description
The horizontal padding of the BottomNavigation.
+
$kendo-bottom-nav-padding-ynull
Description
The vertical padding of the BottomNavigation.
+
$kendo-bottom-nav-gapnull
Description
The spacing between the BottomNavigation items.
+
$kendo-bottom-nav-border-widthnull
Description
The width of the border around the BottomNavigation.
+
$kendo-bottom-nav-font-familynull
Description
The font family of the BottomNavigation.
+
$kendo-bottom-nav-font-sizenull
Description
The font size of the BottomNavigation.
+
$kendo-bottom-nav-line-heightnull
Description
The line height of the BottomNavigation.
+
$kendo-bottom-nav-letter-spacingnull
Description
The letter spacing of the BottomNavigation.
+
$kendo-bottom-nav-item-padding-xnull
Description
The horizontal padding of the BottomNavigation item.
+
$kendo-bottom-nav-item-padding-ynull
Description
The vertical padding of the BottomNavigation item.
+
$kendo-bottom-nav-item-min-widthnull
Description
The minimum width of the BottomNavigation item.
+
$kendo-bottom-nav-item-max-widthnull
Description
The maximum width of the BottomNavigation item.
+
$kendo-bottom-nav-item-min-heightnull
Description
The minimum height of the BottomNavigation item.
+
$kendo-bottom-nav-item-border-radiusnull
Description
The border radius of the BottomNavigation item.
+
$kendo-bottom-nav-item-gapnull
Description
The spacing of the BottomNavigation item.
+
$kendo-bottom-nav-shadownull
Description
The box shadow of the BottomNavigation.
+
$kendo-bottom-nav-flat-textnull
Description
The text color of the flat BottomNavigation.
+
$kendo-bottom-nav-flat-bgnull
Description
The background color of the flat BottomNavigation.
+
$kendo-bottom-nav-flat-bordernull
Description
The border color of the flat BottomNavigation.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-breadcrumb.md b/packages/core/docs/customization-breadcrumb.md new file mode 100644 index 00000000000..7e929d113a9 --- /dev/null +++ b/packages/core/docs/customization-breadcrumb.md @@ -0,0 +1,648 @@ +--- +title: Customizing Breadcrumb +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_breadcrumb +position: 9 +--- + +# Customizing Breadcrumb + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-breadcrumb-border-widthnull
Description
The width of the border around the Breadcrumb.
+
$kendo-breadcrumb-margin-xnull
Description
The horizontal margin of the Breadcrumb.
+
$kendo-breadcrumb-margin-ynull
Description
The vertical margin of the Breadcrumb.
+
$kendo-breadcrumb-padding-xnull
Description
The horizontal padding of the Breadcrumb.
+
$kendo-breadcrumb-padding-ynull
Description
The vertical padding of the Breadcrumb.
+
$kendo-breadcrumb-font-familynull
Description
The font family of the Breadcrumb.
+
$kendo-breadcrumb-font-sizenull
Description
The font size of the Breadcrumb.
+
$kendo-breadcrumb-sm-font-sizenull
Description
The font size of the small Breadcrumb.
+
$kendo-breadcrumb-md-font-sizenull
Description
The font size of the medium Breadcrumb.
+
$kendo-breadcrumb-lg-font-sizenull
Description
The font size of the large Breadcrumb.
+
$kendo-breadcrumb-line-heightnull
Description
The line-height of the Breadcrumb.
+
$kendo-breadcrumb-sm-line-heightnull
Description
The line-height of the small Breadcrumb.
+
$kendo-breadcrumb-md-line-heightnull
Description
The line-height of the medium Breadcrumb.
+
$kendo-breadcrumb-lg-line-heightnull
Description
The line-height of the height Breadcrumb.
+
$kendo-breadcrumb-bgnull
Description
The base background of the Breadcrumb.
+
$kendo-breadcrumb-textnull
Description
The base text color of the Breadcrumb.
+
$kendo-breadcrumb-bordernull
Description
The base border color of the Breadcrumb.
+
$kendo-breadcrumb-focus-shadownull
Description
The box shadow of the focused Breadcrumb.
+
$kendo-breadcrumb-link-padding-xnull
Description
The horizontal padding of the Breadcrumb link.
+
$kendo-breadcrumb-sm-link-padding-xnull
Description
The horizontal padding of the small Breadcrumb link.
+
$kendo-breadcrumb-md-link-padding-xnull
Description
The horizontal padding of the medium Breadcrumb link.
+
$kendo-breadcrumb-lg-link-padding-xnull
Description
The horizontal padding of the large Breadcrumb link.
+
$kendo-breadcrumb-link-padding-ynull
Description
The vertical padding of the Breadcrumb link.
+
$kendo-breadcrumb-sm-link-padding-ynull
Description
The vertical padding of the small Breadcrumb link.
+
$kendo-breadcrumb-md-link-padding-ynull
Description
The vertical padding of the medium Breadcrumb link.
+
$kendo-breadcrumb-lg-link-padding-ynull
Description
The vertical padding of the large Breadcrumb link.
+
$kendo-breadcrumb-link-border-radiusnull
Description
The border-radius of the Breadcrumb link.
+
$kendo-breadcrumb-icon-link-padding-ynull
Description
The vertical padding of the Breadcrumb link icon.
+
$kendo-breadcrumb-sm-icon-link-padding-ynull
Description
The vertical padding of the small Breadcrumb link icon.
+
$kendo-breadcrumb-md-icon-link-padding-ynull
Description
The vertical padding of the medium Breadcrumb link icon.
+
$kendo-breadcrumb-lg-icon-link-padding-ynull
Description
The vertical padding of the large Breadcrumb link icon.
+
$kendo-breadcrumb-icon-link-padding-xnull
Description
The horizontal padding of the Breadcrumb link icon.
+
$kendo-breadcrumb-sm-icon-link-padding-xnull
Description
The horizontal padding of the small Breadcrumb link icon.
+
$kendo-breadcrumb-md-icon-link-padding-xnull
Description
The horizontal padding of the medium Breadcrumb link icon.
+
$kendo-breadcrumb-lg-icon-link-padding-xnull
Description
The horizontal padding of the large Breadcrumb link icon.
+
$kendo-breadcrumb-link-initial-textnull
Description
The text color of the Breadcrumb link.
+
$kendo-breadcrumb-link-icon-spacingnull
Description
The spacing of the Breadcrumb link icon.
+
$kendo-breadcrumb-link-bgnull
Description
The background color of the Breadcrumb link.
+
$kendo-breadcrumb-link-textnull
Description
The text color of the Breadcrumb link.
+
$kendo-breadcrumb-link-bordernull
Description
The border color of the Breadcrumb link.
+
$kendo-breadcrumb-link-hover-bgnull
Description
The background color of the hovered Breadcrumb link.
+
$kendo-breadcrumb-link-hover-textnull
Description
The text color of the hovered Breadcrumb link.
+
$kendo-breadcrumb-link-hover-bordernull
Description
The border color of the hovered Breadcrumb link.
+
$kendo-breadcrumb-link-focus-bgnull
Description
The background color of the focused Breadcrumb link.
+
$kendo-breadcrumb-link-focus-textnull
Description
The text color of the focused Breadcrumb link.
+
$kendo-breadcrumb-link-focus-bordernull
Description
The border color of the focused Breadcrumb link.
+
$kendo-breadcrumb-link-focus-shadownull
Description
The box shadow of the focused Breadcrumb link.
+
$kendo-breadcrumb-root-link-bgnull
Description
The background color of the Breadcrumb root link.
+
$kendo-breadcrumb-root-link-textnull
Description
The text color of the Breadcrumb root link.
+
$kendo-breadcrumb-root-link-bordernull
Description
The border color of the Breadcrumb root link.
+
$kendo-breadcrumb-root-link-hover-bgnull
Description
The background color of the hovered Breadcrumb root link.
+
$kendo-breadcrumb-root-link-hover-textnull
Description
The text color of the hovered Breadcrumb root link.
+
$kendo-breadcrumb-root-link-hover-bordernull
Description
The border color of the hovered Breadcrumb root link.
+
$kendo-breadcrumb-root-link-focus-bgnull
Description
The background color of the focused Breadcrumb root link.
+
$kendo-breadcrumb-root-link-focus-textnull
Description
The text color of the focused Breadcrumb root link.
+
$kendo-breadcrumb-root-link-focus-bordernull
Description
The border color of the focused Breadcrumb root link.
+
$kendo-breadcrumb-root-link-focus-shadownull
Description
The box shadow of the focused Breadcrumb root link.
+
$kendo-breadcrumb-current-item-bgnull
Description
The background color of the current Breadcrumb root link.
+
$kendo-breadcrumb-current-item-textnull
Description
The text color of the current Breadcrumb root link.
+
$kendo-breadcrumb-current-item-bordernull
Description
The border color of the current Breadcrumb root link.
+
$kendo-breadcrumb-sizesnull
Description
The sizes map for the Breadcrumb.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-button.md b/packages/core/docs/customization-button.md new file mode 100644 index 00000000000..7c1b4ec3482 --- /dev/null +++ b/packages/core/docs/customization-button.md @@ -0,0 +1,628 @@ +--- +title: Customizing Button +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_button +position: 9 +--- + +# Customizing Button + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-button-border-widthnull
Description
The width of the border around the Button.
+
$kendo-button-border-radiusnull
Description
The border radius of the Button.
+
$kendo-button-padding-xnull
Description
The horizontal padding of the Button.
+
$kendo-button-sm-padding-xnull
Description
The horizontal padding of the small Button.
+
$kendo-button-md-padding-xnull
Description
The horizontal padding of the medium Button.
+
$kendo-button-lg-padding-xnull
Description
The horizontal padding of the large Button.
+
$kendo-button-padding-ynull
Description
The vertical padding of the Button.
+
$kendo-button-sm-padding-ynull
Description
The vertical padding of the small Button.
+
$kendo-button-md-padding-ynull
Description
The vertical padding of the medium Button.
+
$kendo-button-lg-padding-ynull
Description
The vertical padding of the large Button.
+
$kendo-button-font-familynull
Description
The font family of the Button.
+
$kendo-button-font-sizenull
Description
The font size of the Button.
+
$kendo-button-sm-font-sizenull
Description
The font size of the small Button.
+
$kendo-button-md-font-sizenull
Description
The font size of the medium Button.
+
$kendo-button-lg-font-sizenull
Description
The font size of the large Button.
+
$kendo-button-line-heightnull
Description
The line height used along with the $kendo-font-size the.
+
$kendo-button-sm-line-heightnull
Description
The line height used along with the $kendo-font-size the of the small Button.
+
$kendo-button-md-line-heightnull
Description
The line height used along with the $kendo-font-size the of the medium Button.
+
$kendo-button-lg-line-heightnull
Description
The line height used along with the $kendo-font-size the of the large Button.
+
$kendo-button-calc-sizenull
Description
The calculated height of the Button.
+
$kendo-button-inner-calc-sizenull
Description
The calculated inner height of the Button excluding the border width.
+
$kendo-button-sizesnull
Description
The sizes map for the Button.
+
$kendo-button-theme-colorsnull
Description
The theme colors map for the Button.
+
$kendo-button-bgnull
Description
The base background of the Button.
+
$kendo-button-textnull
Description
The base text color of the Button.
+
$kendo-button-bordernull
Description
The base border color of the Button.
+
$kendo-button-gradientnull
Description
The base background gradient of the Button.
+
$kendo-button-shadownull
Description
The base shadow of the Button.
+
$kendo-button-hover-bgnull
Description
The base background of the hovered Button.
+
$kendo-button-hover-textnull
Description
The base text color of the hovered Button.
+
$kendo-button-hover-bordernull
Description
The base border color of the hovered Button.
+
$kendo-button-hover-gradientnull
Description
The base background gradient of the hovered Button.
+
$kendo-button-hover-shadownull
Description
The base shadow of the hovered Button.
+
$kendo-button-active-bgnull
Description
The base background color of the active Button.
+
$kendo-button-active-textnull
Description
The base text color of the active Button.
+
$kendo-button-active-bordernull
Description
The base border color of the active Button.
+
$kendo-button-active-gradientnull
Description
The base background gradient of the active Button.
+
$kendo-button-active-shadownull
Description
The base shadow of the active Button.
+
$kendo-button-selected-bgnull
Description
The base background color of the selected Button.
+
$kendo-button-selected-textnull
Description
The text color of the selected Button.
+
$kendo-button-selected-bordernull
Description
The border color of the selected Button.
+
$kendo-button-selected-gradientnull
Description
The background gradient of the selected Button.
+
$kendo-button-selected-shadownull
Description
The base shadow of the selected Button.
+
$kendo-button-focus-bgnull
Description
The base background of the focused Button.
+
$kendo-button-focus-textnull
Description
The base text color of the focused Button.
+
$kendo-button-focus-bordernull
Description
The base border color of the focused Button.
+
$kendo-button-focus-gradientnull
Description
The base background gradient of the focused Button.
+
$kendo-button-focus-shadownull
Description
The base shadow of the focused Button.
+
$kendo-button-disabled-bgnull
Description
The base background of the disabled Button.
+
$kendo-button-disabled-textnull
Description
The base text color of the disabled Button.
+
$kendo-button-disabled-bordernull
Description
The base border color of the disabled Button.
+
$kendo-button-disabled-gradientnull
Description
The base background gradient of the disabled Button.
+
$kendo-button-disabled-shadownull
Description
The base shadow of the disabled Button.
+
$kendo-flat-button-hover-opacitynull
Description
The overlay opacity of the hovered flat Button. Used to create a background for the flat Button.
+
$kendo-flat-button-focus-opacitynull
Description
The overlay opacity of the focused flat Button. Used to create a background for the flat Button.
+
$kendo-flat-button-active-opacitynull
Description
The overlay opacity of the active flat Button. Used to create background for the flat Button.
+
$kendo-flat-button-selected-opacitynull
Description
The overlay opacity of the selected flat Button. Used to create background for the flat Button.
+
$kendo-flat-button-focus-ring-opacitynull
Description
The opacity of the flat Button focus ring. Used to create a border for the flat Button.
+
$kendo-button-transitionnull
Description
The color transition of the flat Button.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-calendar.md b/packages/core/docs/customization-calendar.md new file mode 100644 index 00000000000..c4812e5a175 --- /dev/null +++ b/packages/core/docs/customization-calendar.md @@ -0,0 +1,998 @@ +--- +title: Customizing Calendar +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_calendar +position: 9 +--- + +# Customizing Calendar + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-calendar-border-widthnull
Description
The width of the border around the Calendar.
+
$kendo-calendar-font-familynull
Description
The font family of the Calendar.
+
$kendo-calendar-font-sizenull
Description
The font size of the Calendar.
+
$kendo-calendar-line-heightnull
Description
The line height of the Calendar.
+
$kendo-calendar-cell-sizenull
Description
The size of the cells in the Calendar.
+
$kendo-calendar-bgnull
Description
The background color of the Calendar.
+
$kendo-calendar-textnull
Description
The text color of the Calendar.
+
$kendo-calendar-bordernull
Description
The border color of the Calendar.
+
$kendo-calendar-header-padding-xnull
Description
The horizontal padding of the header in the Calendar.
+
$kendo-calendar-header-padding-ynull
Description
The vertical padding of the header in the Calendar.
+
$kendo-calendar-header-border-widthnull
Description
The border width of the header in the Calendar.
+
$kendo-calendar-header-bgnull
Description
The background color of the header in the Calendar.
+
$kendo-calendar-header-textnull
Description
The text color of the header in the Calendar.
+
$kendo-calendar-header-bordernull
Description
The border color of the header in the Calendar.
+
$kendo-calendar-header-gradientnull
Description
The gradient of the header in the Calendar.
+
$kendo-calendar-header-shadownull
Description
The shadow of the header in the Calendar.
+
$kendo-calendar-nav-gapnull
Description
The gap between the items in the navigation of the Calendar.
+
$kendo-calendar-footer-padding-xnull
Description
The horizontal padding of the footer in the Calendar.
+
$kendo-calendar-footer-padding-ynull
Description
The vertical padding of the footer in the Calendar.
+
$kendo-calendar-cell-padding-xnull
Description
The horizontal padding of the cells in the Calendar.
+
$kendo-calendar-cell-padding-ynull
Description
The vertical padding of the cells in the Calendar.
+
$kendo-calendar-cell-line-heightnull
Description
The line height of the cells in the Calendar.
+
$kendo-calendar-cell-border-radiusnull
Description
The border radius of the cells in the Calendar.
+
$kendo-calendar-header-cell-padding-xnull
Description
The horizontal padding of the header cells in the Calendar.
+
$kendo-calendar-header-cell-padding-ynull
Description
The vertical padding of the header cells in the Calendar.
+
$kendo-calendar-header-cell-widthnull
Description
The width of the header cells in the Calendar.
+
$kendo-calendar-header-cell-heightnull
Description
The height of the header cells in the Calendar.
+
$kendo-calendar-header-cell-font-sizenull
Description
The font size of the header cells in the Calendar.
+
$kendo-calendar-header-cell-line-heightnull
Description
The line height of the header cells in the Calendar.
+
$kendo-calendar-header-cell-bgnull
Description
The background color of the header cells in the Calendar.
+
$kendo-calendar-header-cell-textnull
Description
The text color of the header cells in the Calendar.
+
$kendo-calendar-header-cell-opacitynull
Description
The opacity of the header cells in the Calendar.
+
$kendo-calendar-caption-padding-xnull
Description
The horizontal padding of the caption in the Calendar.
+
$kendo-calendar-caption-padding-ynull
Description
The vertical padding of the caption in the Calendar.
+
$kendo-calendar-caption-heightnull
Description
The height of the caption in the Calendar.
+
$kendo-calendar-caption-font-sizenull
Description
The font size of the caption in the Calendar.
+
$kendo-calendar-caption-line-heightnull
Description
The line height of the caption in the Calendar.
+
$kendo-calendar-caption-font-weightnull
Description
The font weight of the caption in the Calendar.
+
$kendo-calendar-week-number-font-sizenull
Description
The font size of the week number cells in the Calendar.
+
$kendo-calendar-view-widthnull
Description
The width of the Calendar view.
+
$kendo-calendar-view-heightnull
Description
The height of the Calendar view.
+
$kendo-calendar-view-gapnull
Description
The gap between the items in the Calendar view.
+
$kendo-calendar-weekend-bgnull
Description
The background color of the weekend cells in the Calendar.
+
$kendo-calendar-weekend-textnull
Description
The text color of the weekend cells in the Calendar.
+
$kendo-calendar-today-stylenull
Description
The style of the current day in the Calendar.
+
$kendo-calendar-today-colornull
Description
The color of the current day in the Calendar.
+
$kendo-calendar-week-number-bgnull
Description
The background color of the week number cells in the Calendar.
+
$kendo-calendar-week-number-textnull
Description
The text color of the week number cells in the Calendar.
+
$kendo-calendar-other-month-bgnull
Description
The background color of the preceding/subsequent month cells in the Calendar.
+
$kendo-calendar-other-month-textnull
Description
The text color of the preceding/subsequent month cells in the Calendar.
+
$kendo-calendar-cell-bgnull
Description
The background color of the cells in the Calendar.
+
$kendo-calendar-cell-textnull
Description
The text color of the cells in the Calendar.
+
$kendo-calendar-cell-bordernull
Description
The border color of the cells in the Calendar.
+
$kendo-calendar-cell-gradientnull
Description
The gradient of the cells in the Calendar.
+
$kendo-calendar-cell-hover-bgnull
Description
The background color of the hovered cells in the Calendar.
+
$kendo-calendar-cell-hover-textnull
Description
The text color of the hovered cells in the Calendar.
+
$kendo-calendar-cell-hover-bordernull
Description
The border color of the hovered cells in the Calendar.
+
$kendo-calendar-cell-hover-gradientnull
Description
The gradient of the hovered cells in the Calendar.
+
$kendo-calendar-cell-selected-bgnull
Description
The background color of the selected cells in the Calendar.
+
$kendo-calendar-cell-selected-textnull
Description
The text color of the selected cells in the Calendar.
+
$kendo-calendar-cell-selected-bordernull
Description
The border color of the selected cells in the Calendar.
+
$kendo-calendar-cell-selected-gradientnull
Description
The gradient of the selected cells in the Calendar.
+
$kendo-calendar-cell-selected-hover-bgnull
Description
The background color of the selected and hovered cells in the Calendar.
+
$kendo-calendar-cell-selected-hover-textnull
Description
The text color of the selected and hovered cells in the Calendar.
+
$kendo-calendar-cell-selected-hover-bordernull
Description
The border color of the selected and hovered cells in the Calendar.
+
$kendo-calendar-cell-selected-hover-gradientnull
Description
The gradient of the selected and hovered cells in the Calendar.
+
$kendo-calendar-cell-focus-shadownull
Description
The shadow of the focused cells in the Calendar.
+
$kendo-calendar-cell-selected-focus-shadownull
Description
The shadow of the selected and focused cells in the Calendar.
+
$kendo-calendar-navigation-widthnull
Description
The width of the Calendar navigation.
+
$kendo-calendar-navigation-item-heightnull
Description
The height of the items in the Calendar navigation.
+
$kendo-calendar-navigation-bgnull
Description
The background color of the Calendar navigation.
+
$kendo-calendar-navigation-textnull
Description
The text color of the Calendar navigation.
+
$kendo-calendar-navigation-bordernull
Description
The border color of the Calendar navigation.
+
$kendo-calendar-navigation-hover-textnull
Description
The text color of the hovered items in the Calendar navigation.
+
$kendo-infinite-calendar-header-padding-xnull
Description
The horizontal padding of the header in the Infinite Calendar.
+
$kendo-infinite-calendar-header-padding-ynull
Description
The vertical padding of the header in the Infinite Calendar.
+
$kendo-infinite-calendar-view-padding-xnull
Description
The horizontal padding of the Calendar view in the Infinite Calendar.
+
$kendo-infinite-calendar-view-padding-ynull
Description
The vertical padding of the Calendar view in the Infinite Calendar.
+
$kendo-infinite-calendar-view-heightnull
Description
The height of the Calendar view in the Infinite Calendar.
+
$kendo-calendar-range-cell-border-radiusnull
Description
The border radius of the range cells in the Multiview Calendar.
+
$kendo-calendar-sm-font-sizenull
Description
The font size of the small Calendar.
+
$kendo-calendar-sm-line-heightnull
Description
The line height of the small Calendar.
+
$kendo-calendar-sm-cell-sizenull
Description
The size of the cells in the small Calendar.
+
$kendo-calendar-sm-cell-padding-xnull
Description
The horizontal padding of the cells in the small Calendar.
+
$kendo-calendar-sm-cell-padding-ynull
Description
The vertical padding of the cells in the small Calendar.
+
$kendo-calendar-md-font-sizenull
Description
The font size of the medium Calendar.
+
$kendo-calendar-md-line-heightnull
Description
The line height of the medium Calendar.
+
$kendo-calendar-md-cell-sizenull
Description
The size of the cells in the medium Calendar.
+
$kendo-calendar-md-cell-padding-xnull
Description
The horizontal padding of the cells in the medium Calendar.
+
$kendo-calendar-md-cell-padding-ynull
Description
The vertical padding of the cells in the medium Calendar.
+
$kendo-calendar-lg-font-sizenull
Description
The font size of the large Calendar.
+
$kendo-calendar-lg-line-heightnull
Description
The line height of the large Calendar.
+
$kendo-calendar-lg-cell-sizenull
Description
The size of the cells in the large Calendar.
+
$kendo-calendar-lg-cell-padding-xnull
Description
The horizontal padding of the cells in the large Calendar.
+
$kendo-calendar-lg-cell-padding-ynull
Description
The vertical padding of the cells in the large Calendar.
+
$kendo-calendar-sizesnull
Description
The sizes Map of the Calendar.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-captcha.md b/packages/core/docs/customization-captcha.md new file mode 100644 index 00000000000..51630808512 --- /dev/null +++ b/packages/core/docs/customization-captcha.md @@ -0,0 +1,178 @@ +--- +title: Customizing Captcha +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_captcha +position: 9 +--- + +# Customizing Captcha + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-captcha-spacernull
Description
The spacer of the Captcha.
+
$kendo-captcha-widthnull
Description
The width of the Captcha.
+
$kendo-captcha-font-familynull
Description
The font family of the Captcha.
+
$kendo-captcha-font-sizenull
Description
The font size of the Captcha.
+
$kendo-captcha-line-heightnull
Description
The line height of the Captcha.
+
$kendo-captcha-gapnull
Description
The gap of the Captcha.
+
$kendo-captcha-bgnull
Description
The background color of the Captcha.
+
$kendo-captcha-textnull
Description
The text color of the Captcha.
+
$kendo-captcha-bordernull
Description
The border color of the Captcha.
+
$kendo-captcha-image-wrap-gapnull
Description
The gap of the Captcha image wrapper.
+
$kendo-captcha-image-controls-gapnull
Description
The gap of the Captcha image controls.
+
$kendo-captcha-validation-message-margin-topnull
Description
The top margin of the Captcha validation message.
+
$kendo-captcha-validation-message-font-sizenull
Description
The font size of the Captcha validation message.
+
$kendo-captcha-validation-message-font-stylenull
Description
The font style of the Captcha validation message.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-card.md b/packages/core/docs/customization-card.md new file mode 100644 index 00000000000..9c3ed4509c3 --- /dev/null +++ b/packages/core/docs/customization-card.md @@ -0,0 +1,588 @@ +--- +title: Customizing Card +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_card +position: 9 +--- + +# Customizing Card + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-card-padding-xnull
Description
The horizontal padding of the Card.
+
$kendo-card-padding-ynull
Description
The vertical padding of the Card.
+
$kendo-card-border-widthnull
Description
The width of the border around the Card.
+
$kendo-card-border-radiusnull
Description
The border radius of the Card.
+
$kendo-card-inner-border-radiusnull
Description
The inner border radius of the Card.
+
$kendo-card-font-familynull
Description
The font family of the Card.
+
$kendo-card-font-sizenull
Description
The font size of the Card.
+
$kendo-card-line-heightnull
Description
The line height of the Card.
+
$kendo-card-deck-gapnull
Description
The spacing between the Cards in the Card deck.
+
$kendo-card-bgnull
Description
The background color of the Card.
+
$kendo-card-textnull
Description
The text color of the Card.
+
$kendo-card-bordernull
Description
The border color of the Card.
+
$kendo-card-shadownull
Description
The shadow of the Card.
+
$kendo-card-focus-bgnull
Description
The background color of the focused Card.
+
$kendo-card-focus-textnull
Description
The text color of the focused Card.
+
$kendo-card-focus-bordernull
Description
The border color of the focused Card.
+
$kendo-card-focus-shadownull
Description
The shadow of the focused Card.
+
$kendo-card-header-padding-xnull
Description
The horizontal padding of the Card header.
+
$kendo-card-header-padding-ynull
Description
The vertical padding of the Card header.
+
$kendo-card-header-border-widthnull
Description
The bottom border width of the Card header.
+
$kendo-card-header-bgnull
Description
The background color of the Card header.
+
$kendo-card-header-textnull
Description
The text color of the Card header.
+
$kendo-card-header-bordernull
Description
The border color of the Card header.
+
$kendo-card-body-padding-xnull
Description
The horizontal padding of the Card body.
+
$kendo-card-body-padding-ynull
Description
The vertical padding of the Card body.
+
$kendo-card-footer-padding-xnull
Description
The horizontal padding of the Card footer.
+
$kendo-card-footer-padding-ynull
Description
The vertical padding of the Card footer.
+
$kendo-card-footer-border-widthnull
Description
The top border width of the Card footer.
+
$kendo-card-footer-bgnull
Description
The background color of the Card footer.
+
$kendo-card-footer-textnull
Description
The text color of the Card footer.
+
$kendo-card-footer-bordernull
Description
The border color of the Card footer.
+
$kendo-card-title-margin-bottomnull
Description
The bottom margin of the Card title.
+
$kendo-card-title-font-sizenull
Description
The font size of the Card title.
+
$kendo-card-title-font-familynull
Description
The font family of the Card title.
+
$kendo-card-title-line-heightnull
Description
The line height of the Card title.
+
$kendo-card-title-font-weightnull
Description
The font weight of the Card title.
+
$kendo-card-title-letter-spacingnull
Description
The letter spacing of the Card title.
+
$kendo-card-subtitle-margin-bottomnull
Description
The bottom margin of the Card subtitle.
+
$kendo-card-subtitle-font-sizenull
Description
The font size of the Card subtitle.
+
$kendo-card-subtitle-font-familynull
Description
The font family of the Card subtitle.
+
$kendo-card-subtitle-line-heightnull
Description
The line height of the Card subtitle.
+
$kendo-card-subtitle-font-weightnull
Description
The font weight of the Card subtitle.
+
$kendo-card-subtitle-letter-spacingnull
Description
The letter spacing of the Card subtitle.
+
$kendo-card-subtitle-textnull
Description
The text color of the Card subtitle.
+
$kendo-card-img-max-widthnull
Description
The maximum width of the Card image.
+
$kendo-card-avatar-sizenull
Description
The size of the Avatar in the Card.
+
$kendo-card-avatar-spacingnull
Description
The spacing between the Avatar and the text in the Card.
+
$kendo-card-actions-padding-xnull
Description
The horizontal padding of the Card actions.
+
$kendo-card-actions-padding-ynull
Description
The vertical padding of the Card actions.
+
$kendo-card-actions-border-widthnull
Description
The top border width of the Card actions.
+
$kendo-card-actions-gapnull
Description
The spacing between the Card actions.
+
$kendo-card-deck-scroll-button-radiusnull
Description
The border radius of the scroll button in the Card deck.
+
$kendo-card-deck-scroll-button-offsetnull
Description
The border radius of the scroll button in the Card deck.
+
$kendo-card-callout-widthnull
Description
The width of the Card callout.
+
$kendo-card-callout-heightnull
Description
The height of the Card callout.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-chart-wizard.md b/packages/core/docs/customization-chart-wizard.md new file mode 100644 index 00000000000..532d6f2dc5b --- /dev/null +++ b/packages/core/docs/customization-chart-wizard.md @@ -0,0 +1,148 @@ +--- +title: Customizing ChartWizard +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_chart-wizard +position: 9 +--- + +# Customizing ChartWizard + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-chart-wizard-icon-area-colornull
Description
The color of the area around the chart type icon.
+
$kendo-chart-wizard-icon-area-bgnull
Description
The background color of the area around the chart type icon.
+
$kendo-chart-wizard-icon-area-border-radiusnull
Description
The border radius of the area around the chart type icon.
+
$kendo-chart-wizard-icon-area-paddingnull
Description
The padding of the area around the chart type icon.
+
$kendo-chart-wizard-icon-area-focus-shadownull
Description
The box shadow of the focused area around the chart type icon.
+
$kendo-chart-wizard-icon-area-selected-shadownull
Description
The box shadow of the selected area around the chart type icon.
+
$kendo-chart-wizard-chart-type-selected-colornull
Description
The color of the selected chart type items in the Property panel.
+
$kendo-chart-wizard-preview-pane-paddingnull
Description
The padding of the preview pane.
+
$kendo-chart-wizard-property-pane-paddingnull
Description
The padding of the property pane.
+
$kendo-chart-wizard-chart-type-spacingnull
Description
The gap between the chart type items in the Property panel.
+
$kendo-chart-wizard-icon-text-gapnull
Description
The gap between the icon area and its text.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-charts.md b/packages/core/docs/customization-charts.md new file mode 100644 index 00000000000..0c95e5b3f5a --- /dev/null +++ b/packages/core/docs/customization-charts.md @@ -0,0 +1,128 @@ +--- +title: Customizing Charts +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_charts +position: 9 +--- + +# Customizing Charts + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-series-anull
Description
The first base series color and its light and dark shades.
+
$kendo-series-bnull
Description
The second base series color and its light and dark shades.
+
$kendo-series-cnull
Description
The third base series color and its light and dark shades.
+
$kendo-series-dnull
Description
The fourth base series color and its light and dark shades.
+
$kendo-series-enull
Description
The fifth base series color and its light and dark shades.
+
$kendo-series-fnull
Description
The sixth base series color and its light and dark shades.
+
$kendo-series-1null
Description
The series colors in order:
base, light, dark, lighter, darker
+
$kendo-chart-major-linesnull
Description
The color of the Chart grid lines (major).
+
$kendo-chart-minor-linesnull
Description
The color of the Chart grid lines (minor).
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-chat.md b/packages/core/docs/customization-chat.md new file mode 100644 index 00000000000..2b7cca4731b --- /dev/null +++ b/packages/core/docs/customization-chat.md @@ -0,0 +1,678 @@ +--- +title: Customizing Chat +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_chat +position: 9 +--- + +# Customizing Chat + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-chat-padding-xnull
Description
The horizontal padding of the Chat.
+
$kendo-chat-padding-ynull
Description
The vertical padding of the Chat.
+
$kendo-chat-widthnull
Description
The width of the Chat.
+
$kendo-chat-heightnull
Description
The height of the Chat.
+
$kendo-chat-border-widthnull
Description
The border width of the Chat.
+
$kendo-chat-font-familynull
Description
The font family of the Chat.
+
$kendo-chat-font-sizenull
Description
The font size of the Chat.
+
$kendo-chat-line-heightnull
Description
The line height of the Chat.
+
$kendo-chat-item-spacing-xnull
Description
The horizontal spacing between the items of the Chat.
+
$kendo-chat-item-spacing-ynull
Description
The vertical spacing between the items of the Chat.
+
$kendo-chat-message-list-padding-xnull
Description
The horizontal padding of the Chat message list.
+
$kendo-chat-message-list-padding-ynull
Description
The vertical padding of the Chat message list.
+
$kendo-chat-message-list-spacingnull
Description
The spacing of the Chat message list.
+
$kendo-chat-timestamp-font-sizenull
Description
The font size of the Chat timestamp.
+
$kendo-chat-timestamp-line-heightnull
Description
The line height of the Chat timestamp.
+
$kendo-chat-timestamp-transformnull
Description
The text transform of the Chat timestamp.
+
$kendo-chat-timestamp-textnull
Description
The text color of the Chat timestamp.
+
$kendo-chat-timestamp-bgnull
Description
The background color of the Chat timestamp.
+
$kendo-chat-message-meta-font-sizenull
Description
The font size of the Chat message meta text.
+
$kendo-chat-message-meta-line-heightnull
Description
The line height of the Chat message meta text.
+
$kendo-chat-author-font-sizenull
Description
The font size of the Chat author text.
+
$kendo-chat-author-line-heightnull
Description
The line height of the Chat author text.
+
$kendo-chat-bubble-padding-xnull
Description
The horizontal padding of the Chat bubble message.
+
$kendo-chat-bubble-padding-ynull
Description
The vertical padding of the Chat bubble message.
+
$kendo-chat-bubble-spacingnull
Description
The spacing of the Chat bubble message.
+
$kendo-chat-bubble-line-heightnull
Description
The line height of the Chat bubble message.
+
$kendo-chat-bubble-border-radiusnull
Description
The border radius of the Chat bubble message.
+
$kendo-chat-bubble-border-radius-smnull
Description
The border radius of the Chat small bubble message
+
$kendo-chat-avatar-sizenull
Description
The size of the Chat Avatar.
+
$kendo-chat-avatar-spacingnull
Description
The spacing of the Chat Avatar.
+
$kendo-chat-toolbar-padding-xnull
Description
The horizontal padding of the Chat Toolbar.
+
$kendo-chat-toolbar-padding-ynull
Description
The vertical padding of the Chat Toolbar.
+
$kendo-chat-toolbar-spacingnull
Description
The spacing of the Chat Toolbar.
+
$kendo-chat-toolbar-bgnull
Description
The background color of the Chat Toolbar.
+
$kendo-chat-toolbar-textnull
Description
The text color of the Chat Toolbar.
+
$kendo-chat-toolbar-bordernull
Description
The border color of the Chat Toolbar.
+
$kendo-chat-quick-reply-padding-xnull
Description
The horizontal padding of the Chat quick reply.
+
$kendo-chat-quick-reply-padding-ynull
Description
The vertical padding of the Chat quick reply.
+
$kendo-chat-quick-reply-spacingnull
Description
The spacing of the Chat quick reply.
+
$kendo-chat-quick-reply-line-heightnull
Description
The line height of the Chat quick reply.
+
$kendo-chat-bgnull
Description
The background color of the Chat.
+
$kendo-chat-textnull
Description
The text color of the Chat.
+
$kendo-chat-bordernull
Description
The border color of the Chat.
+
$kendo-chat-bubble-bgnull
Description
The background color of the Chat bubble.
+
$kendo-chat-bubble-textnull
Description
The text color of the Chat bubble.
+
$kendo-chat-bubble-bordernull
Description
The border color of the Chat bubble.
+
$kendo-chat-bubble-shadownull
Description
The box shadow of the Chat bubble.
+
$kendo-chat-bubble-hover-shadownull
Description
The shadow of the hovered Chat bubble.
+
$kendo-chat-bubble-selected-shadownull
Description
The shadow of the selected Chat bubble.
+
$kendo-chat-alt-bubble-bgnull
Description
The background color of the Chat alt bubble.
+
$kendo-chat-alt-bubble-textnull
Description
The text color of the Chat alt bubble.
+
$kendo-chat-alt-bubble-bordernull
Description
The border color of the Chat alt bubble.
+
$kendo-chat-alt-bubble-shadownull
Description
The shadow of the Chat alt bubble.
+
$kendo-chat-alt-bubble-hover-shadownull
Description
The shadow of the hovered Chat alt bubble.
+
$kendo-chat-alt-bubble-selected-shadownull
Description
The shadow of the selected Chat alt bubble.
+
$kendo-chat-quick-reply-bgnull
Description
The background color of the Chat quick reply.
+
$kendo-chat-quick-reply-textnull
Description
The text color of the Chat quick reply.
+
$kendo-chat-quick-reply-bordernull
Description
The border color of the Chat quick reply.
+
$kendo-chat-quick-reply-hover-bgnull
Description
The background color of the hovered Chat quick reply.
+
$kendo-chat-quick-reply-hover-textnull
Description
The text color of the hovered Chat quick reply.
+
$kendo-chat-quick-reply-hover-bordernull
Description
The border color of the hovered Chat quick reply.
+
$kendo-chat-quick-reply-shadow-blurnull
Description
The shadow blur of the focused Chat quick reply.
+
$kendo-chat-quick-reply-shadow-spreadnull
Description
The shadow spread of the focused Chat quick reply.
+
$kendo-chat-quick-reply-shadow-opacitynull
Description
The shadow opacity of the focused Chat quick reply.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-checkbox.md b/packages/core/docs/customization-checkbox.md new file mode 100644 index 00000000000..458a55915c4 --- /dev/null +++ b/packages/core/docs/customization-checkbox.md @@ -0,0 +1,508 @@ +--- +title: Customizing Checkbox +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_checkbox +position: 9 +--- + +# Customizing Checkbox + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-checkbox-border-widthnull
Description
The border width of the CheckBox.
+
$kendo-checkbox-sm-sizenull
Description
The size of a small CheckBox.
+
$kendo-checkbox-md-sizenull
Description
The size of a medium CheckBox.
+
$kendo-checkbox-lg-sizenull
Description
The size of a large CheckBox.
+
$kendo-checkbox-sm-glyph-sizenull
Description
The glyph size of a small CheckBox.
+
$kendo-checkbox-md-glyph-sizenull
Description
The glyph size of a medium CheckBox.
+
$kendo-checkbox-lg-glyph-sizenull
Description
The glyph size of a large CheckBox.
+
$kendo-checkbox-sm-ripple-sizenull
Description
The ripple size of a small CheckBox.
+
$kendo-checkbox-md-ripple-sizenull
Description
The ripple size of a medium CheckBox.
+
$kendo-checkbox-lg-ripple-sizenull
Description
The ripple size of a large CheckBox.
+
$kendo-checkbox-bgnull
Description
The background color of the CheckBox.
+
$kendo-checkbox-textnull
Description
The text color of the CheckBox.
+
$kendo-checkbox-bordernull
Description
The border color of the CheckBox.
+
$kendo-checkbox-hover-bgnull
Description
The background color of the hovered CheckBox.
+
$kendo-checkbox-hover-textnull
Description
The text color of the hovered CheckBox.
+
$kendo-checkbox-hover-bordernull
Description
The border color of the hovered CheckBox.
+
$kendo-checkbox-checked-bgnull
Description
The background color of the checked CheckBox.
+
$kendo-checkbox-checked-textnull
Description
The text color of the checked CheckBox.
+
$kendo-checkbox-checked-bordernull
Description
The border color of the checked CheckBox.
+
$kendo-checkbox-indeterminate-bgnull
Description
The background color of the indeterminate CheckBox.
+
$kendo-checkbox-indeterminate-textnull
Description
The text color of the indeterminate CheckBox.
+
$kendo-checkbox-indeterminate-bordernull
Description
The border color of the indeterminate CheckBox.
+
$kendo-checkbox-focus-bordernull
Description
The border color of the focused CheckBox.
+
$kendo-checkbox-focus-shadownull
Description
The box shadow of the focused CheckBox.
+
$kendo-checkbox-focus-checked-bordernull
Description
The border color of the focused and checked CheckBox.
+
$kendo-checkbox-focus-checked-shadownull
Description
The box shadow of the focused and checked CheckBox.
+
$kendo-checkbox-disabled-bgnull
Description
The background color of the disabled CheckBox.
+
$kendo-checkbox-disabled-textnull
Description
The text color of the disabled CheckBox.
+
$kendo-checkbox-disabled-bordernull
Description
The border color of the disabled CheckBox.
+
$kendo-checkbox-disabled-checked-bgnull
Description
The background color of the disabled and checked CheckBox.
+
$kendo-checkbox-disabled-checked-textnull
Description
The text color of the disabled and checked CheckBox.
+
$kendo-checkbox-disabled-checked-bordernull
Description
The border color of the disabled and checked CheckBox.
+
$kendo-checkbox-invalid-bgnull
Description
The background color of an invalid CheckBox.
+
$kendo-checkbox-invalid-textnull
Description
The text color of an invalid CheckBox.
+
$kendo-checkbox-invalid-bordernull
Description
The border color of an invalid CheckBox.
+
$kendo-checkbox-indicator-typenull
Description
The type of the CheckBox indicator.
+
$kendo-checkbox-glyph-font-familynull
Description
The font family of the CheckBox indicator glyph.
+
$kendo-checkbox-checked-glyphnull
Description
The glyph of the CheckBox indicator.
+
$kendo-checkbox-indeterminate-glyphnull
Description
The glyph of the indeterminate CheckBox indicator.
+
$kendo-checkbox-checked-imagenull
Description
The image for a checked CheckBox indicator.
+
$kendo-checkbox-indeterminate-imagenull
Description
The image for a indeterminate CheckBox indicator.
+
$kendo-checkbox-label-margin-xnull
Description
The horizontal margin of the CheckBox inside a label.
+
$kendo-checkbox-list-spacingnull
Description
The spacing between the items in a horizontal CheckBox list.
+
$kendo-checkbox-list-item-padding-xnull
Description
The horizontal padding of the CheckBox list items.
+
$kendo-checkbox-list-item-padding-ynull
Description
The vertical padding of the CheckBox list items.
+
$kendo-checkbox-ripple-bgnull
Description
The background color of the CheckBox' ripple.
+
$kendo-checkbox-ripple-opacitynull
Description
The opacity of the CheckBox' ripple.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-chip.md b/packages/core/docs/customization-chip.md new file mode 100644 index 00000000000..50c0b690d21 --- /dev/null +++ b/packages/core/docs/customization-chip.md @@ -0,0 +1,458 @@ +--- +title: Customizing Chip +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_chip +position: 9 +--- + +# Customizing Chip + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-chip-border-widthnull
Description
The width of the border around the Chip.
+
$kendo-chip-spacingnull
Description
The spacing between the text and the icons of the Chip.
+
$kendo-chip-padding-xnull
Description
The horizontal padding of the Chip.
+
$kendo-chip-sm-padding-xnull
Description
The horizontal padding of the small Chip.
+
$kendo-chip-md-padding-xnull
Description
The horizontal padding of the medium Chip.
+
$kendo-chip-lg-padding-xnull
Description
The horizontal padding of the large Chip.
+
$kendo-chip-padding-ynull
Description
The vertical padding of the Chip.
+
$kendo-chip-sm-padding-ynull
Description
The vertical padding of the small Chip.
+
$kendo-chip-md-padding-ynull
Description
The vertical padding of the medium Chip.
+
$kendo-chip-lg-padding-ynull
Description
The vertical padding of the large Chip.
+
$kendo-chip-font-sizenull
Description
The font size of the Chip.
+
$kendo-chip-sm-font-sizenull
Description
The font size of the small Chip.
+
$kendo-chip-md-font-sizenull
Description
The font size of the medium Chip.
+
$kendo-chip-lg-font-sizenull
Description
The font size of the large Chip.
+
$kendo-chip-line-heightnull
Description
The Chip's line height that is related to the $kendo-font-size.
+
$kendo-chip-sm-line-heightnull
Description
The small Chip's line height that is related to the $kendo-font-size.
+
$kendo-chip-md-line-heightnull
Description
The medium Chip's line height that is related to the $kendo-font-size.
+
$kendo-chip-lg-line-heightnull
Description
The large Chip's line height that is related to the $kendo-font-size.
+
$kendo-chip-calc-sizenull
Description
The calculated height of the Chip.
+
$kendo-chip-sizesnull
Description
The map with the sizes of the Chip.
+
$kendo-chip-base-bgnull
Description
The base background of the Chip.
+
$kendo-chip-theme-colorsnull
Description
The theme colors map for the Chip.
+
$kendo-chip-solid-bgnull
Description
The base background color of the solid Chip.
+
$kendo-chip-solid-textnull
Description
The base text color of the solid Chip.
+
$kendo-chip-solid-bordernull
Description
The base border color of the solid Chip.
+
$kendo-chip-solid-shadownull
Description
The base shadow of the solid Chip.
+
$kendo-chip-solid-gradientnull
Description
The base gradient of the solid Chip.
+
$kendo-chip-solid-focus-bgnull
Description
The base background color of the focused solid Chip.
+
$kendo-chip-solid-focus-textnull
Description
The base text color of the focused solid Chip.
+
$kendo-chip-solid-hover-bgnull
Description
The base background color of the hovered solid Chip.
+
$kendo-chip-solid-hover-textnull
Description
The base text color of the hovered solid Chip.
+
$kendo-chip-solid-selected-bgnull
Description
The base background color of the selected solid Chip.
+
$kendo-chip-solid-selected-textnull
Description
The base text color of the selected solid Chip.
+
$kendo-chip-outline-bgnull
Description
The base background color of the outline Chip.
+
$kendo-chip-outline-textnull
Description
The base text color of the outline Chip.
+
$kendo-chip-outline-bordernull
Description
The base border color of the outline Chip.
+
$kendo-chip-outline-shadownull
Description
The base shadow of the outline Chip.
+
$kendo-chip-outline-hover-bgnull
Description
The base background color of the hovered outline Chip.
+
$kendo-chip-outline-hover-textnull
Description
The base text color of the hovered outline Chip.
+
$kendo-chip-outline-selected-bgnull
Description
The base background color of the selected outline Chip.
+
$kendo-chip-outline-selected-textnull
Description
The base text color of the selected outline Chip.
+
$kendo-chip-list-sizesnull
Description
The sizes of the Chip list.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-color-editor.md b/packages/core/docs/customization-color-editor.md new file mode 100644 index 00000000000..95422fd51c7 --- /dev/null +++ b/packages/core/docs/customization-color-editor.md @@ -0,0 +1,558 @@ +--- +title: Customizing ColorEditor +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_color-editor +position: 9 +--- + +# Customizing ColorEditor + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-color-editor-spacernull
Description
The spacer of the ColorEditor.
+
$kendo-color-editor-min-widthnull
Description
The minimum width of the ColorEditor.
+
$kendo-color-editor-sm-min-widthnull
Description
The minimum width of the ColorEditor.
+
$kendo-color-editor-md-min-widthnull
Description
The minimum width of the ColorEditor.
+
$kendo-color-editor-lg-min-widthnull
Description
The minimum width of the ColorEditor.
+
$kendo-color-editor-border-widthnull
Description
The width of the border around the ColorEditor.
+
$kendo-color-editor-border-radiusnull
Description
The border radius of the ColorEditor.
+
$kendo-color-editor-font-familynull
Description
The font family of the ColorEditor.
+
$kendo-color-editor-font-sizenull
Description
The font size of the ColorEditor.
+
$kendo-color-editor-line-heightnull
Description
The line height of the ColorEditor.
+
$kendo-color-editor-textnull
Description
The text color of the ColorEditor.
+
$kendo-color-editor-bgnull
Description
The background color of the ColorEditor.
+
$kendo-color-editor-bordernull
Description
The border color of the ColorEditor.
+
$kendo-color-editor-focus-bordernull
Description
The border color of the focused ColorEditor.
+
$kendo-color-editor-focus-shadownull
Description
The box shadow of the focused ColorEditor.
+
$kendo-color-editor-header-padding-ynull
Description
The vertical padding of the ColorEditor header.
+
$kendo-color-editor-header-padding-xnull
Description
The horizontal padding of the ColorEditor header.
+
$kendo-color-editor-header-actions-gapnull
Description
The spacing between the ColorEditor header actions.
+
$kendo-color-editor-sm-header-padding-ynull
Description
The vertical padding of the small ColorEditor header.
+
$kendo-color-editor-sm-header-padding-xnull
Description
The horizontal padding of the small ColorEditor header.
+
$kendo-color-editor-md-header-padding-ynull
Description
The vertical padding of the medium ColorEditor header.
+
$kendo-color-editor-md-header-padding-xnull
Description
The horizontal padding of the medium ColorEditor header.
+
$kendo-color-editor-lg-header-padding-ynull
Description
The vertical padding of the large ColorEditor header.
+
$kendo-color-editor-lg-header-padding-xnull
Description
The horizontal padding of the large ColorEditor header.
+
$kendo-color-editor-color-preview-widthnull
Description
The width of the ColorEditor preview.
+
$kendo-color-editor-color-preview-heightnull
Description
The height of the ColorEditor preview.
+
$kendo-color-editor-preview-gapnull
Description
The spacing between the colors in the ColorEditor preview.
+
$kendo-color-editor-sm-preview-gapnull
Description
The spacing between the colors in the small ColorEditor preview.
+
$kendo-color-editor-md-preview-gapnull
Description
The spacing between the colors in the medium ColorEditor preview.
+
$kendo-color-editor-lg-preview-gapnull
Description
The spacing between the colors in the large ColorEditor preview.
+
$kendo-color-editor-sm-color-preview-widthnull
Description
The width of the small ColorEditor preview.
+
$kendo-color-editor-sm-color-preview-heightnull
Description
The height of the small ColorEditor preview.
+
$kendo-color-editor-md-color-preview-widthnull
Description
The width of the medium ColorEditor preview.
+
$kendo-color-editor-md-color-preview-heightnull
Description
The height of the medium ColorEditor preview.
+
$kendo-color-editor-lg-color-preview-widthnull
Description
The width of the large ColorEditor preview.
+
$kendo-color-editor-lg-color-preview-heightnull
Description
The height of the large ColorEditor preview.
+
$kendo-color-editor-views-padding-ynull
Description
The vertical padding of the ColorEditor views container.
+
$kendo-color-editor-views-padding-xnull
Description
The horizontal padding of the ColorEditor views container.
+
$kendo-color-editor-views-gapnull
Description
The spacing of the ColorEditor views container.
+
$kendo-color-editor-sm-views-padding-ynull
Description
The vertical padding of the small ColorEditor views container.
+
$kendo-color-editor-sm-views-padding-xnull
Description
The horizontal padding of the small ColorEditor views container.
+
$kendo-color-editor-sm-views-gapnull
Description
The spacing of the small ColorEditor views container.
+
$kendo-color-editor-md-views-padding-ynull
Description
The vertical padding of the medium ColorEditor views container.
+
$kendo-color-editor-md-views-padding-xnull
Description
The horizontal padding of the medium ColorEditor views container.
+
$kendo-color-editor-md-views-gapnull
Description
The spacing of the medium ColorEditor views container.
+
$kendo-color-editor-lg-views-padding-ynull
Description
The vertical padding of the large ColorEditor views container.
+
$kendo-color-editor-lg-views-padding-xnull
Description
The horizontal padding of the large ColorEditor views container.
+
$kendo-color-editor-lg-views-gapnull
Description
The spacing of the large ColorEditor views container.
+
$kendo-color-editor-color-gradient-focus-outline-colornull
Description
The outline color of the focused ColorGradient.
+
$kendo-color-editor-color-gradient-focus-outlinenull
Description
The outline width of the focused ColorGradient.
+
$kendo-color-editor-color-gradient-focus-outline-offsetnull
Description
The outline offset of the focused ColorGradient.
+
$kendo-color-editor-sizes()
Description
The size map of the ColorEditor.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-color-gradient.md b/packages/core/docs/customization-color-gradient.md new file mode 100644 index 00000000000..448342ca825 --- /dev/null +++ b/packages/core/docs/customization-color-gradient.md @@ -0,0 +1,658 @@ +--- +title: Customizing ColorGradient +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_color-gradient +position: 9 +--- + +# Customizing ColorGradient + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-color-gradient-spacernull
Description
The spacer of the ColorGradient.
+
$kendo-color-gradient-widthnull
Description
The width of the ColorGradient.
+
$kendo-color-gradient-border-widthnull
Description
The width of the border around the ColorGradient.
+
$kendo-color-gradient-border-radiusnull
Description
The border radius of the ColorGradient.
+
$kendo-color-gradient-padding-ynull
Description
The vertical padding of the ColorGradient.
+
$kendo-color-gradient-padding-xnull
Description
The horizontal padding of the ColorGradient.
+
$kendo-color-gradient-gapnull
Description
The spacing between the sections of the ColorGradient.
+
$kendo-color-gradient-font-familynull
Description
The font family of the ColorGradient.
+
$kendo-color-gradient-font-sizenull
Description
The font size of the ColorGradient.
+
$kendo-color-gradient-line-heightnull
Description
The line height of the ColorGradient.
+
$kendo-color-gradient-textnull
Description
The text color of the ColorGradient.
+
$kendo-color-gradient-bgnull
Description
The background color of the ColorGradient.
+
$kendo-color-gradient-bordernull
Description
The border color of the ColorGradient.
+
$kendo-color-gradient-sm-widthnull
Description
The width of the small ColorGradient.
+
$kendo-color-gradient-md-widthnull
Description
The width of the medium ColorGradient.
+
$kendo-color-gradient-lg-widthnull
Description
The width of the large ColorGradient.
+
$kendo-color-gradient-sm-gapnull
Description
The spacing between the sections of the small ColorGradient.
+
$kendo-color-gradient-md-gapnull
Description
The spacing between the sections of the medium ColorGradient.
+
$kendo-color-gradient-lg-gapnull
Description
The spacing between the sections of the large ColorGradient.
+
$kendo-color-gradient-focus-bordernull
Description
The border color of the focused ColorGradient.
+
$kendo-color-gradient-focus-shadownull
Description
The box shadow of the focused ColorGradient.
+
$kendo-color-gradient-canvas-border-radiusnull
Description
The border radius of the ColorGradient canvas.
+
$kendo-color-gradient-canvas-gapnull
Description
The spacing between the items of the ColorGradient canvas.
+
$kendo-color-gradient-canvas-rectangle-heightnull
Description
The height the ColorGradient canvas hsv rectangle.
+
$kendo-color-gradient-sm-canvas-rectangle-heightnull
Description
The height the small ColorGradient canvas hsv rectangle.
+
$kendo-color-gradient-md-canvas-rectangle-heightnull
Description
The height the medium ColorGradient canvas hsv rectangle.
+
$kendo-color-gradient-lg-canvas-rectangle-heightnull
Description
The height the large ColorGradient canvas hsv rectangle.
+
$kendo-color-gradient-sm-canvas-gapnull
Description
The spacing between the items of the small ColorGradient canvas.
+
$kendo-color-gradient-md-canvas-gapnull
Description
The spacing between the items of the medium ColorGradient canvas.
+
$kendo-color-gradient-lg-canvas-gapnull
Description
The spacing between the items of the large ColorGradient canvas.
+
$kendo-color-gradient-slider-track-sizenull
Description
The width of the ColorGradient slider.
+
$kendo-color-gradient-slider-border-radiusnull
Description
The border radius of the ColorGradient slider.
+
$kendo-color-gradient-slider-draghandle-border-widthnull
Description
The width of the border around the ColorGradient slider drag handle.
+
$kendo-color-gradient-slider-vertical-sizenull
Description
The height of the ColorGradient vertical slider.
+
$kendo-color-gradient-slider-horizontal-sizenull
Description
The width of the ColorGradient horizontal slider.
+
$kendo-color-gradient-slider-alpha-bgr"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAuSURBVHgBxYyxDQAwDMJIL+YT+DjtzFRliUfLcklqBCRT4eCTxbD6kdL2/LgYXqpvCbs3kBv/AAAAAElFTkSuQmCC"
Description
The background image of the ColorGradient alpha slider.
+
$kendo-color-gradient-sm-slider-vertical-sizenull
Description
The height of the small ColorGradient vertical slider.
+
$kendo-color-gradient-md-slider-vertical-sizenull
Description
The height of the medium ColorGradient vertical slider.
+
$kendo-color-gradient-lg-slider-vertical-sizenull
Description
The height of the large ColorGradient vertical slider.
+
$kendo-color-gradient-draghandle-widthnull
Description
The width of the ColorGradient canvas drag handle.
+
$kendo-color-gradient-draghandle-heightnull
Description
The height of the ColorGradient canvas drag handle.
+
$kendo-color-gradient-draghandle-border-widthnull
Description
The width of the border around the ColorGradient canvas drag handle.
+
$kendo-color-gradient-draghandle-outline-widthnull
Description
The width of the outline around the ColorGradient canvas drag handle.
+
$kendo-color-gradient-draghandle-border-radiusnull
Description
The border radius of the ColorGradient canvas drag handle.
+
$kendo-color-gradient-draghandle-textnull
Description
The text color of the ColorGradient canvas drag handle.
+
$kendo-color-gradient-draghandle-bgnull
Description
The background color of the ColorGradient canvas drag handle.
+
$kendo-color-gradient-draghandle-bordernull
Description
The color of the border around the ColorGradient canvas drag handle.
+
$kendo-color-gradient-draghandle-focus-shadownull
Description
The focus color of the outline around the ColorGradient canvas drag handle.
+
$kendo-color-gradient-draghandle-hover-shadownull
Description
The hover color of the outline around the ColorGradient canvas drag handle.
+
$kendo-color-gradient-draghandle-shadownull
Description
The box shadow of the ColorGradient canvas drag handle.
+
$kendo-color-gradient-canvas-draghandle-margin-ynull
Description
The vertical margin of the ColorGradient canvas drag handle.
+
$kendo-color-gradient-canvas-draghandle-margin-xnull
Description
The horizontal margin of the ColorGradient canvas drag handle.
+
$kendo-color-gradient-input-widthnull
Description
The width of the ColorGradient input.
+
$kendo-color-gradient-input-gapnull
Description
The spacing between the ColorGradient inputs.
+
$kendo-color-gradient-input-label-gapnull
Description
The spacing between the ColorGradient inputs and their labels.
+
$kendo-color-gradient-input-label-textnull
Description
The text color of the ColorGradient input labels.
+
$kendo-color-gradient-sm-input-widthnull
Description
The width of the small ColorGradient input.
+
$kendo-color-gradient-md-input-widthnull
Description
The width of the medium ColorGradient input.
+
$kendo-color-gradient-lg-input-widthnull
Description
The width of the large ColorGradient input.
+
$kendo-color-gradient-contrast-ratio-font-weightnull
Description
The font weight of the ColorGradient contrast ratio text.
+
$kendo-color-gradient-contrast-spacernull
Description
The spacing between the items in the ColorGradient contrast tool.
+
$kendo-color-gradient-sizes()
Description
The size map of the ColorGradient.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-color-palette.md b/packages/core/docs/customization-color-palette.md new file mode 100644 index 00000000000..66c0f3e6b85 --- /dev/null +++ b/packages/core/docs/customization-color-palette.md @@ -0,0 +1,188 @@ +--- +title: Customizing ColorPalette +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_color-palette +position: 9 +--- + +# Customizing ColorPalette + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-color-palette-font-familynull
Description
The font family of the ColorPalette.
+
$kendo-color-palette-font-sizenull
Description
The font size of the ColorPalette.
+
$kendo-color-palette-line-heightnull
Description
The line height of the ColorPalette.
+
$kendo-color-palette-tile-widthnull
Description
The width of the ColorPalette tile.
+
$kendo-color-palette-tile-heightnull
Description
The height of the ColorPalette tile.
+
$kendo-color-palette-tile-sm-widthnull
Description
The width of the small ColorPalette tile.
+
$kendo-color-palette-tile-sm-heightnull
Description
The height of the small ColorPalette tile.
+
$kendo-color-palette-tile-md-widthnull
Description
The width of the medium ColorPalette tile.
+
$kendo-color-palette-tile-md-heightnull
Description
The height of the medium ColorPalette tile.
+
$kendo-color-palette-tile-lg-widthnull
Description
The width of the large ColorPalette tile.
+
$kendo-color-palette-tile-lg-heightnull
Description
The height of the large ColorPalette tile.
+
$kendo-color-palette-tile-focus-shadownull
Description
The shadow of the ColorPalette focused tile.
+
$kendo-color-palette-tile-hover-shadownull
Description
The shadow of the ColorPalette hovered tile.
+
$kendo-color-palette-tile-selected-shadownull
Description
The shadow of the ColorPalette selected tile.
+
$kendo-color-palette-sizes()
Description
The size map of the ColorPalette.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-common.md b/packages/core/docs/customization-common.md index 2b97216c71b..276b23c62b7 100644 --- a/packages/core/docs/customization-common.md +++ b/packages/core/docs/customization-common.md @@ -29,9 +29,9 @@ The following table lists the available variables for customization. $kendo-disabled-bg - Null - null + null +
Description
The background color of disabled items.
@@ -39,9 +39,9 @@ The following table lists the available variables for customization. $kendo-disabled-text - Null - null + null +
Description
The text color of disabled items.
@@ -49,9 +49,9 @@ The following table lists the available variables for customization. $kendo-disabled-border - Null - null + null +
Description
The border color of disabled items.
@@ -59,9 +59,9 @@ The following table lists the available variables for customization. $kendo-disabled-opacity - Null - null + null +
Description
The opacity of disabled items.
@@ -69,14 +69,24 @@ The following table lists the available variables for customization. $kendo-disabled-filter - Null - null + null +
Description
The filter of disabled items.
+ + $kendo-display + + null + + + +
Description
The displays Map.
+ + diff --git a/packages/core/docs/customization-dialog.md b/packages/core/docs/customization-dialog.md new file mode 100644 index 00000000000..25171db1e1b --- /dev/null +++ b/packages/core/docs/customization-dialog.md @@ -0,0 +1,118 @@ +--- +title: Customizing Dialog +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_dialog +position: 9 +--- + +# Customizing Dialog + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-dialog-titlebar-bgnull
Description
The background color of the Dialog titlebar.
+
$kendo-dialog-titlebar-textnull
Description
The text color of the Dialog titlebar.
+
$kendo-dialog-titlebar-bordernull
Description
The border color of the Dialog titlebar.
+
$kendo-dialog-buttongroup-padding-xnull
Description
The horizontal padding of the Dialog action buttons.
+
$kendo-dialog-buttongroup-padding-ynull
Description
The vertical padding of the Dialog action buttons.
+
$kendo-dialog-buttongroup-border-widthnull
Description
The width of the top border of the Dialog action buttons.
+
$kendo-dialog-button-spacingnull
Description
The spacing between the Dialog action buttons.
+
$kendo-dialog-theme-colorsnull
Description
The theme colors map for the Dialog.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-dock-manager.md b/packages/core/docs/customization-dock-manager.md new file mode 100644 index 00000000000..bf6c721c57d --- /dev/null +++ b/packages/core/docs/customization-dock-manager.md @@ -0,0 +1,388 @@ +--- +title: Customizing DockManager +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_dock-manager +position: 9 +--- + +# Customizing DockManager + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-dock-manager-border-widthnull
Description
The width of the border around the DockManager component.
+
$kendo-dock-manager-border-stylenull
Description
The style of the border around the DockManager component.
+
$kendo-dock-manager-bordernull
Description
The color of the border around the DockManager component.
+
$kendo-dock-manager-pane-header-padding-ynull
Description
The vertical padding of the pane header in the DockManager component.
+
$kendo-dock-manager-pane-header-padding-xnull
Description
The horizontal padding of the pane header in the DockManager component.
+
$kendo-dock-manager-pane-header-border-widthnull
Description
The width of the border around the pane header in the DockManager component.
+
$kendo-dock-manager-pane-header-border-stylenull
Description
The style of the border around the pane header in the DockManager component.
+
$kendo-dock-manager-pane-header-bgnull
Description
The background color of the pane header in the DockManager component.
+
$kendo-dock-manager-pane-title-padding-ynull
Description
The vertical padding of the pane title in the DockManager component.
+
$kendo-dock-manager-pane-title-padding-xnull
Description
The horizontal padding of the pane title in the DockManager component.
+
$kendo-dock-manager-pane-title-font-familynull
Description
The font family of the pane title in the DockManager component.
+
$kendo-dock-manager-pane-title-font-sizenull
Description
The font size of the pane title in the DockManager component.
+
$kendo-dock-manager-pane-title-line-heightnull
Description
The line height of the pane title in the DockManager component.
+
$kendo-dock-manager-pane-title-font-weightnull
Description
The font weight of the pane title in the DockManager component.
+
$kendo-dock-manager-pane-content-padding-xnull
Description
The horizontal padding of the pane content in the DockManager component.
+
$kendo-dock-manager-pane-content-padding-ynull
Description
The vertical padding of the pane content in the DockManager component.
+
$kendo-dock-manager-tabbed-pane-padding-ynull
Description
The horizontal padding of the tabbed pane in the DockManager component.
+
$kendo-dock-manager-tabbed-pane-padding-xnull
Description
The horizontal padding of the tabbed pane in the DockManager component.
+
$kendo-dock-manager-unpinned-container-widthnull
Description
The width of the unpinned pane container in the DockManager component.
+
$kendo-dock-manager-unpinned-container-bgnull
Description
The background-color of the unpinned pane container in the DockManager component.
+
$kendo-dock-manager-unpinned-container-shadownull
Description
The box shadow of the unpinned pane container in the DockManager component.
+
$kendo-dock-indicator-paddingnull
Description
The padding of the dock indicator in the DockManager component.
+
$kendo-dock-indicator-bgnull
Description
The background color of the dock indicator in the DockManager component.
+
$kendo-dock-indicator-textnull
Description
The text color of the dock indicator in the DockManager component.
+
$kendo-dock-indicator-outline-widthnull
Description
The outline width of the dock indicator in the DockManager component.
+
$kendo-dock-indicator-outline-stylenull
Description
The outline style of the dock indicator in the DockManager component.
+
$kendo-dock-indicator-outlinenull
Description
The outline color of the dock indicator in the DockManager component.
+
$kendo-dock-indicator-shadownull
Description
The box shadow of the dock indicator in the DockManager component.
+
$kendo-dock-indicator-hover-bgnull
Description
The background color of the hovered dock indicator in the DockManager component.
+
$kendo-dock-indicator-hover-textnull
Description
The text color of the hovered dock indicator in the DockManager component.
+
$kendo-dock-manager-dock-preview-border-widthnull
Description
The width of the border around the dropping area in the DockManager component.
+
$kendo-dock-manager-dock-preview-border-stylenull
Description
The style of the border around the dropping area in the DockManager component.
+
$kendo-dock-manager-dock-preview-border-radiusnull
Description
The border radius of the dropping area in the DockManager component.
+
$kendo-dock-manager-dock-preview-bgnull
Description
The background color of the dropping area in the DockManager component.
+
$kendo-dock-manager-dock-preview-bordernull
Description
The border color of the dropping area in the DockManager component.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-drawer.md b/packages/core/docs/customization-drawer.md new file mode 100644 index 00000000000..b5de7d76747 --- /dev/null +++ b/packages/core/docs/customization-drawer.md @@ -0,0 +1,348 @@ +--- +title: Customizing Drawer +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_drawer +position: 9 +--- + +# Customizing Drawer + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-drawer-bgnull
Description
The background color of the Drawer.
+
$kendo-drawer-textnull
Description
The text color of the Drawer.
+
$kendo-drawer-bordernull
Description
The border color of the Drawer.
+
$kendo-drawer-border-widthnull
Description
The border width of the Drawer.
+
$kendo-drawer-font-familynull
Description
The font family of the Drawer.
+
$kendo-drawer-font-sizenull
Description
The font size of the Drawer.
+
$kendo-drawer-line-heightnull
Description
The line height of the Drawer.
+
$kendo-drawer-content-padding-xnull
Description
The horizontal padding of the Drawer content.
+
$kendo-drawer-content-padding-ynull
Description
The vertical padding of the Drawer content.
+
$kendo-drawer-scrollbar-widthnull
Description
The width of the Drawer scrollbar.
+
$kendo-drawer-scrollbar-colornull
Description
The color of the Drawer scrollbar track.
+
$kendo-drawer-scrollbar-bgnull
Description
The background color of the Drawer scrollbar thumb.
+
$kendo-drawer-scrollbar-radiusnull
Description
The border radius of the Drawer scrollbar.
+
$kendo-drawer-scrollbar-hover-colornull
Description
The hover color of the Drawer scrollbar track.
+
$kendo-drawer-item-padding-xnull
Description
The horizontal padding of the Drawer item.
+
$kendo-drawer-item-padding-ynull
Description
The vertical padding of the Drawer item.
+
$kendo-drawer-item-font-sizenull
Description
The font size of the Drawer item.
+
$kendo-drawer-item-line-heightnull
Description
The line height of the Drawer item.
+
$kendo-drawer-item-level-padding-xnull
Description
The horizontal padding of the Drawer item in each level.
+
$kendo-drawer-item-level-countnull
Description
The count of the Drawer item levels.
+
$kendo-drawer-icon-padding-xnull
Description
The horizontal padding of the Drawer icon.
+
$kendo-drawer-icon-padding-ynull
Description
The vertical padding of the Drawer icon.
+
$kendo-drawer-mini-initial-widthnull
Description
The initial width of the mini Drawer.
+
$kendo-drawer-hover-bgnull
Description
The background color of the hovered Drawer item.
+
$kendo-drawer-hover-textnull
Description
The text color of the hovered Drawer item.
+
$kendo-drawer-focus-bgnull
Description
The background color of the focused Drawer item.
+
$kendo-drawer-focus-shadownull
Description
The box shadow of the focused Drawer item.
+
$kendo-drawer-selected-bgnull
Description
The background color of the selected Drawer item.
+
$kendo-drawer-selected-textnull
Description
The text color of the selected Drawer item.
+
$kendo-drawer-selected-hover-bgnull
Description
The background color of the selected and hovered Drawer item.
+
$kendo-drawer-selected-hover-textnull
Description
The text color of the selected and hovered Drawer item.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-dropdowntree.md b/packages/core/docs/customization-dropdowntree.md new file mode 100644 index 00000000000..876a09e2d3a --- /dev/null +++ b/packages/core/docs/customization-dropdowntree.md @@ -0,0 +1,58 @@ +--- +title: Customizing Dropdowntree +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_dropdowntree +position: 9 +--- + +# Customizing Dropdowntree + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-dropdowntree-popup-padding-xnull
Description
The horizontal padding of the DropdownTree popup
+
$kendo-dropdowntree-popup-padding-ynull
Description
The vertical padding of the DropdownTree popup
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-dropzone.md b/packages/core/docs/customization-dropzone.md new file mode 100644 index 00000000000..279cd080487 --- /dev/null +++ b/packages/core/docs/customization-dropzone.md @@ -0,0 +1,228 @@ +--- +title: Customizing Dropzone +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_dropzone +position: 9 +--- + +# Customizing Dropzone + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-dropzone-padding-xnull
Description
The horizontal padding of the DropZone.
+
$kendo-dropzone-padding-ynull
Description
The vertical padding of the DropZone.
+
$kendo-dropzone-border-widthnull
Description
The border width of the DropZone.
+
$kendo-dropzone-min-heightnull
Description
The minimum height of the DropZone.
+
$kendo-dropzone-font-familynull
Description
The font family of the DropZone.
+
$kendo-dropzone-font-sizenull
Description
The font size of the DropZone.
+
$kendo-dropzone-line-heightnull
Description
The line height of the DropZone.
+
$kendo-dropzone-bgnull
Description
The background color of the DropZone.
+
$kendo-dropzone-textnull
Description
The text color of the DropZone.
+
$kendo-dropzone-bordernull
Description
The border color of the DropZone.
+
$kendo-dropzone-icon-spacingnull
Description
The spacing below the DropZone icon.
+
$kendo-dropzone-icon-textnull
Description
The text color of the DropZone icon.
+
$kendo-dropzone-icon-hover-textnull
Description
The text color of the hovered DropZone icon.
+
$kendo-dropzone-hint-font-sizenull
Description
The font size of the DropZone hint.
+
$kendo-dropzone-hint-spacingnull
Description
The spacing below the DropZone hint.
+
$kendo-dropzone-hint-textnull
Description
The text color of the DropZone hint.
+
$kendo-dropzone-note-font-sizenull
Description
The font size of the DropZone note.
+
$kendo-dropzone-note-spacingnull
Description
The spacing below the DropZone note.
+
$kendo-dropzone-note-textnull
Description
The text color of the DropZone note.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-editor.md b/packages/core/docs/customization-editor.md new file mode 100644 index 00000000000..a5422a87dee --- /dev/null +++ b/packages/core/docs/customization-editor.md @@ -0,0 +1,248 @@ +--- +title: Customizing Editor +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_editor +position: 9 +--- + +# Customizing Editor + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-editor-border-widthnull
Description
The width of the border around the Еditor.
+
$kendo-editor-font-familynull
Description
The font family of the Еditor.
+
$kendo-editor-font-sizenull
Description
The font size of the Еditor.
+
$kendo-editor-line-heightnull
Description
The line height of the Еditor.
+
$kendo-editor-placeholder-textnull
Description
The text color of the Еditor placeholder.
+
$kendo-editor-placeholder-opacitynull
Description
The opacity of the Editor placeholder.
+
$kendo-editor-selected-textnull
Description
The selected text color of the Editor.
+
$kendo-editor-selected-bgnull
Description
The selected background color of the Editor.
+
$kendo-editor-highlighted-bgnull
Description
The highlighted background color of the Editor.
+
$kendo-editor-export-tool-icon-margin-xnull
Description
The horizontal margin of the Editor's export tool icon.
+
$kendo-editor-resize-handle-sizenull
Description
The size of the Editor's resize handle.
+
$kendo-editor-resize-handle-border-widthnull
Description
The border width of the Editor's resize handle.
+
$kendo-editor-resize-handle-bordernull
Description
The border color of the Editor's resize handle.
+
$kendo-editor-resize-handle-bgnull
Description
The background color of the Editor's resize handle.
+
$kendo-editor-selectednode-outline-widthnull
Description
The outline width of the Editor's selected node.
+
$kendo-editor-selectednode-outline-colornull
Description
The outline color of the Editor's selected node.
+
$kendo-editor-inline-padding-xnull
Description
The horizontal padding of the inline Editor.
+
$kendo-editor-inline-padding-ynull
Description
The vertical padding of the inline Editor.
+
$kendo-editor-filebrowser-tiles-padding-xnull
Description
The horizontal padding of the Editor file browser tiles.
+
$kendo-editor-filebrowser-tiles-padding-ynull
Description
The vertical padding of the Editor file browser tiles.
+
$kendo-editor-content-paddingnull
Description
The padding of the Editor content.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-expander.md b/packages/core/docs/customization-expander.md new file mode 100644 index 00000000000..7e0f674078a --- /dev/null +++ b/packages/core/docs/customization-expander.md @@ -0,0 +1,258 @@ +--- +title: Customizing Expander +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_expander +position: 9 +--- + +# Customizing Expander + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-expander-spacing-ynull
Description
The vertical spacing of the ExpansionPanel.
+
$kendo-expander-border-widthnull
Description
The width of the border around the ExpansionPanel.
+
$kendo-expander-font-familynull
Description
The font family of the ExpansionPanel.
+
$kendo-expander-font-sizenull
Description
The font size of the ExpansionPanel.
+
$kendo-expander-line-heightnull
Description
The hine height of the ExpansionPanel.
+
$kendo-expander-textnull
Description
The text color of the ExpansionPanel.
+
$kendo-expander-bgnull
Description
The background color of the ExpansionPanel.
+
$kendo-expander-bordernull
Description
The border color of the ExpansionPanel.
+
$kendo-expander-focus-shadownull
Description
The box shadow of the focused ExpansionPanel.
+
$kendo-expander-header-padding-xnull
Description
The horizontal padding of the ExpansionPanel header.
+
$kendo-expander-header-padding-ynull
Description
The vertical padding of the ExpansionPanel header.
+
$kendo-expander-header-textnull
Description
The text color of the ExpansionPanel header.
+
$kendo-expander-header-bgnull
Description
The background color of the ExpansionPanel header.
+
$kendo-expander-header-bordernull
Description
The border color of the ExpansionPanel header.
+
$kendo-expander-header-hover-bgnull
Description
The background color of the hovered ExpansionPanel header.
+
$kendo-expander-header-focus-bgnull
Description
The background color of the focused ExpansionPanel header.
+
$kendo-expander-header-focus-shadownull
Description
The box shadow of the focused ExpansionPanel header.
+
$kendo-expander-title-textnull
Description
The text color of the ExpansionPanel title.
+
$kendo-expander-header-sub-title-textnull
Description
The text color of the ExpansionPanel sub-title.
+
$kendo-expander-indicator-margin-xnull
Description
The horizontal margin of the ExpansionPanel indicator.
+
$kendo-expander-content-padding-xnull
Description
The horizontal padding of the ExpansionPanel content.
+
$kendo-expander-content-padding-ynull
Description
The vertical padding of the ExpansionPanel content.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-file-manager.md b/packages/core/docs/customization-file-manager.md new file mode 100644 index 00000000000..25604414a87 --- /dev/null +++ b/packages/core/docs/customization-file-manager.md @@ -0,0 +1,608 @@ +--- +title: Customizing FileManager +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_file-manager +position: 9 +--- + +# Customizing FileManager + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-file-manager-spacernull
Description
The space between the FileManager items.
+
$kendo-file-manager-border-widthnull
Description
The border width of the FileManager.
+
$kendo-file-manager-font-familynull
Description
The font family of the FileManager.
+
$kendo-file-manager-font-sizenull
Description
The font size of the FileManager.
+
$kendo-file-manager-line-heightnull
Description
The line height of the FileManager.
+
$kendo-file-manager-bgnull
Description
The background color of the FileManager.
+
$kendo-file-manager-textnull
Description
The text color of the FileManager.
+
$kendo-file-manager-bordernull
Description
The border color of the FileManager.
+
$kendo-file-manager-toolbar-border-widthnull
Description
The border width of the FileManager Toolbar.
+
$kendo-file-manager-toolbar-bgnull
Description
The background color of the FileManager Toolbar.
+
$kendo-file-manager-toolbar-textnull
Description
The text color of the FileManager Toolbar.
+
$kendo-file-manager-toolbar-bordernull
Description
The border color of the FileManager Toolbar.
+
$kendo-file-manager-toolbar-gradientnull
Description
The gradient of the FileManager Toolbar.
+
$kendo-file-manager-navigation-padding-xnull
Description
The horizontal padding of the FileManager Navigation.
+
$kendo-file-manager-navigation-padding-ynull
Description
The vertical padding of the FileManager Navigation.
+
$kendo-file-manager-navigation-widthnull
Description
The width of the FileManager Navigation.
+
$kendo-file-manager-navigation-border-widthnull
Description
The border width of the FileManager Navigation.
+
$kendo-file-manager-navigation-bgnull
Description
The background color of the FileManager Navigation.
+
$kendo-file-manager-navigation-textnull
Description
The text color of the FileManager Navigation.
+
$kendo-file-manager-navigation-bordernull
Description
The border color of the FileManager Navigation.
+
$kendo-file-manager-breadcrumb-padding-xnull
Description
The horizontal padding of the FileManager Breadcrumb.
+
$kendo-file-manager-breadcrumb-padding-ynull
Description
The vertical padding of the FileManager Breadcrumb.
+
$kendo-file-manager-breadcrumb-border-widthnull
Description
The border width of the FileManager Breadcrumb.
+
$kendo-file-manager-breadcrumb-bgnull
Description
The background color of the FileManager Breadcrumb.
+
$kendo-file-manager-breadcrumb-textnull
Description
The text color of the FileManager Breadcrumb.
+
$kendo-file-manager-breadcrumb-bordernull
Description
The border color of the FileManager Breadcrumb.
+
$kendo-file-manager-listview-bgnull
Description
The background color of the FileManager ListView.
+
$kendo-file-manager-listview-textnull
Description
The text color of the FileManager ListView.
+
$kendo-file-manager-listview-bordernull
Description
The border color of the FileManager ListView.
+
$kendo-file-manager-listview-item-padding-xnull
Description
The horizontal padding of the FileManager ListView item.
+
$kendo-file-manager-listview-item-padding-ynull
Description
The vertical padding of the FileManager ListView item.
+
$kendo-file-manager-listview-item-widthnull
Description
The width of the FileManager ListView item.
+
$kendo-file-manager-listview-item-heightnull
Description
The height of the FileManager ListView item.
+
$kendo-file-manager-listview-item-bgnull
Description
The background color of the FileManager ListView item.
+
$kendo-file-manager-listview-item-textnull
Description
The text color of the FileManager ListView item.
+
$kendo-file-manager-listview-item-bordernull
Description
The border color of the FileManager ListView item.
+
$kendo-file-manager-listview-item-icon-bgnull
Description
The background color of the FileManager ListView item icon.
+
$kendo-file-manager-listview-item-icon-textnull
Description
The text color of the FileManager ListView item icon.
+
$kendo-file-manager-listview-item-icon-bordernull
Description
The border color of the FileManager ListView item icon.
+
$kendo-file-manager-listview-item-icon-selected-bgnull
Description
Background color of the FileManager selected ListView item icon.
+
$kendo-file-manager-listview-item-icon-selected-textnull
Description
Text color of the FileManager selected ListView item icon.
+
$kendo-file-manager-listview-item-icon-selected-bordernull
Description
Border color of the FileManager selected ListView item icon.
+
$kendo-file-manager-grid-bgnull
Description
The background color of the FileManager Grid.
+
$kendo-file-manager-grid-textnull
Description
The text color of the FileManager Grid.
+
$kendo-file-manager-grid-bordernull
Description
The border color of the FileManager Grid.
+
$kendo-file-manager-preview-padding-xnull
Description
The horizontal padding of the FileManager preview.
+
$kendo-file-manager-preview-padding-ynull
Description
The vertical padding of the FileManager preview.
+
$kendo-file-manager-preview-widthnull
Description
The width of the FileManager preview.
+
$kendo-file-manager-preview-border-widthnull
Description
The border width of the FileManager preview.
+
$kendo-file-manager-preview-spacingnull
Description
The spacing of the FileManager preview.
+
$kendo-file-manager-preview-column-gapnull
Description
The gap between the columns in the FileManager preview.
+
$kendo-file-manager-preview-bgnull
Description
The background color of the FileManager preview.
+
$kendo-file-manager-preview-textnull
Description
The text color of the FileManager preview.
+
$kendo-file-manager-preview-bordernull
Description
The border color of the FileManager preview.
+
$kendo-file-manager-preview-icon-bgnull
Description
The background color of the FileManager preview icon.
+
$kendo-file-manager-preview-icon-textnull
Description
The text color of the FileManager preview icon.
+
$kendo-file-manager-preview-icon-bordernull
Description
The border color of the FileManager preview icon.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-filter.md b/packages/core/docs/customization-filter.md new file mode 100644 index 00000000000..e838b5c1fd3 --- /dev/null +++ b/packages/core/docs/customization-filter.md @@ -0,0 +1,118 @@ +--- +title: Customizing Filter +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_filter +position: 9 +--- + +# Customizing Filter + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-filter-padding-xnull
Description
The horizontal padding of the Filter.
+
$kendo-filter-padding-ynull
Description
The vertical padding of the Filter.
+
$kendo-filter-bottom-marginnull
Description
The bottom margin of the Filter.
+
$kendo-filter-line-sizenull
Description
The width of the line that connects the Filter items.
+
$kendo-filter-operator-dropdown-widthnull
Description
The width of the dropdown elements in the Filter items.
+
$kendo-filter-preview-field-textnull
Description
The text color of the Filter preview field.
+
$kendo-filter-preview-operator-textnull
Description
The text color of the Filter preview operator.
+
$kendo-filter-toolbar-focus-shadownull
Description
The box shadow of the focused Filter toolbar.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-floating-action-button.md b/packages/core/docs/customization-floating-action-button.md new file mode 100644 index 00000000000..1578d7a2966 --- /dev/null +++ b/packages/core/docs/customization-floating-action-button.md @@ -0,0 +1,508 @@ +--- +title: Customizing FloatingActionButton +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_floating-action-button +position: 9 +--- + +# Customizing FloatingActionButton + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-fab-border-widthnull
Description
The width of the border around the FAB.
+
$kendo-fab-border-radiusnull
Description
The border radius of the FAB.
+
$kendo-fab-font-familynull
Description
The font family of the FAB.
+
$kendo-fab-font-sizenull
Description
The font size of the FAB.
+
$kendo-fab-line-heightnull
Description
The line height of the FAB.
+
$kendo-fab-padding-xnull
Description
The horizontal padding of the FAB.
+
$kendo-fab-sm-padding-xnull
Description
The horizontal padding of the small FAB.
+
$kendo-fab-md-padding-xnull
Description
The horizontal padding of the medium FAB.
+
$kendo-fab-lg-padding-xnull
Description
The horizontal padding of the large FAB.
+
$kendo-fab-padding-ynull
Description
The vertical padding of the FAB.
+
$kendo-fab-sm-padding-ynull
Description
The vertical padding of the small FAB.
+
$kendo-fab-md-padding-ynull
Description
The vertical padding of the medium FAB.
+
$kendo-fab-lg-padding-ynull
Description
The vertical padding of the large FAB.
+
$kendo-fab-icon-padding-xnull
Description
The horizontal padding of the FAB icon.
+
$kendo-fab-icon-padding-ynull
Description
The vertical padding of the FAB icon.
+
$kendo-fab-icon-spacingnull
Description
The spacing of the FAB icon.
+
$kendo-fab-items-padding-xnull
Description
The horizontal padding of the FAB items.
+
$kendo-fab-items-padding-ynull
Description
The vertical padding of the FAB items.
+
$kendo-fab-item-text-padding-xnull
Description
The horizontal padding of the FAB item text.
+
$kendo-fab-item-text-padding-ynull
Description
The vertical padding of the FAB item text.
+
$kendo-fab-item-text-border-widthnull
Description
The width of the FAB item text border.
+
$kendo-fab-item-text-border-radiusnull
Description
The border radius of the FAB item text.
+
$kendo-fab-item-text-font-sizenull
Description
The font size of the FAB item text.
+
$kendo-fab-item-text-line-heightnull
Description
The line height of the FAB item text.
+
$kendo-fab-item-icon-padding-xnull
Description
The horizontal padding of the FAB item icon.
+
$kendo-fab-item-icon-padding-ynull
Description
The vertical padding of the FAB item icon.
+
$kendo-fab-item-icon-border-widthnull
Description
The width of the FAB item icon border.
+
$kendo-fab-item-icon-border-radiusnull
Description
The border radius of the FAB item icon.
+
$kendo-fab-theme-colorsnull
Description
The theme colors map for the FAB.
+
$kendo-fab-sizesnull
Description
The size map for the FAB.
+
$kendo-fab-shadownull
Description
The base shadow of the FAB.
+
$kendo-fab-disabled-shadownull
Description
The shadow of the disabled FAB.
+
$kendo-fab-active-shadownull
Description
The shadow of the active FAB.
+
$kendo-fab-outline-stylenull
Description
The outline style of the FAB.
+
$kendo-fab-outline-widthnull
Description
The outline width of the FAB.
+
$kendo-fab-item-textnull
Description
The base text color of the FAB item.
+
$kendo-fab-item-bgnull
Description
The base background color of the FAB item.
+
$kendo-fab-item-bordernull
Description
The base border color of the FAB item.
+
$kendo-fab-item-icon-textnull
Description
The base text color of the FAB item icon.
+
$kendo-fab-item-icon-bgnull
Description
The base background color of the FAB item icon.
+
$kendo-fab-item-icon-bordernull
Description
The base border color of the FAB item icon.
+
$kendo-fab-item-shadownull
Description
The base shadow of the FAB item.
+
$kendo-fab-item-disabled-shadownull
Description
The shadow of the disabled FAB item.
+
$kendo-fab-item-active-shadownull
Description
The shadow of the active FAB item.
+
$kendo-fab-item-outline-stylenull
Description
The outline style of the FAB item.
+
$kendo-fab-item-outline-widthnull
Description
The outline width of the FAB item.
+
$kendo-fab-item-outline-colornull
Description
The outline color of the FAB item.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-floating-label.md b/packages/core/docs/customization-floating-label.md new file mode 100644 index 00000000000..9918000249d --- /dev/null +++ b/packages/core/docs/customization-floating-label.md @@ -0,0 +1,188 @@ +--- +title: Customizing FloatingLabel +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_floating-label +position: 9 +--- + +# Customizing FloatingLabel + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-floating-label-scalenull
Description
The transformation scale of the Floating Label.
+
$kendo-floating-label-font-sizenull
Description
The font size of the Floating Label.
+
$kendo-floating-label-max-widthnull
Description
The maximum width of the Floating Label.
+
$kendo-floating-label-line-heightnull
Description
The line height of the Floating Label.
+
$kendo-floating-label-heightnull
Description
The height of the Floating Label.
+
$kendo-floating-label-offset-xnull
Description
The horizontal offset of the Floating Label.
+
$kendo-floating-label-offset-ynull
Description
The vertical offset of the Floating Label.
+
$kendo-floating-label-focus-scalenull
Description
The transformation scale of the focused Floating Label.
+
$kendo-floating-label-focus-offset-xnull
Description
The horizontal offset of the focused Floating Label.
+
$kendo-floating-label-focus-offset-ynull
Description
The vertical offset of the focused Floating Label.
+
$kendo-floating-label-transitionnull
Description
The transition of the Floating Label.
+
$kendo-floating-label-bgnull
Description
The background color of the Floating Label.
+
$kendo-floating-label-textnull
Description
The text color of the Floating Label.
+
$kendo-floating-label-focus-bgnull
Description
The background color of the focused Floating Label.
+
$kendo-floating-label-focus-textnull
Description
The text color of the focused Floating Label.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-form.md b/packages/core/docs/customization-form.md new file mode 100644 index 00000000000..22ead3e820c --- /dev/null +++ b/packages/core/docs/customization-form.md @@ -0,0 +1,548 @@ +--- +title: Customizing Form +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_form +position: 9 +--- + +# Customizing Form + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-form-spacernull
Description
The padding of the inline Form.
+
$kendo-form-font-sizenull
Description
The font size of the Form.
+
$kendo-form-line-heightnull
Description
The line height of the Form.
+
$kendo-form-line-height-emnull
Description
The line height of the Form in em units.
+
$kendo-form-sm-line-heightnull
Description
The line height of the small Form.
+
$kendo-form-lg-line-heightnull
Description
The line height of the large Form.
+
$kendo-form-fieldset-marginnull
Description
The margin of the Form fieldset.
+
$kendo-form-fieldset-paddingnull
Description
The padding of the Form fieldset.
+
$kendo-form-legend-marginnull
Description
The margin of the Form legend.
+
$kendo-form-legend-paddingnull
Description
The padding of the Form legend.
+
$kendo-form-legend-border-widthnull
Description
The border width of the Form legend.
+
$kendo-form-legend-border-stylenull
Description
The border style of the Form legend.
+
$kendo-form-legend-border-colornull
Description
The border color of the Form legend.
+
$kendo-form-legend-widthnull
Description
The width of the Form legend.
+
$kendo-form-legend-font-sizenull
Description
The font size of the Form legend.
+
$kendo-form-legend-text-transformnull
Description
The text capitalization of the Form legend.
+
$kendo-form-label-margin-bottomnull
Description
The bottom margin of the Form label.
+
$kendo-form-button-margin-xnull
Description
The horizontal margin of the Form buttons.
+
$kendo-form-hint-font-sizenull
Description
The font size of the Form hint.
+
$kendo-form-hint-font-stylenull
Description
The font style of the Form hint.
+
$kendo-form-hint-margin-topnull
Description
The top margin of the Form hint.
+
$kendo-form-sm-rows-spacingnull
Description
The row spacing of the small Form.
+
$kendo-form-md-rows-spacingnull
Description
The row spacing of the medium Form.
+
$kendo-form-lg-rows-spacingnull
Description
The row spacing of the large Form.
+
$kendo-form-separator-marginnull
Description
The margin of the Form separator.
+
$kendo-form-separator-border-colornull
Description
The border color of the Form separator.
+
$kendo-horizontal-form-label-padding-topnull
Description
The top padding of the label in the horizontal Form.
+
$kendo-horizontal-form-label-margin-xnull
Description
The horizontal margin of the label in the horizontal Form.
+
$kendo-horizontal-form-label-widthnull
Description
The width of the label in the horizontal Form.
+
$kendo-horizontal-form-label-alignnull
Description
The horizontal alignment of the label in the horizontal Form.
+
$kendo-horizontal-form-field-wrap-max-widthnull
Description
The maximum width of the field wrap in the horizontal Form.
+
$kendo-inline-form-element-widthnull
Description
The width of the inline Form element.
+
$kendo-inline-form-field-padding-xnull
Description
The horizontal padding of the inline Form field.
+
$kendo-inline-form-field-padding-ynull
Description
The vertical padding of the inline Form field.
+
$kendo-forms-invalid-colornull
Description
The invalid text color of the Form.
+
$kendo-label-optional-margin-xnull
Description
The horizontal margin of the optional label in the Form.
+
$kendo-label-optional-font-sizenull
Description
The font size of the optional label in the Form.
+
$kendo-label-optional-font-stylenull
Description
The font style of the optional label in the Form.
+
$kendo-fieldset-marginnull
Description
The margin of the Form fieldset.
+
$kendo-fieldset-font-sizenull
Description
The font size of the Form fieldset.
+
$kendo-fieldset-bgnull
Description
The background color of the Form fieldset.
+
$kendo-fieldset-textnull
Description
The text color of the Form fieldset.
+
$kendo-fieldset-bordernull
Description
The border color of the Form fieldset.
+
$kendo-fieldset-legend-paddingnull
Description
The padding of the Form fieldset legend.
+
$kendo-fieldset-legend-marginnull
Description
The margin of the Form fieldset legend
+
$kendo-form-alert-error-marginnull
Description
The margin of the Form alert error.
+
$kendo-form-field-info-marginnull
Description
The margin of the Form field info.
+
$kendo-fieldset-legend-bgnull
Description
The background color of the Form legend.
+
$kendo-fieldset-legend-textnull
Description
The text color of the Form legend.
+
$kendo-fieldset-legend-bordernull
Description
The border color of the Form legend.
+
$kendo-form-sizesnull
Description
The sizes map for the Form.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-gantt.md b/packages/core/docs/customization-gantt.md new file mode 100644 index 00000000000..4f27bd14a56 --- /dev/null +++ b/packages/core/docs/customization-gantt.md @@ -0,0 +1,788 @@ +--- +title: Customizing Gantt +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_gantt +position: 9 +--- + +# Customizing Gantt + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-gantt-border-widthnull
Description
The border width of the Gantt.
+
$kendo-gantt-font-familynull
Description
The font family of the Gantt.
+
$kendo-gantt-font-sizenull
Description
The font size of the Gantt.
+
$kendo-gantt-line-heightnull
Description
The line height of the Gantt.
+
$kendo-gantt-bgnull
Description
The background color of the Gantt.
+
$kendo-gantt-textnull
Description
The text color of the Gantt.
+
$kendo-gantt-bordernull
Description
The border color of the Gantt.
+
$kendo-gantt-treelist-bgnull
Description
The background color of the Gantt TreeList.
+
$kendo-gantt-treelist-textnull
Description
The text color of the Gantt TreeList.
+
$kendo-gantt-treelist-bordernull
Description
The border color of the Gantt TreeList.
+
$kendo-gantt-nonwork-bgnull
Description
The background color of the Gantt non-working days.
+
$kendo-gantt-nonwork-textnull
Description
The text color of the Gantt non-working days.
+
$kendo-gantt-nonwork-bordernull
Description
The border color of the Gantt non-working days.
+
$kendo-gantt-line-sizenull
Description
The size of the Gantt connecting lines.
+
$kendo-gantt-line-fillnull
Description
The background fill color of the Gantt connecting lines.
+
$kendo-gantt-line-selected-fillnull
Description
The background fill of the selected Gantt connecting lines.
+
$kendo-gantt-dot-sizenull
Description
The size of the Gantt task dot.
+
$kendo-gantt-dot-spacingnull
Description
The spacing of the Gantt task dot.
+
$kendo-gantt-dot-bgnull
Description
The background color of the Gantt task dot.
+
$kendo-gantt-dot-bordernull
Description
The border color of the Gantt task dot.
+
$kendo-gantt-dot-hover-bgnull
Description
The background color of the hovered Gantt task dot.
+
$kendo-gantt-dot-hover-bordernull
Description
The border color of the hovered Gantt task dot.
+
$kendo-gantt-milestone-bgnull
Description
The background color of the Gantt milestone.
+
$kendo-gantt-milestone-bordernull
Description
The border color of the Gantt milestone.
+
$kendo-gantt-milestone-selected-bgnull
Description
The background color of the selected Gantt milestone.
+
$kendo-gantt-milestone-selected-bordernull
Description
The border color of the selected Gantt milestone.
+
$kendo-gantt-summary-bgnull
Description
The background color of the Gantt summary.
+
$kendo-gantt-summary-progress-bgnull
Description
The background color of the Gantt summary progress.
+
$kendo-gantt-summary-selected-bgnull
Description
The background color of the selected Gantt summary.
+
$kendo-gantt-summary-progress-selected-bgnull
Description
The background color of the selected Gantt summary progress.
+
$kendo-gantt-task-border-widthnull
Description
The border width of the Gantt task.
+
$kendo-gantt-task-padding-xnull
Description
The horizontal padding of the Gantt task.
+
$kendo-gantt-task-padding-ynull
Description
The vertical padding of the Gantt task.
+
$kendo-gantt-task-bgnull
Description
The background color of the Gantt task.
+
$kendo-gantt-task-textnull
Description
The text color of the Gantt task.
+
$kendo-gantt-task-bordernull
Description
The border color of the Gantt task.
+
$kendo-gantt-task-progress-bgnull
Description
The background color of the Gantt task progress.
+
$kendo-gantt-task-selected-bgnull
Description
The background color of selected the Gantt task.
+
$kendo-gantt-task-selected-textnull
Description
The text color of the selected Gantt task.
+
$kendo-gantt-task-selected-bordernull
Description
The border color of the selected Gantt task.
+
$kendo-gantt-task-progress-selected-bgnull
Description
The background color of the selected Gantt task progress.
+
$kendo-gantt-task-actions-paddingnull
Description
The padding of the Gantt task actions.
+
$kendo-gantt-planned-margin-ynull
Description
The vertical margin of the Gantt task planned line.
+
$kendo-gantt-planned-border-widthnull
Description
The border width of the Gantt task planned line.
+
$kendo-gantt-planned-line-heightnull
Description
The line height of the Gantt task planned line.
+
$kendo-gantt-planned-dependency-margin-ynull
Description
The vertical margin of the Gantt planned dependencies.
+
$kendo-gantt-planned-moment-widthnull
Description
The default width of the Gantt planned line dot.
+
$kendo-gantt-planned-moment-heightnull
Description
The default height of the Gantt planned line dot.
+
$kendo-gantt-planned-moment-border-radiusnull
Description
The border radius of the Gantt planned line dot.
+
$kendo-gantt-planned-moment-left-margin-xnull
Description
The horizontal margin of the Gantt planned line dot.
+
$kendo-gantt-planned-milestone-moment-margin-xnull
Description
The horizontal margin of the Gantt milestone planned line dot.
+
$kendo-gantt-planned-duration-heightnull
Description
The default height of the Gantt planned line.
+
$kendo-gantt-planned-duration-hover-heightnull
Description
The height of the hovered Gantt planned line.
+
$kendo-gantt-planned-single-drag-hint-topnull
Description
The top position of the Gantt drag hint.
+
$kendo-gantt-planned-summary-drag-hint-topnull
Description
The top position of the Gantt summary drag hint.
+
$kendo-gantt-planned-milestone-drag-hint-topnull
Description
The top position of the Gantt planned milestone drag hint.
+
$kendo-gantt-rtl-milestone-wrap-margin-xnull
Description
The horizontal margin of the Gantt milestone wrap.
+
$kendo-gantt-rtl-milestone-planned-moment-margin-xnull
Description
The horizontal margin of the Gantt milestone line dot.
+
$kendo-gantt-rtl-milestone-dot-start-margin-xnull
Description
The horizontal margin of the Gantt milestone task dot.
+
$kendo-gantt-planned-offset-resize-handler-margin-xnull
Description
The horizontal offset of the Gantt delayed task resize handler.
+
$kendo-gantt-planned-bgnull
Description
The background color of the Gantt planned Tooltip.
+
$kendo-gantt-planned-bordernull
Description
The border color of the Gantt planned Tooltip.
+
$kendo-gantt-delayed-bgnull
Description
The background color of the Gantt delayed task.
+
$kendo-gantt-delayed-bg-lighternull
Description
The complement background color of the Gantt delayed task.
+
$kendo-gantt-advanced-bgnull
Description
The background color of the Gantt advanced task.
+
$kendo-gantt-advanced-bg-lighternull
Description
The complement background color of the Gantt advanced task.
+
$kendo-gantt-action-on-offset-textnull
Description
The text color of the Gantt delayed task action.
+
$kendo-gantt-offset-resize-handler-topnull
Description
The top position of the Gantt delayed task resize handler.
+
$kendo-gantt-validation-tooltip-widthnull
Description
The default width of the Gantt validation Tooltip.
+
$kendo-gantt-validation-tooltip-label-widthnull
Description
The default width of the Gantt validation Tooltip label.
+
$kendo-gantt-validation-tooltip-bordernull
Description
The border color of the Gantt validation Tooltip.
+
$kendo-gantt-validation-tooltip-valid-bordernull
Description
The border color of the valid Gantt validation Tooltip.
+
$kendo-gantt-validation-tooltip-invalid-bordernull
Description
The border color of the invalid Gantt validation Tooltip.
+
$kendo-gantt-task-tooltip-padding-xnull
Description
The horizontal padding of the Gantt task Tooltip.
+
$kendo-gantt-task-tooltip-padding-ynull
Description
The vertical padding of the Gantt task Tooltip.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-grid.md b/packages/core/docs/customization-grid.md new file mode 100644 index 00000000000..065c709a3f3 --- /dev/null +++ b/packages/core/docs/customization-grid.md @@ -0,0 +1,448 @@ +--- +title: Customizing Grid +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_grid +position: 9 +--- + +# Customizing Grid + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-grid-padding-xnull
Description
The horizontal padding of the Grid.
+
$kendo-grid-padding-ynull
Description
The vertical padding of the Grid.
+
$kendo-grid-header-padding-xnull
Description
The horizontal padding of the Grid header.
+
$kendo-grid-header-padding-ynull
Description
The vertical padding of the Grid header.
+
$kendo-grid-grouping-header-padding-xnull
Description
The horizontal padding of the Grid grouping header.
+
$kendo-grid-grouping-header-padding-ynull
Description
The vertical padding of the Grid grouping header.
+
$kendo-grid-cell-padding-xnull
Description
The horizontal padding of the Grid cell.
+
$kendo-grid-cell-padding-ynull
Description
The vertical padding of the Grid cell.
+
$kendo-grid-filter-cell-padding-xnull
Description
The horizontal padding of the Grid filter cell.
+
$kendo-grid-filter-cell-padding-ynull
Description
The vertical padding of the Grid filter cell.
+
$kendo-grid-edit-cell-padding-xnull
Description
The horizontal padding of the Grid edit cell.
+
$kendo-grid-edit-cell-padding-ynull
Description
The vertical padding of the Grid filter cell.
+
$kendo-grid-bgnull
Description
The background color of the Grid.
+
$kendo-grid-textnull
Description
The text color of the Grid.
+
$kendo-grid-bordernull
Description
The border color of the Grid.
+
$kendo-grid-header-bgnull
Description
The background color of Grid header.
+
$kendo-grid-header-textnull
Description
The text color of Grid header.
+
$kendo-grid-header-bordernull
Description
The border color of Grid header.
+
$kendo-grid-header-gradientnull
Description
The background gradient of Grid header.
+
$kendo-grid-footer-bgnull
Description
The background color of Grid footer.
+
$kendo-grid-footer-textnull
Description
The text color of Grid footer.
+
$kendo-grid-footer-bordernull
Description
The border color of Grid footer.
+
$kendo-grid-alt-bgnull
Description
The background color of the Grid alternating rows.
+
$kendo-grid-alt-textnull
Description
The text color of the Grid alternating rows.
+
$kendo-grid-alt-bordernull
Description
The border color of the Grid alternating rows.
+
$kendo-grid-hover-bgnull
Description
The background color of hovered Grid rows.
+
$kendo-grid-hover-textnull
Description
The text color of hovered Grid rows.
+
$kendo-grid-hover-bordernull
Description
The border color of hovered Grid rows.
+
$kendo-grid-selected-bgnull
Description
The background color of selected Grid rows.
+
$kendo-grid-selected-textnull
Description
The text color of selected Grid rows.
+
$kendo-grid-selected-bordernull
Description
The border color of selected Grid rows.
+
$kendo-grid-selection-aggregates-bgnull
Description
The background color of the Grid selection aggregates container.
+
$kendo-grid-selection-aggregates-textnull
Description
The text color of the Grid selection aggregates container.
+
$kendo-grid-selection-aggregates-bordernull
Description
The border color of the Grid selection aggregates container.
+
$kendo-grid-selection-aggregates-border-widthnull
Description
The border width of the Grid selection aggregates container.
+
$kendo-grid-selection-aggregates-spacingnull
Description
The spacing between the selection aggregates items.
+
$kendo-grid-selection-aggregates-line-heightnull
Description
The line height of the Grid selection aggregates container.
+
$kendo-grid-selection-aggregates-font-weightnull
Description
The font weight of the Grid selection aggregates container.
+
$kendo-grid-row-resizer-hover-bgnull
Description
The background color of the Grid row resize indicator.
+
$kendo-grid-row-resizer-active-bgnull
Description
The background color of the active Grid row resize indicator.
+
$kendo-grid-row-resizer-heightnull
Description
The height of the Grid row resize indicator.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-icon.md b/packages/core/docs/customization-icon.md new file mode 100644 index 00000000000..fc8b48382c0 --- /dev/null +++ b/packages/core/docs/customization-icon.md @@ -0,0 +1,138 @@ +--- +title: Customizing Icon +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_icon +position: 9 +--- + +# Customizing Icon + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-icon-sizenull
Description
The default size icon size.
+
$kendo-icon-size-xsnull
Description
The extra small icon size.
+
$kendo-icon-size-smnull
Description
The small icon size.
+
$kendo-icon-size-mdnull
Description
The medium icon size.
+
$kendo-icon-size-lgnull
Description
The large icon size.
+
$kendo-icon-size-xlnull
Description
The extra large icon size.
+
$kendo-icon-size-xxlnull
Description
The double extra large icon size.
+
$kendo-icon-size-xxxlnull
Description
The triple extra large icon size.
+
$kendo-icon-spacingnull
Description
The default icon spacing.
+
$kendo-icon-paddingnull
Description
The default icon padding.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-input.md b/packages/core/docs/customization-input.md new file mode 100644 index 00000000000..2b4e65cc2fb --- /dev/null +++ b/packages/core/docs/customization-input.md @@ -0,0 +1,848 @@ +--- +title: Customizing Input +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_input +position: 9 +--- + +# Customizing Input + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-input-default-widthnull
Description
The default width of the Input components.
+
$kendo-input-border-widthnull
Description
The border width of the Input components.
+
$kendo-input-border-radiusnull
Description
The border radius of the Input components.
+
$kendo-input-padding-xnull
Description
The horizontal padding of the Input components.
+
$kendo-input-sm-padding-xnull
Description
The horizontal padding of the small Input components.
+
$kendo-input-md-padding-xnull
Description
The horizontal padding of the medium Input components.
+
$kendo-input-lg-padding-xnull
Description
The horizontal padding of the large Input components.
+
$kendo-input-padding-ynull
Description
The vertical padding of the Input components.
+
$kendo-input-sm-padding-ynull
Description
The vertical padding of the small Input components.
+
$kendo-input-md-padding-ynull
Description
The vertical padding of the medium Input components.
+
$kendo-input-lg-padding-ynull
Description
The vertical padding of the large Input components.
+
$kendo-input-font-familynull
Description
The font family of the Input components.
+
$kendo-input-font-sizenull
Description
The font size of the Input components.
+
$kendo-input-sm-font-sizenull
Description
The font size of the small Input components.
+
$kendo-input-md-font-sizenull
Description
The font size of the medium Input components.
+
$kendo-input-lg-font-sizenull
Description
The font size of the large Input components.
+
$kendo-input-line-heightnull
Description
The line height of the Input components.
+
$kendo-input-sm-line-heightnull
Description
The line height of the small Input components.
+
$kendo-input-md-line-heightnull
Description
The line height of the medium Input components.
+
$kendo-input-lg-line-heightnull
Description
The line height of the large Input components.
+
$kendo-input-calc-sizenull
Description
The calculated height of the Input.
+
$kendo-input-sizesnull
Description
The sizes map for the Input components.
+
$kendo-input-bgnull
Description
The background color of the Input components.
+
$kendo-input-textnull
Description
The text color of the Input components.
+
$kendo-input-bordernull
Description
The border color of the Input components.
+
$kendo-input-shadownull
Description
The shadow of the Input components.
+
$kendo-input-hover-bgnull
Description
The background color of the hovered Input components.
+
$kendo-input-hover-textnull
Description
The text color of the hovered Input components.
+
$kendo-input-hover-bordernull
Description
The border color of the hovered Input components.
+
$kendo-input-hover-shadownull
Description
The shadow of the hovered Input components.
+
$kendo-input-focus-bgnull
Description
The background color of the focused Input components.
+
$kendo-input-focus-textnull
Description
The text color of the focused Input components.
+
$kendo-input-focus-bordernull
Description
The border color of the focused Input components.
+
$kendo-input-focus-shadownull
Description
The shadow of the focused Input components.
+
$kendo-input-selected-bgnull
Description
The background color of the selected Input components.
+
$kendo-input-selected-textnull
Description
The text color of the selected Input components.
+
$kendo-input-disabled-bgnull
Description
The background color of the disabled Input components.
+
$kendo-input-disabled-textnull
Description
The text color of the disabled Input components.
+
$kendo-input-disabled-bordernull
Description
The border color of the disabled Input components.
+
$kendo-input-disabled-gradientnull
Description
The gradient of the disabled Input components.
+
$kendo-input-disabled-shadownull
Description
The shadow of the disabled Input components.
+
$kendo-input-outline-bgnull
Description
The background color of the outline Input components.
+
$kendo-input-outline-textnull
Description
The text color of the outline Input components.
+
$kendo-input-outline-bordernull
Description
The border color of the outline Input components.
+
$kendo-input-outline-hover-bgnull
Description
The background color of the outline hovered Input components.
+
$kendo-input-outline-hover-textnull
Description
The text color of the outline hovered Input components.
+
$kendo-input-outline-hover-bordernull
Description
The border color of the outline hovered Input components.
+
$kendo-input-outline-focus-bgnull
Description
The background color of the outline focused Input components.
+
$kendo-input-outline-focus-textnull
Description
The text color of the outline focused Input components.
+
$kendo-input-outline-focus-bordernull
Description
The border color of the outline focused Input components.
+
$kendo-input-outline-focus-shadownull
Description
The shadow of the outline focused Input components.
+
$kendo-input-flat-bgnull
Description
The background color of the flat Input components.
+
$kendo-input-flat-textnull
Description
The text color of the flat Input components.
+
$kendo-input-flat-bordernull
Description
The border color of the flat Input components.
+
$kendo-input-flat-hover-bgnull
Description
The background color of the flat hovered Input components.
+
$kendo-input-flat-hover-textnull
Description
The text color of the flat hovered Input components.
+
$kendo-input-flat-hover-bordernull
Description
The border color of the flat hovered Input components.
+
$kendo-input-flat-focus-bgnull
Description
The background color of the flat focused Input components.
+
$kendo-input-flat-focus-textnull
Description
The text color of the flat focused Input components.
+
$kendo-input-flat-focus-bordernull
Description
The border color of the flat focused Input components.
+
$kendo-input-flat-focus-shadownull
Description
The shadow of the flat focused Input components.
+
$kendo-input-placeholder-textnull
Description
The text color of the Input placeholder.
+
$kendo-input-placeholder-opacitynull
Description
The opacity of the Input placeholder.
+
$kendo-input-clear-value-textnull
Description
The color of the Input clear value icon.
+
$kendo-input-clear-value-opacitynull
Description
The opacity of the Input clear value icon.
+
$kendo-input-clear-value-hover-textnull
Description
The color of the hovered Input clear value icon.
+
$kendo-input-clear-value-hover-opacitynull
Description
The opacity of the hovered Input clear value icon.
+
$kendo-input-values-margin-ynull
Description
The vertical margin of the clear value icon.
+
$kendo-input-values-margin-xnull
Description
The horizontal margin of the clear value icon.
+
$kendo-input-button-widthnull
Description
The width of the Input button.
+
$kendo-input-button-border-widthnull
Description
The border width of the Input button.
+
$kendo-input-spinner-widthnull
Description
The width of the Input spinner button.
+
$kendo-input-spinner-icon-offsetnull
Description
The icon offset of the Input spinner button.
+
$kendo-input-separator-textnull
Description
The color of the Input separator.
+
$kendo-input-separator-opacitynull
Description
The opacity of the Input separator.
+
$kendo-input-prefix-textnull
Description
The text color of the Input prefix.
+
$kendo-input-suffix-textnull
Description
The text color of the Input suffix.
+
$kendo-input-prefix-textnull
Description
The text color of the Input prefix.
+
$kendo-input-suffix-textnull
Description
The text color of the Input suffix.
+
$kendo-input-invalid-bordernull
Description
The border color of the invalid Input components.
+
$kendo-input-invalid-shadownull
Description
The shadow of the invalid Input components.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-list.md b/packages/core/docs/customization-list.md new file mode 100644 index 00000000000..3ad6174f352 --- /dev/null +++ b/packages/core/docs/customization-list.md @@ -0,0 +1,458 @@ +--- +title: Customizing List +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_list +position: 9 +--- + +# Customizing List + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-list-font-familynull
Description
The font family of the List components.
+
$kendo-list-font-sizenull
Description
The font size of the List component, if no size is set.
+
$kendo-list-line-heightnull
Description
The line height of the List component, if no size is set.
+
$kendo-list-header-padding-xnull
Description
The horizontal padding of the List header, if no size is set.
+
$kendo-list-header-padding-ynull
Description
The vertical padding of the List header, if no size is set.
+
$kendo-list-header-border-widthnull
Description
The border width of the List header.
+
$kendo-list-header-font-sizenull
Description
The font size of the List header, if no size is set.
+
$kendo-list-header-line-heightnull
Description
The line height of the List header, if no size is set.
+
$kendo-list-header-font-weightnull
Description
The font weight of the List header.
+
$kendo-list-filter-paddingnull
Description
The padding of the the List filter input.
+
$kendo-list-item-padding-xnull
Description
The horizontal padding of the List items, when no size is set.
+
$kendo-list-item-padding-ynull
Description
The vertical padding of the List items, when no size is set.
+
$kendo-list-item-font-sizenull
Description
The font size of the List items, if no size is set.
+
$kendo-list-item-line-heightnull
Description
The line height of the List items, if no size is set.
+
$kendo-list-group-item-padding-xnull
Description
The horizontal padding of the List group items, when no size is set.
+
$kendo-list-group-item-padding-ynull
Description
The vertical padding of the List group items, when no size is set.
+
$kendo-list-group-item-border-widthnull
Description
The border width of the List group items.
+
$kendo-list-group-item-font-sizenull
Description
The font size of the List group items, if no size is set.
+
$kendo-list-group-item-line-heightnull
Description
The line height of the List group items, if no size is set.
+
$kendo-list-group-item-font-weightnull
Description
The font weight of a List group item.
+
$kendo-list-sizesnull
Description
The map with the sizes of the List.
+
$kendo-list-bgnull
Description
The background color of the List component.
+
$kendo-list-textnull
Description
The text color of the List component.
+
$kendo-list-bordernull
Description
The border color of the List component.
+
$kendo-list-header-bgnull
Description
The background color of the List header.
+
$kendo-list-header-textnull
Description
The text color of the List header.
+
$kendo-list-header-bordernull
Description
The border color of the List header.
+
$kendo-list-header-shadownull
Description
The box shadow of the List header.
+
$kendo-list-item-bgnull
Description
The background color of the List items.
+
$kendo-list-item-textnull
Description
The text color of the List items.
+
$kendo-list-item-hover-bgnull
Description
The background color of the hovered List items.
+
$kendo-list-item-hover-textnull
Description
The text color of the hovered List items.
+
$kendo-list-item-focus-bgnull
Description
The background color of the focused List items.
+
$kendo-list-item-focus-textnull
Description
The text color of the focused List items.
+
$kendo-list-item-focus-shadownull
Description
The box shadow of the focused List items.
+
$kendo-list-item-selected-bgnull
Description
The background color of the selected List items.
+
$kendo-list-item-selected-textnull
Description
The text color of the selected List items.
+
$kendo-list-group-item-bgnull
Description
The background color of the List group items.
+
$kendo-list-group-item-textnull
Description
The text color of the List group items.
+
$kendo-list-group-item-bordernull
Description
The border color of the List group items.
+
$kendo-list-group-item-shadownull
Description
The base shadow of the List group items.
+
$kendo-list-option-label-textnull
Description
The color of the 'Option Label' text.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-listbox.md b/packages/core/docs/customization-listbox.md new file mode 100644 index 00000000000..312e06cc0e1 --- /dev/null +++ b/packages/core/docs/customization-listbox.md @@ -0,0 +1,188 @@ +--- +title: Customizing Listbox +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_listbox +position: 9 +--- + +# Customizing Listbox + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-listbox-spacingnull
Description
The spacing between the ListBox elements.
+
$kendo-listbox-button-spacingnull
Description
The spacing between the ListBox buttons.
+
$kendo-listbox-widthnull
Description
The width of the ListBox.
+
$kendo-listbox-default-heightnull
Description
The height of the ListBox.
+
$kendo-listbox-border-widthnull
Description
The width of the border around the ListBox.
+
$kendo-listbox-font-familynull
Description
The font family of the ListBox.
+
$kendo-listbox-font-sizenull
Description
The font size of the ListBox.
+
$kendo-listbox-line-heightnull
Description
The line height of the ListBox.
+
$kendo-listbox-textnull
Description
The text color of the ListBox.
+
$kendo-listbox-bgnull
Description
The background color of the ListBox.
+
$kendo-listbox-bordernull
Description
The border color of the ListBox.
+
$kendo-listbox-item-padding-xnull
Description
The inline padding of the ListBox item.
+
$kendo-listbox-item-padding-ynull
Description
The block padding of the ListBox item.
+
$kendo-listbox-drop-hint-widthnull
Description
The width of the ListBox drop hint.
+
$kendo-listbox-drop-hint-border-widthnull
Description
The width of the border around the ListBox drop hint.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-listview.md b/packages/core/docs/customization-listview.md new file mode 100644 index 00000000000..d755a6602b1 --- /dev/null +++ b/packages/core/docs/customization-listview.md @@ -0,0 +1,218 @@ +--- +title: Customizing Listview +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_listview +position: 9 +--- + +# Customizing Listview + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-listview-padding-xnull
Description
The horizontal padding of the ListView.
+
$kendo-listview-padding-ynull
Description
The vertical padding of the ListView.
+
$kendo-listview-border-widthnull
Description
The width of the border around bordered ListView.
+
$kendo-listview-font-familynull
Description
The font family of the ListView.
+
$kendo-listview-font-sizenull
Description
The font size of the ListView.
+
$kendo-listview-line-heightnull
Description
The line height of the ListView.
+
$kendo-listview-textnull
Description
The text color of the ListView.
+
$kendo-listview-bgnull
Description
The background color of the ListView.
+
$kendo-listview-bordernull
Description
The border color of the ListView.
+
$kendo-listview-item-padding-xnull
Description
The horizontal padding of the ListView items.
+
$kendo-listview-item-padding-ynull
Description
The vertical padding of the ListView items.
+
$kendo-listview-item-selected-textnull
Description
The text color of the selected ListView items.
+
$kendo-listview-item-selected-bgnull
Description
The background color of the selected ListView items.
+
$kendo-listview-item-selected-bordernull
Description
The border color of the selected ListView items.
+
$kendo-listview-item-focus-textnull
Description
The text color of the focused ListView items.
+
$kendo-listview-item-focus-bgnull
Description
The background color of the focused ListView items.
+
$kendo-listview-item-focus-bordernull
Description
The border color of the focused ListView items.
+
$kendo-listview-item-focus-shadownull
Description
The box shadow of the focused ListView items.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-loader.md b/packages/core/docs/customization-loader.md new file mode 100644 index 00000000000..4785d52ec8b --- /dev/null +++ b/packages/core/docs/customization-loader.md @@ -0,0 +1,368 @@ +--- +title: Customizing Loader +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_loader +position: 9 +--- + +# Customizing Loader + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-loader-segment-border-radiusnull
Description
The border radius of the Loader segment.
+
$kendo-loader-sm-segment-sizenull
Description
The size of the small Loader segment.
+
$kendo-loader-md-segment-sizenull
Description
The size of the medium Loader segment.
+
$kendo-loader-lg-segment-sizenull
Description
The size of the large Loader segment.
+
$kendo-loader-sm-paddingnull
Description
The padding of the small Loader.
+
$kendo-loader-md-paddingnull
Description
The padding of the medium Loader.
+
$kendo-loader-lg-paddingnull
Description
The padding of the large Loader.
+
$kendo-loader-sm-spinner-3-widthnull
Description
The width of the small spinner-3 Loader.
+
$kendo-loader-md-spinner-3-widthnull
Description
The width of the medium spinner-3 Loader.
+
$kendo-loader-lg-spinner-3-widthnull
Description
The width of the large spinner-3 Loader.
+
$kendo-loader-sm-spinner-3-heightnull
Description
The height of the small spinner-3 Loader.
+
$kendo-loader-md-spinner-3-heightnull
Description
The height of the medium spinner-3 Loader.
+
$kendo-loader-lg-spinner-3-heightnull
Description
The height of the large spinner-3 Loader.
+
$kendo-loader-sm-spinner-4-widthnull
Description
The width of the small spinner-4 Loader.
+
$kendo-loader-md-spinner-4-widthnull
Description
The width of the medium spinner-4 Loader.
+
$kendo-loader-lg-spinner-4-widthnull
Description
The width of the large spinner-4 Loader.
+
$kendo-loader-sm-spinner-4-heightnull
Description
The height of the small spinner-4 Loader.
+
$kendo-loader-md-spinner-4-heightnull
Description
The height of the medium spinner-4 Loader.
+
$kendo-loader-lg-spinner-4-heightnull
Description
The height of the large spinner-4 Loader.
+
$kendo-loader-container-panel-border-widthnull
Description
The border width of the container panel.
+
$kendo-loader-container-panel-border-stylenull
Description
The border style of the container panel.
+
$kendo-loader-container-panel-border-colornull
Description
The border color of the container panel.
+
$kendo-loader-container-panel-border-radiusnull
Description
The border radius of the container panel.
+
$kendo-loader-container-panel-bgnull
Description
The background color of the container panel.
+
$kendo-loader-sm-container-paddingnull
Description
The padding of the small Loader container.
+
$kendo-loader-md-container-paddingnull
Description
The padding of the medium Loader container.
+
$kendo-loader-lg-container-paddingnull
Description
The padding of the large Loader container.
+
$kendo-loader-sm-container-gapnull
Description
The gap of the small Loader container.
+
$kendo-loader-md-container-gapnull
Description
The gap of the medium Loader container.
+
$kendo-loader-lg-container-gapnull
Description
The gap of the large Loader container.
+
$kendo-loader-sm-container-font-sizenull
Description
The font size of the small Loader container.
+
$kendo-loader-md-container-font-sizenull
Description
The font size of the medium Loader container.
+
$kendo-loader-lg-container-font-sizenull
Description
The font size of the large Loader container.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-loading.md b/packages/core/docs/customization-loading.md new file mode 100644 index 00000000000..8367a331076 --- /dev/null +++ b/packages/core/docs/customization-loading.md @@ -0,0 +1,78 @@ +--- +title: Customizing Loading +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_loading +position: 9 +--- + +# Customizing Loading + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-loading-bgnull
Description
The background color of the Loading indicator.
+
$kendo-loading-textnull
Description
The text color of the Loading indicator.
+
$kendo-loading-opacitynull
Description
The opacity of the Loading indicator.
+
$kendo-zindex-loadingnull
Description
The z-index of the Loading indicator.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-map.md b/packages/core/docs/customization-map.md new file mode 100644 index 00000000000..be098ba9273 --- /dev/null +++ b/packages/core/docs/customization-map.md @@ -0,0 +1,238 @@ +--- +title: Customizing Map +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_map +position: 9 +--- + +# Customizing Map + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-map-border-widthnull
Description
The border width of the Map.
+
$kendo-map-font-sizenull
Description
The font size of the Map.
+
$kendo-map-line-heightnull
Description
The line height of the Map.
+
$kendo-map-font-familynull
Description
The font family of the Map.
+
$kendo-map-bgnull
Description
The background color of the Map.
+
$kendo-map-textnull
Description
The text color of the Map.
+
$kendo-map-bordernull
Description
The border color of the Map.
+
$kendo-map-navigator-marginnull
Description
The margin of the Map navigator.
+
$kendo-map-navigator-paddingnull
Description
The padding of the Map navigator.
+
$kendo-map-navigator-widthnull
Description
The width of the Map navigator.
+
$kendo-map-navigator-heightnull
Description
The height of the Map navigator.
+
$kendo-map-navigator-border-widthnull
Description
The border width of the Map navigator.
+
$kendo-map-zoom-control-marginnull
Description
The margin of the Map zoom control.
+
$kendo-map-zoom-control-button-padding-xnull
Description
The horizontal padding of the Map zoom control.
+
$kendo-map-zoom-control-button-padding-ynull
Description
The vertical padding of the Map zoom control.
+
$kendo-map-attribution-padding-xnull
Description
The horizontal padding of the Map attribution.
+
$kendo-map-attribution-padding-ynull
Description
The vertical padding of the Map attribution.
+
$kendo-map-attribution-font-sizenull
Description
The font size of the Map attribution.
+
$kendo-map-attribution-bgnull
Description
The background color of the Map attribution.
+
$kendo-map-marker-fillnull
Description
The fill color of the Map marker.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-mediaplayer.md b/packages/core/docs/customization-mediaplayer.md new file mode 100644 index 00000000000..41fd1008662 --- /dev/null +++ b/packages/core/docs/customization-mediaplayer.md @@ -0,0 +1,168 @@ +--- +title: Customizing Mediaplayer +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_mediaplayer +position: 9 +--- + +# Customizing Mediaplayer + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-media-player-border-widthnull
Description
The border width of the MediaPlayer.
+
$kendo-media-player-font-familynull
Description
The font family of the MediaPlayer.
+
$kendo-media-player-font-sizenull
Description
The font size of the MediaPlayer.
+
$kendo-media-player-line-heightnull
Description
The line height of the MediaPlayer.
+
$kendo-media-player-bgnull
Description
The background color of the MediaPlayer.
+
$kendo-media-player-textnull
Description
The text color of the MediaPlayer.
+
$kendo-media-player-bordernull
Description
The border color of the MediaPlayer.
+
$kendo-media-player-titlebar-padding-xnull
Description
The horizontal padding of the MediaPlayer title.
+
$kendo-media-player-titlebar-padding-ynull
Description
The vertical padding of the MediaPlayer title.
+
$kendo-media-player-titlebar-bgnull
Description
The background color of the MediaPlayer title.
+
$kendo-media-player-titlebar-textnull
Description
The text color of the MediaPlayer title.
+
$kendo-media-player-titlebar-bordernull
Description
The border color of the MediaPlayer title.
+
$kendo-media-player-titlebar-gradientnull
Description
The gradient of the MediaPlayer title.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-menu-button.md b/packages/core/docs/customization-menu-button.md new file mode 100644 index 00000000000..ff702fc0c6a --- /dev/null +++ b/packages/core/docs/customization-menu-button.md @@ -0,0 +1,48 @@ +--- +title: Customizing MenuButton +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_menu-button +position: 9 +--- + +# Customizing MenuButton + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-menu-button-arrow-padding-xnull
Description
The horizontal padding of the button arrow in the Menu Button..
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-menu.md b/packages/core/docs/customization-menu.md new file mode 100644 index 00000000000..8d393447994 --- /dev/null +++ b/packages/core/docs/customization-menu.md @@ -0,0 +1,728 @@ +--- +title: Customizing Menu +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_menu +position: 9 +--- + +# Customizing Menu + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-menu-border-widthnull
Description
The width of the border around the Menu.
+
$kendo-menu-font-familynull
Description
The font family of the Menu.
+
$kendo-menu-font-sizenull
Description
The font size of the Menu.
+
$kendo-menu-line-heightnull
Description
The line height of the Menu used along with $kendo-font-size.
+
$kendo-menu-bgnull
Description
The background color of the Menu.
+
$kendo-menu-textnull
Description
The text color of the Menu.
+
$kendo-menu-bordernull
Description
The border color of the Menu.
+
$kendo-menu-gradientnull
Description
The background gradient of the Menu.
+
$kendo-menu-item-padding-xnull
Description
The horizontal padding of the Menu item.
+
$kendo-menu-item-padding-ynull
Description
The vertical padding of the Menu item.
+
$kendo-menu-item-spacingnull
Description
The spacing between the Menu items.
+
$kendo-menu-item-icon-spacingnull
Description
The spacing between the Menu item text and icons.
+
$kendo-menu-item-selected-font-weightnull
Description
The font weight of the selected Menu item.
+
$kendo-menu-item-bgnull
Description
The background color of the Menu item.
+
$kendo-menu-item-textnull
Description
The text color of the Menu item.
+
$kendo-menu-item-bordernull
Description
The border color of the Menu item.
+
$kendo-menu-item-gradientnull
Description
The background gradient of the Menu item.
+
$kendo-menu-item-hover-bgnull
Description
The background color of hovered Menu item.
+
$kendo-menu-item-hover-textnull
Description
The text color of hovered Menu item.
+
$kendo-menu-item-hover-bordernull
Description
The border color of hovered Menu item.
+
$kendo-menu-item-hover-gradientnull
Description
The background gradient of hovered Menu item.
+
$kendo-menu-item-active-bgnull
Description
The background color of active Menu item.
+
$kendo-menu-item-active-textnull
Description
The text color of active Menu item.
+
$kendo-menu-item-active-bordernull
Description
The border color of active Menu item.
+
$kendo-menu-item-active-gradientnull
Description
The background gradient of active Menu item.
+
$kendo-menu-item-focus-shadownull
Description
The base shadow of focused Menu item.
+
$kendo-menu-item-selected-bgnull
Description
The background color of selected Menu item.
+
$kendo-menu-item-selected-textnull
Description
The text color of selected Menu item.
+
$kendo-menu-item-selected-bordernull
Description
The border color of selected Menu item.
+
$kendo-menu-item-selected-gradientnull
Description
The background gradient of selected Menu item.
+
$kendo-menu-scroll-button-bgnull
Description
The background color of the Menu scroll buttons.
+
$kendo-menu-scroll-button-textnull
Description
The text color of the Menu scroll buttons.
+
$kendo-menu-scroll-button-bordernull
Description
The border color of the Menu scroll buttons.
+
$kendo-menu-scroll-button-gradientnull
Description
The background gradient of the Menu scroll buttons.
+
$kendo-menu-scroll-button-hover-bgnull
Description
The background color of hovered Menu scroll buttons.
+
$kendo-menu-scroll-button-hover-textnull
Description
The text color of hovered Menu scroll buttons.
+
$kendo-menu-scroll-button-hover-bordernull
Description
The border color of hovered Menu scroll buttons.
+
$kendo-menu-scroll-button-hover-gradientnull
Description
The background gradient of hovered Menu scroll buttons.
+
$kendo-menu-separator-margin-inlinenull
Description
The inline margin of the horizontal Menu separator.
+
$kendo-menu-separator-margin-blocknull
Description
The block margin of the horizontal Menu separator.
+
$kendo-menu-separator-bordernull
Description
The border color of the Menu separator.
+
$kendo-menu-popup-padding-xnull
Description
The horizontal padding of the Menu popup.
+
$kendo-menu-popup-padding-ynull
Description
The vertical padding of the Menu popup.
+
$kendo-menu-popup-border-widthnull
Description
The width of the border around the Menu popup.
+
$kendo-menu-popup-font-sizenull
Description
The font sizes of the Menu popup.
+
$kendo-menu-popup-line-heightnull
Description
The line heights used along with $kendo-font-size.
+
$kendo-menu-popup-bgnull
Description
The background color of the Menu popup.
+
$kendo-menu-popup-textnull
Description
The text color of the Menu popup.
+
$kendo-menu-popup-bordernull
Description
The border color of the Menu popup.
+
$kendo-menu-popup-gradientnull
Description
The background gradient of the Menu popup.
+
$kendo-menu-popup-item-padding-xnull
Description
The horizontal padding of the Menu item in popup.
+
$kendo-menu-popup-item-padding-ynull
Description
The vertical padding of the Menu item in popup.
+
$kendo-menu-popup-item-padding-endnull
Description
The end padding of the Menu item in popup.
+
$kendo-menu-popup-sm-item-icon-margin-startnull
Description
The start margin of the Menu item expand icon.
+
$kendo-menu-popup-sm-item-icon-margin-endnull
Description
The end margin of the Menu item expand icon.
+
$kendo-menu-popup-item-spacingnull
Description
The spacing between the Menu items in popup.
+
$kendo-menu-popup-item-bgnull
Description
The background color of the Menu item in popup.
+
$kendo-menu-popup-item-textnull
Description
The text color of the Menu item in popup.
+
$kendo-menu-popup-item-bordernull
Description
The border color of the Menu item in popup.
+
$kendo-menu-popup-item-gradientnull
Description
The background gradient of the Menu item in popup.
+
$kendo-menu-popup-item-hover-bgnull
Description
The background color of hovered Menu item in popup.
+
$kendo-menu-popup-item-hover-textnull
Description
The text color of hovered Menu item in popup.
+
$kendo-menu-popup-item-hover-bordernull
Description
The border color of hovered Menu item in popup.
+
$kendo-menu-popup-item-hover-gradientnull
Description
The background gradient of hovered Menu item in popup.
+
$kendo-menu-popup-item-active-bgnull
Description
The background color of active Menu item in popup.
+
$kendo-menu-popup-item-active-textnull
Description
The text color of active Menu item in popup.
+
$kendo-menu-popup-item-active-bordernull
Description
The border color of active Menu item in popup.
+
$kendo-menu-popup-item-active-gradientnull
Description
The background gradient of active Menu item in popup.
+
$kendo-menu-popup-item-focus-shadownull
Description
The base shadow of focused Menu item in popup.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-no-data.md b/packages/core/docs/customization-no-data.md new file mode 100644 index 00000000000..436d860b97f --- /dev/null +++ b/packages/core/docs/customization-no-data.md @@ -0,0 +1,58 @@ +--- +title: Customizing NoData +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_no-data +position: 9 +--- + +# Customizing NoData + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-no-data-min-heightnull
Description
The minimum height of the 'No Data' text container.
+
$kendo-no-data-textnull
Description
The color of the 'No Data' text.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-notification.md b/packages/core/docs/customization-notification.md new file mode 100644 index 00000000000..2da7b54a640 --- /dev/null +++ b/packages/core/docs/customization-notification.md @@ -0,0 +1,188 @@ +--- +title: Customizing Notification +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_notification +position: 9 +--- + +# Customizing Notification + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-notification-group-gapnull
Description
The row-gap between the elements in the Notification group.
+
$kendo-notification-padding-xnull
Description
The horizontal padding of the Notification.
+
$kendo-notification-padding-ynull
Description
The vertical padding of the Notification.
+
$kendo-notification-border-widthnull
Description
The width of the border around the Notification.
+
$kendo-notification-border-radiusk-border-radius(md)!default
Description
The border radius of the Notification.
+
$kendo-notification-font-familynull
Description
The font family of the Notification.
+
$kendo-notification-font-sizenull
Description
The font size of the Notification.
+
$kendo-notification-line-heightnull
Description
The line height of the Notification.
+
$kendo-notification-bgnull
Description
The background color of the Notification.
+
$kendo-notification-textnull
Description
The text color of the Notification.
+
$kendo-notification-bordernull
Description
The border color of the Notification.
+
$kendo-notification-shadownull
Description
The box shadow of the Notification.
+
$kendo-notification-icon-spacingnull
Description
The horizontal spacing of the Notification icon.
+
$kendo-notification-theme-colorsnull
Description
The theme colors map for the Notification.
+
$kendo-notification-themenull
Description
The generated theme colors map for the Notification.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-one-time-password.md b/packages/core/docs/customization-one-time-password.md new file mode 100644 index 00000000000..4e4897913af --- /dev/null +++ b/packages/core/docs/customization-one-time-password.md @@ -0,0 +1,158 @@ +--- +title: Customizing OneTimePassword +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_one-time-password +position: 9 +--- + +# Customizing OneTimePassword + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-otp-gapnull
Description
The gap between the items in the OTP.
+
$kendo-otp-sm-gapnull
Description
The gap between the items in the small OTP.
+
$kendo-otp-md-gapnull
Description
The gap between the items in the medium OTP.
+
$kendo-otp-lg-gapnull
Description
The gap between the items in the large OTP.
+
$kendo-otp-separator-padding-xnull
Description
The horizontal padding of the OTP separator.
+
$kendo-otp-sm-separator-padding-xnull
Description
The horizontal padding of the small OTP separator.
+
$kendo-otp-md-separator-padding-xnull
Description
The horizontal padding of the medium OTP separator.
+
$kendo-otp-lg-separator-padding-xnull
Description
The horizontal padding of the large OTP separator.
+
$kendo-otp-input-widthnull
Description
The horizontal padding of the OTP separator.
+
$kendo-otp-sm-input-widthnull
Description
The horizontal padding of the small OTP separator.
+
$kendo-otp-md-input-widthnull
Description
The horizontal padding of the medium OTP separator.
+
$kendo-otp-lg-input-widthnull
Description
The horizontal padding of the large OTP separator.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-orgchart.md b/packages/core/docs/customization-orgchart.md new file mode 100644 index 00000000000..f3ca3262173 --- /dev/null +++ b/packages/core/docs/customization-orgchart.md @@ -0,0 +1,478 @@ +--- +title: Customizing Orgchart +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_orgchart +position: 9 +--- + +# Customizing Orgchart + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-orgchart-spacernull
Description
The spacing index of the OrgChart.
+
$kendo-orgchart-padding-ynull
Description
The vertical padding of the OrgChart.
+
$kendo-orgchart-padding-xnull
Description
The horizontal padding of the OrgChart.
+
$kendo-orgchart-font-familynull
Description
The font family of the OrgChart.
+
$kendo-orgchart-font-sizenull
Description
The font size of the OrgChart.
+
$kendo-orgchart-line-heightnull
Description
The line height of the OrgChart.
+
$kendo-orgchart-bgnull
Description
The background color of the OrgChart.
+
$kendo-orgchart-textnull
Description
The text color of the OrgChart.
+
$kendo-orgchart-bordernull
Description
The border color of the OrgChart.
+
$kendo-orgchart-node-gapnull
Description
The spacing of the OrgChart node.
+
$kendo-orgchart-group-gapnull
Description
The spacing of the OrgChart group.
+
$kendo-orgchart-node-container-gapnull
Description
The spacing of the OrgChart node container.
+
$kendo-orgchart-node-group-padding-ynull
Description
The vertical padding of the OrgChart node group.
+
$kendo-orgchart-node-group-padding-xnull
Description
The horizontal padding of the OrgChart node group.
+
$kendo-orgchart-node-group-border-widthnull
Description
The border width of the OrgChart node group.
+
$kendo-orgchart-node-group-border-radiusnull
Description
The border radius of the OrgChart node group.
+
$kendo-orgchart-node-group-bgnull
Description
The background color of the OrgChart node group.
+
$kendo-orgchart-node-group-textnull
Description
The text color of the OrgChart node group.
+
$kendo-orgchart-node-group-bordernull
Description
The border color of the OrgChart node group.
+
$kendo-orgchart-node-group-focus-bordernull
Description
The border color of the focused OrgChart node group.
+
$kendo-orgchart-node-group-focus-shadownull
Description
The shadow of the focused OrgChart node group.
+
$kendo-orgchart-node-group-title-font-sizenull
Description
The font size of the OrgChart node group title.
+
$kendo-orgchart-node-group-title-margin-bottomnull
Description
The bottom margin of the OrgChart node group title.
+
$kendo-orgchart-node-group-title-line-heightnull
Description
The line height of the OrgChart node group title.
+
$kendo-orgchart-node-group-subtitle-font-sizenull
Description
The font size of the OrgChart node group subtitle.
+
$kendo-orgchart-node-group-subtitle-margin-bottomnull
Description
The bottom margin of the OrgChart node group subtitle.
+
$kendo-orgchart-node-group-subtitle-textnull
Description
The line height of the OrgChart node group subtitle.
+
$kendo-orgchart-card-widthnull
Description
The width of the OrgChart Card.
+
$kendo-orgchart-card-padding-ynull
Description
The vertical padding of the OrgChart Card.
+
$kendo-orgchart-card-padding-xnull
Description
The horizontal padding of the OrgChart Card.
+
$kendo-orgchart-card-border-widthnull
Description
The border width of the OrgChart Card.
+
$kendo-orgchart-card-shadownull
Description
The shadow of the OrgChart Card.
+
$kendo-orgchart-card-focus-shadownull
Description
The shadow of the focused OrgChart Card.
+
$kendo-orgchart-card-title-margin-bottomnull
Description
The bottom margin of the OrgChart Card title.
+
$kendo-orgchart-card-title-font-sizenull
Description
The font size of the OrgChart Card title.
+
$kendo-orgchart-card-subtitle-margin-bottomnull
Description
The bottom margin of the OrgChart Card subtitle.
+
$kendo-orgchart-card-subtitle-font-sizenull
Description
The font size of the OrgChart Card subtitle.
+
$kendo-orgchart-card-body-border-widthnull
Description
The border width of the OrgChart Card body.
+
$kendo-orgchart-card-body-border-colornull
Description
The border color of the OrgChart Card body.
+
$kendo-orgchart-card-body-vbox-margin-rightnull
Description
The right margin of the OrgChart Card body title wrap.
+
$kendo-orgchart-card-body-vbox-min-heightnull
Description
The min height of the OrgChart Card body title wrap.
+
$kendo-orgchart-line-sizenull
Description
The size of the OrgChart connecting line.
+
$kendo-orgchart-line-fillnull
Description
The fill color of the OrgChart connecting line.
+
$kendo-orgchart-line-v-heightnull
Description
The height of the OrgChart connecting line.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-pager.md b/packages/core/docs/customization-pager.md new file mode 100644 index 00000000000..d1f68fb463b --- /dev/null +++ b/packages/core/docs/customization-pager.md @@ -0,0 +1,488 @@ +--- +title: Customizing Pager +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_pager +position: 9 +--- + +# Customizing Pager + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-pager-padding-xnull
Description
The horizontal padding of the Pager.
+
$kendo-pager-sm-padding-xnull
Description
The horizontal padding of the small Pager.
+
$kendo-pager-md-padding-xnull
Description
The horizontal padding of the medium Pager.
+
$kendo-pager-lg-padding-xnull
Description
The horizontal padding of the large Pager.
+
$kendo-pager-padding-ynull
Description
The vertical padding of the Pager.
+
$kendo-pager-sm-padding-ynull
Description
The vertical padding of the small Pager.
+
$kendo-pager-md-padding-ynull
Description
The vertical padding of the medium Pager.
+
$kendo-pager-lg-padding-ynull
Description
The vertical padding of the large Pager.
+
$kendo-pager-sm-item-min-widthnull
Description
The minimum width of the items in the small Pager.
+
$kendo-pager-md-item-min-widthnull
Description
The minimum width of the items in the medium Pagers.
+
$kendo-pager-lg-item-min-widthnull
Description
The minimum width of the items in the large Pagers.
+
$kendo-pager-sm-item-group-spacingnull
Description
The margin between the item groups in the small Pager.
+
$kendo-pager-md-item-group-spacingnull
Description
The margin between the item groups in the medium Pager.
+
$kendo-pager-lg-item-group-spacingnull
Description
The margin between the item groups in the large Pager.
+
$kendo-pager-border-widthnull
Description
The border width of the Pager.
+
$kendo-pager-font-familynull
Description
The font family of the Pager.
+
$kendo-pager-font-sizenull
Description
The font size of the Pager.
+
$kendo-pager-line-heightnull
Description
The line height of the Pager.
+
$kendo-pager-bgnull
Description
The background color of the Pager.
+
$kendo-pager-textnull
Description
The text color of the Pager.
+
$kendo-pager-bordernull
Description
The border color of the Pager.
+
$kendo-pager-focus-bgnull
Description
The background color of the focused Pager.
+
$kendo-pager-focus-shadownull
Description
The box shadow of the focused Pager.
+
$kendo-pager-section-spacingnull
Description
The spacing between the sections of the Pager.
+
$kendo-pager-item-border-widthnull
Description
The border width of the Pager items.
+
$kendo-pager-item-border-radiusnull
Description
The border radius of the Pager items.
+
$kendo-pager-item-spacingnull
Description
The spacing around the Pager items.
+
$kendo-pager-item-bgnull
Description
The background color of the Pager items.
+
$kendo-pager-item-textnull
Description
The text color of the Pager items.
+
$kendo-pager-item-bordernull
Description
The border color of the Pager items.
+
$kendo-pager-item-hover-bgnull
Description
The background color of the hovered Pager items.
+
$kendo-pager-item-hover-textnull
Description
The text color of the hovered Pager items.
+
$kendo-pager-item-hover-bordernull
Description
The border color of the hovered Pager items.
+
$kendo-pager-item-selected-bgnull
Description
The background color of the selected Pager items.
+
$kendo-pager-item-selected-textnull
Description
The text color of the selected Pager items.
+
$kendo-pager-item-selected-bordernull
Description
The border color of the selected Pager items.
+
$kendo-pager-item-focus-opacitynull
Description
The opacity of the focused Pager items.
+
$kendo-pager-item-focus-bgnull
Description
The background color of the focused Pager items.
+
$kendo-pager-item-focus-shadownull
Description
The box shadow of the focused Pager items.
+
$kendo-pager-number-border-radiusnull
Description
The border radius of the Pager numbers.
+
$kendo-pager-input-widthnull
Description
The width of the Inputs in the Pager.
+
$kendo-pager-sm-dropdown-widthnull
Description
The width of the DropDowns in the small Pager.
+
$kendo-pager-md-dropdown-widthnull
Description
The width of the DropDowns in the medium Pager.
+
$kendo-pager-lg-dropdown-widthnull
Description
The width of the DropDowns in the large Pager.
+
$kendo-pager-sizesnull
Description
The sizes map of the Pager.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-panel.md b/packages/core/docs/customization-panel.md new file mode 100644 index 00000000000..3969a194479 --- /dev/null +++ b/packages/core/docs/customization-panel.md @@ -0,0 +1,138 @@ +--- +title: Customizing Panel +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_panel +position: 9 +--- + +# Customizing Panel + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-panel-border-radiusnull
Description
The border radius of the Panel.
+
$kendo-panel-border-widthnull
Description
The width of the border around the Panel.
+
$kendo-panel-border-stylenull
Description
The style of the border around the Panel.
+
$kendo-panel-header-padding-inlinenull
Description
The inline padding of the Panel header.
+
$kendo-panel-header-padding-blocknull
Description
The block padding of the Panel header.
+
$kendo-panel-content-padding-inlinenull
Description
The inline padding of the Panel content.
+
$kendo-panel-content-padding-blocknull
Description
The block padding of the Panel content.
+
$kendo-panel-textnull
Description
The text color of the Panel.
+
$kendo-panel-bgnull
Description
The background color of the Panel.
+
$kendo-panel-bordernull
Description
The color of the border around the Panel.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-panelbar.md b/packages/core/docs/customization-panelbar.md new file mode 100644 index 00000000000..6843ef4ef2e --- /dev/null +++ b/packages/core/docs/customization-panelbar.md @@ -0,0 +1,868 @@ +--- +title: Customizing Panelbar +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_panelbar +position: 9 +--- + +# Customizing Panelbar + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-panelbar-padding-xnull
Description
The horizontal padding of the PanelBar.
+
$kendo-panelbar-padding-ynull
Description
The vertical padding of the PanelBar.
+
$kendo-panelbar-font-familynull
Description
The font family of the PanelBar.
+
$kendo-panelbar-font-sizenull
Description
The font size of the PanelBar.
+
$kendo-panelbar-line-heightnull
Description
The line height of the PanelBar.
+
$kendo-panelbar-border-widthnull
Description
The width of the border around the PanelBar.
+
$kendo-panelbar-border-stylenull
Description
The border style around the the PanelBar.
+
$kendo-panelbar-item-border-widthnull
Description
The width of the border around the PanelBar items.
+
$kendo-panelbar-item-border-stylenull
Description
The style of the border around the PanelBar items.
+
$kendo-panelbar-header-padding-xnull
Description
The horizontal padding of the PanelBar header.
+
$kendo-panelbar-header-padding-ynull
Description
The vertical padding of the PanelBar header.
+
$kendo-panelbar-item-padding-xnull
Description
The horizontal padding of the PanelBar items.
+
$kendo-panelbar-item-padding-ynull
Description
The vertical padding of the PanelBar items.
+
$kendo-panelbar-item-level-countnull
Description
The maximum nesting of the PanelBar items.
+
$kendo-panelbar-bgnull
Description
The background color of the PanelBar.
+
$kendo-panelbar-textnull
Description
The text color of the PanelBar.
+
$kendo-panelbar-bordernull
Description
The border color of the PanelBar.
+
$kendo-panelbar-header-bgnull
Description
The background color of the PanelBar header.
+
$kendo-panelbar-header-textnull
Description
The text color of the PanelBar header.
+
$kendo-panelbar-header-bordernull
Description
The border color of the PanelBar header.
+
$kendo-panelbar-header-gradientnull
Description
The gradient of the PanelBar header.
+
$kendo-panelbar-header-hover-bgnull
Description
The background color of the hovered PanelBar header.
+
$kendo-panelbar-header-hover-textnull
Description
The text color of the hovered PanelBar header.
+
$kendo-panelbar-header-hover-bordernull
Description
The border color of the hovered PanelBar header.
+
$kendo-panelbar-header-hover-gradientnull
Description
The gradient of the hovered PanelBar header.
+
$kendo-panelbar-header-focus-bgnull
Description
The background color of the focused PanelBar header.
+
$kendo-panelbar-header-focus-textnull
Description
The text color of the focused PanelBar header.
+
$kendo-panelbar-header-focus-bordernull
Description
The border color of the focused PanelBar header.
+
$kendo-panelbar-header-focus-gradientnull
Description
The gradient of the focused PanelBar header.
+
$kendo-panelbar-header-focus-shadownull
Description
The shadow of the focused PanelBar header.
+
$kendo-panelbar-header-hover-focus-bgnull
Description
The background color of the focused and hovered PanelBar header.
+
$kendo-panelbar-header-hover-focus-textnull
Description
The text color of the focused and hovered PanelBar header.
+
$kendo-panelbar-header-hover-focus-bordernull
Description
The border color of the focused and hovered PanelBar header.
+
$kendo-panelbar-header-hover-focus-gradientnull
Description
The gradient of the focused and hovered PanelBar header.
+
$kendo-panelbar-header-selected-bgnull
Description
The background color of the selected PanelBar header.
+
$kendo-panelbar-header-selected-textnull
Description
The text color of the selected PanelBar header.
+
$kendo-panelbar-header-selected-bordernull
Description
The border color of the selected PanelBar header.
+
$kendo-panelbar-header-selected-gradientnull
Description
The gradient of the selected PanelBar header.
+
$kendo-panelbar-header-selected-hover-bgnull
Description
The background color of the selected and hovered PanelBar header.
+
$kendo-panelbar-header-selected-hover-textnull
Description
The text color of the selected and hovered PanelBar header.
+
$kendo-panelbar-header-selected-hover-bordernull
Description
The border color of the selected and hovered PanelBar header.
+
$kendo-panelbar-header-selected-hover-gradientnull
Description
The gradient of the selected and hovered PanelBar header.
+
$kendo-panelbar-header-selected-focus-bgnull
Description
The background color of the selected and focused PanelBar header.
+
$kendo-panelbar-header-selected-focus-textnull
Description
The text color of the selected and focused PanelBar header.
+
$kendo-panelbar-header-selected-focus-bordernull
Description
The border color of the selected and focused PanelBar header.
+
$kendo-panelbar-header-selected-focus-gradientnull
Description
The gradient of the selected and focused PanelBar header.
+
$kendo-panelbar-header-selected-hover-focus-bgnull
Description
The background color of the selected, hovered and focused PanelBar header.
+
$kendo-panelbar-header-selected-hover-focus-textnull
Description
The text color of the selected, hovered and focused PanelBar header.
+
$kendo-panelbar-header-selected-hover-focus-bordernull
Description
The border color of the selected, hovered and focused PanelBar header.
+
$kendo-panelbar-header-selected-hover-focus-gradientnull
Description
The gradient of the selected, hovered and focused PanelBar header.
+
$kendo-panelbar-item-hover-bgnull
Description
The background color of the hovered PanelBar items.
+
$kendo-panelbar-item-hover-textnull
Description
The text color of the hovered PanelBar items.
+
$kendo-panelbar-item-hover-bordernull
Description
The border color of the hovered PanelBar items.
+
$kendo-panelbar-item-hover-gradientnull
Description
The gradient of the hovered PanelBar items.
+
$kendo-panelbar-item-focus-bgnull
Description
The background color of the focused PanelBar items.
+
$kendo-panelbar-item-focus-textnull
Description
The text color of the focused PanelBar items.
+
$kendo-panelbar-item-focus-bordernull
Description
The border color of the focused PanelBar items.
+
$kendo-panelbar-item-focus-gradientnull
Description
The gradient of the focused PanelBar items.
+
$kendo-panelbar-item-focus-shadownull
Description
The box shadow of the focused PanelBar items.
+
$kendo-panelbar-item-hover-focus-bgnull
Description
The background color of the focused and hovered PanelBar items.
+
$kendo-panelbar-item-hover-focus-textnull
Description
The text color of the focused and hovered PanelBar items.
+
$kendo-panelbar-item-hover-focus-bordernull
Description
The border color of the focused and hovered PanelBar items.
+
$kendo-panelbar-item-hover-focus-gradientnull
Description
The gradient of the focused and hovered PanelBar items.
+
$kendo-panelbar-item-selected-bgnull
Description
The background color of the selected PanelBar items.
+
$kendo-panelbar-item-selected-textnull
Description
The text color of the selected PanelBar items.
+
$kendo-panelbar-item-selected-bordernull
Description
The border color of the selected PanelBar items.
+
$kendo-panelbar-item-selected-gradientnull
Description
The gradient of the selected PanelBar items.
+
$kendo-panelbar-item-selected-hover-bgnull
Description
The background color of the selected and hovered PanelBar items.
+
$kendo-panelbar-item-selected-hover-textnull
Description
The text color of the selected and hovered PanelBar items.
+
$kendo-panelbar-item-selected-hover-bordernull
Description
The border color of the selected and hovered PanelBar items.
+
$kendo-panelbar-item-selected-hover-gradientnull
Description
The gradient of the selected and hovered PanelBar items.
+
$kendo-panelbar-item-selected-focus-bgnull
Description
The background color of the selected and focused PanelBar items.
+
$kendo-panelbar-item-selected-focus-textnull
Description
The text color of the selected and focused PanelBar items.
+
$kendo-panelbar-item-selected-focus-bordernull
Description
The border color of the selected and focused PanelBar items.
+
$kendo-panelbar-item-selected-focus-gradientnull
Description
The gradient of the selected and focused PanelBar items.
+
$kendo-panelbar-item-selected-hover-focus-bgnull
Description
The background color of the selected, hovered and focused PanelBar items.
+
$kendo-panelbar-item-selected-hover-focus-textnull
Description
The text color of the selected, hovered and focused PanelBar items.
+
$kendo-panelbar-item-selected-hover-focus-bordernull
Description
The border color of the selected, hovered and focused PanelBar items.
+
$kendo-panelbar-item-selected-hover-focus-gradientnull
Description
The gradient of the selected, hovered and focused PanelBar items.
+
$kendo-panelbar-header-expanded-bgnull
Description
The background color of the expanded PanelBar header.
+
$kendo-panelbar-header-expanded-textnull
Description
The text color of the expanded PanelBar header.
+
$kendo-panelbar-header-expanded-bordernull
Description
The border color of the expanded PanelBar header.
+
$kendo-panelbar-header-expanded-gradientnull
Description
The gradient of the expanded PanelBar header.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-pdf-viewer.md b/packages/core/docs/customization-pdf-viewer.md new file mode 100644 index 00000000000..e631d83bfc3 --- /dev/null +++ b/packages/core/docs/customization-pdf-viewer.md @@ -0,0 +1,448 @@ +--- +title: Customizing PDFViewer +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_pdf-viewer +position: 9 +--- + +# Customizing PDFViewer + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-pdf-viewer-border-widthnull
Description
The border width of the PDFViewer.
+
$kendo-pdf-viewer-font-familynull
Description
The font family of the PDFViewer.
+
$kendo-pdf-viewer-font-sizenull
Description
The font size of the PDFViewer.
+
$kendo-pdf-viewer-line-heightnull
Description
The line height of the PDFViewer.
+
$kendo-pdf-viewer-bgnull
Description
The background color of the PDFViewer.
+
$kendo-pdf-viewer-textnull
Description
The text color of the PDFViewer.
+
$kendo-pdf-viewer-bordernull
Description
The border color of the PDFViewer.
+
$kendo-pdf-viewer-toolbar-bgnull
Description
The background color of the PDFViewer Toolbar.
+
$kendo-pdf-viewer-toolbar-textnull
Description
The text color of the PDFViewer Toolbar.
+
$kendo-pdf-viewer-toolbar-bordernull
Description
The border color of the PDFViewer Toolbar.
+
$kendo-pdf-viewer-toolbar-gradientnull
Description
The gradient of the PDFViewer Toolbar.
+
$kendo-pdf-viewer-canvas-bgnull
Description
The background color of the PDFViewer canvas.
+
$kendo-pdf-viewer-canvas-textnull
Description
The text color of the PDFViewer canvas.
+
$kendo-pdf-viewer-canvas-bordernull
Description
The border color of the PDFViewer canvas.
+
$kendo-pdf-viewer-page-spacingnull
Description
The spacing of the PDFViewer page.
+
$kendo-pdf-viewer-page-bgnull
Description
The background color of the PDFViewer page.
+
$kendo-pdf-viewer-page-textnull
Description
The text color of the PDFViewer page.
+
$kendo-pdf-viewer-page-bordernull
Description
The border color of the PDFViewer page.
+
$kendo-pdf-viewer-page-shadownull
Description
The shadow of the PDFViewer page.
+
$kendo-pdf-viewer-search-panel-padding-xnull
Description
The horizontal padding of the PDFViewer search panel.
+
$kendo-pdf-viewer-search-panel-padding-ynull
Description
The vertical padding of the PDFViewer search panel.
+
$kendo-pdf-viewer-search-panel-spacingnull
Description
The spacing of the PDFViewer search panel.
+
$kendo-pdf-viewer-search-panel-border-widthnull
Description
The border width of the PDFViewer search panel.
+
$kendo-pdf-viewer-search-panel-border-radiusnull
Description
The border radius of the PDFViewer search panel.
+
$kendo-pdf-viewer-search-panel-bgnull
Description
The background color of the PDFViewer search panel.
+
$kendo-pdf-viewer-search-panel-textnull
Description
The text color of the PDFViewer search panel.
+
$kendo-pdf-viewer-search-panel-bordernull
Description
The border color of the PDFViewer search panel.
+
$kendo-pdf-viewer-search-panel-shadownull
Description
The shadow of the PDFViewer search panel.
+
$kendo-pdf-viewer-search-panel-matches-spacingnull
Description
The spacing of the matches container in the PDFViewer search panel.
+
$kendo-pdf-viewer-selection-line-heightnull
Description
The line height of the PDFViewer selection.
+
$kendo-pdf-viewer-search-highlight-bgnull
Description
The background color of the PDFViewer highlight.
+
$kendo-pdf-viewer-search-highlight-mark-bgnull
Description
The background color of the PDFViewer highlight mark.
+
$kendo-pdf-viewer-icon-textnull
Description
The text color of the PDFViewer icon.
+
$kendo-pdf-viewer-popup-padding-xnull
Description
The vertical padding of the PDFViewer popup.
+
$kendo-pdf-viewer-popup-padding-ynull
Description
The horizontal padding of the PDFViewer popup.
+
$kendo-pdf-viewer-highlight-annotation-bordernull
Description
The border color of the PDFViewer selected highlight annotation.
+
$kendo-pdf-viewer-highlight-annotation-hover-bordernull
Description
The background color of the PDFViewer hover highlight annotation.
+
$kendo-pdf-viewer-free-text-annotation-bordernull
Description
The border color of the PDFViewer selected free text annotation.
+
$kendo-pdf-viewer-free-text-annotation-placeholder-textnull
Description
The placeholder text color of the PDFViewer free text annotation.
+
$kendo-pdf-viewer-free-text-annotation-textnull
Description
The text color of the PDFViewer free text annotation.
+
$kendo-pdf-viewer-free-text-annotation-textnull
Description
The text color of the PDFViewer free text annotation.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-picker.md b/packages/core/docs/customization-picker.md new file mode 100644 index 00000000000..e88ef13d234 --- /dev/null +++ b/packages/core/docs/customization-picker.md @@ -0,0 +1,498 @@ +--- +title: Customizing Picker +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_picker +position: 9 +--- + +# Customizing Picker + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-picker-bgnull
Description
The background color of the Picker components.
+
$kendo-picker-textnull
Description
The text color of the Picker components.
+
$kendo-picker-bordernull
Description
The border color of the Picker components.
+
$kendo-picker-gradientnull
Description
The gradient of the Picker components.
+
$kendo-picker-shadownull
Description
The shadow of the Picker components.
+
$kendo-picker-hover-bgnull
Description
The background color of the hovered Picker components.
+
$kendo-picker-hover-textnull
Description
The text color of the hovered Picker components.
+
$kendo-picker-hover-bordernull
Description
The border color of the hovered Picker components.
+
$kendo-picker-hover-gradientnull
Description
The gradient of the hovered Picker components.
+
$kendo-picker-hover-shadownull
Description
The shadow of the hovered Picker components.
+
$kendo-picker-focus-bgnull
Description
The background color of the focused Picker components.
+
$kendo-picker-focus-textnull
Description
The text color of the focused Picker components.
+
$kendo-picker-focus-bordernull
Description
The border color of the focused Picker components.
+
$kendo-picker-focus-gradientnull
Description
The gradient of the focused Picker components.
+
$kendo-picker-focus-shadownull
Description
The shadow of the focused Picker components.
+
$kendo-picker-disabled-bgnull
Description
The background color of the disabled Picker components.
+
$kendo-picker-disabled-textnull
Description
The text color of the disabled Picker components.
+
$kendo-picker-disabled-bordernull
Description
The border color of the disabled Picker components.
+
$kendo-picker-disabled-gradientnull
Description
The gradient of the disabled Picker components.
+
$kendo-picker-disabled-shadownull
Description
The shadow of the disabled Picker components.
+
$kendo-picker-outline-bgnull
Description
The background color of the outline Picker components.
+
$kendo-picker-outline-textnull
Description
The text color of the outline Picker components.
+
$kendo-picker-outline-bordernull
Description
The border color of the outline Picker components.
+
$kendo-picker-outline-hover-bgnull
Description
The background color of the outline hovered Picker components.
+
$kendo-picker-outline-hover-textnull
Description
The text color of the outline hovered Picker components.
+
$kendo-picker-outline-hover-bordernull
Description
The border color of the outline hovered Picker components.
+
$kendo-picker-outline-focus-bgnull
Description
The background color of the outline focused Picker components.
+
$kendo-picker-outline-focus-textnull
Description
The text color of the outline focused Picker components.
+
$kendo-picker-outline-focus-bordernull
Description
The border color of the outline focused Picker components.
+
$kendo-picker-outline-focus-shadownull
Description
The shadow of the outline focused Picker components.
+
$kendo-picker-outline-hover-focus-bgnull
Description
The background color of the outline hovered and focused Picker components.
+
$kendo-picker-outline-hover-focus-textnull
Description
The text color of the outline hovered and focused Picker components.
+
$kendo-picker-outline-hover-focus-bordernull
Description
The border color of the outline hovered and focused Picker components.
+
$kendo-picker-flat-bgnull
Description
The background color of the flat Picker components.
+
$kendo-picker-flat-textnull
Description
The text color of the flat Picker components.
+
$kendo-picker-flat-bordernull
Description
The border color of the flat Picker components.
+
$kendo-picker-flat-hover-bgnull
Description
The background color of the flat hovered Picker components.
+
$kendo-picker-flat-hover-textnull
Description
The text color of the flat hovered Picker components.
+
$kendo-picker-flat-hover-bordernull
Description
The border color of the flat hovered Picker components.
+
$kendo-picker-flat-focus-bgnull
Description
The background color of the flat focused Picker components.
+
$kendo-picker-flat-focus-textnull
Description
The text color of the flat focused Picker components.
+
$kendo-picker-flat-focus-bordernull
Description
The border color of the flat focused Picker components.
+
$kendo-picker-flat-focus-shadownull
Description
The shadow of the flat focused Picker components.
+
$kendo-picker-flat-hover-focus-bgnull
Description
The background color of the flat hovered and focused Picker components.
+
$kendo-picker-flat-hover-focus-textnull
Description
The text color of the flat hovered and focused Picker components.
+
$kendo-picker-flat-hover-focus-bordernull
Description
The border color of the flat hovered and focused Picker components.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-pivotgrid.md b/packages/core/docs/customization-pivotgrid.md new file mode 100644 index 00000000000..e4da27de9e6 --- /dev/null +++ b/packages/core/docs/customization-pivotgrid.md @@ -0,0 +1,748 @@ +--- +title: Customizing Pivotgrid +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_pivotgrid +position: 9 +--- + +# Customizing Pivotgrid + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-pivotgrid-spacernull
Description
The spacer of the PivotGrid.
+
$kendo-pivotgrid-padding-xnull
Description
The horizontal padding of the PivotGrid.
+
$kendo-pivotgrid-padding-ynull
Description
The vertical of the PivotGrid.
+
$kendo-pivotgrid-font-familynull
Description
The font family of the PivotGrid.
+
$kendo-pivotgrid-font-sizenull
Description
The font size of the PivotGrid.
+
$kendo-pivotgrid-line-heightnull
Description
The line height of the PivotGrid.
+
$kendo-pivotgrid-border-widthnull
Description
The border width of the PivotGrid.
+
$kendo-pivotgrid-icon-spacingnull
Description
The icon spacing of the PivotGrid.
+
$kendo-pivotgrid-row-header-widthnull
Description
The default width of the PivotGrid row header.
+
$kendo-pivotgrid-column-header-heightnull
Description
The default height of the PivotGrid column header.
+
$kendo-pivotgrid-cell-padding-xnull
Description
The horizontal padding of the PivotGrid cell.
+
$kendo-pivotgrid-cell-padding-ynull
Description
The vertical padding of the PivotGrid cell.
+
$kendo-pivotgrid-cell-border-widthnull
Description
The border width of the PivotGrid cell.
+
$kendo-pivotgrid-bgnull
Description
The background color of the PivotGrid.
+
$kendo-pivotgrid-textnull
Description
The text color of the PivotGrid.
+
$kendo-pivotgrid-bordernull
Description
The border color of the PivotGrid.
+
$kendo-pivotgrid-alt-bordernull
Description
The alt border color of the PivotGrid.
+
$kendo-pivotgrid-headers-bgnull
Description
The background color of the PivotGrid header.
+
$kendo-pivotgrid-headers-textnull
Description
The text color of the PivotGrid header.
+
$kendo-pivotgrid-headers-bordernull
Description
The border color of the PivotGrid header.
+
$kendo-pivotgrid-total-bgnull
Description
The background color of the PivotGrid total cells.
+
$kendo-pivotgrid-total-textnull
Description
The text color of the PivotGrid total cells.
+
$kendo-pivotgrid-total-bordernull
Description
The border color of the PivotGrid total cells.
+
$kendo-pivotgrid-hover-bgnull
Description
The hover background color of the PivotGrid.
+
$kendo-pivotgrid-hover-textnull
Description
The hover text color of the PivotGrid.
+
$kendo-pivotgrid-hover-bordernull
Description
The hover border color of the PivotGrid.
+
$kendo-pivotgrid-selected-bgnull
Description
The selected background color of the PivotGrid.
+
$kendo-pivotgrid-selected-textnull
Description
The selected text color of the PivotGrid.
+
$kendo-pivotgrid-selected-bordernull
Description
The selected border color of the PivotGrid.
+
$kendo-pivotgrid-focus-shadownull
Description
The focus shadow of the PivotGrid.
+
$kendo-pivotgrid-configurator-padding-xnull
Description
The horizontal padding of the PivotGrid configurator.
+
$kendo-pivotgrid-configurator-padding-ynull
Description
The vertical padding of the PivotGrid configurator.
+
$kendo-pivotgrid-configurator-border-widthnull
Description
The border width of the PivotGrid configurator.
+
$kendo-pivotgrid-configurator-header-padding-xnull
Description
The horizontal padding of the PivotGrid configurator header.
+
$kendo-pivotgrid-configurator-header-padding-ynull
Description
The vertical padding of the PivotGrid configurator header.
+
$kendo-pivotgrid-configurator-header-font-sizenull
Description
The font size of the PivotGrid configurator header.
+
$kendo-pivotgrid-configurator-header-font-weightnull
Description
The font weight of the PivotGrid configurator header.
+
$kendo-pivotgrid-configurator-content-padding-xnull
Description
The horizontal padding of the PivotGrid configurator content.
+
$kendo-pivotgrid-configurator-content-padding-ynull
Description
The vertical padding of the PivotGrid configurator content.
+
$kendo-pivotgrid-configurator-fields-margin-xnull
Description
The horizontal margin of the PivotGrid configurator fields.
+
$kendo-pivotgrid-configurator-fields-margin-ynull
Description
The vertical margin of the PivotGrid configurator fields.
+
$kendo-pivotgrid-configurator-vertical-widthnull
Description
The default width of the PivotGrid vertical configurator.
+
$kendo-pivotgrid-configurator-horizontal-heightnull
Description
The default height of the PivotGrid horizontal configurator.
+
$kendo-pivotgrid-configurator-bgnull
Description
The background color of the PivotGrid configurator.
+
$kendo-pivotgrid-configurator-textnull
Description
The text color of the PivotGrid configurator.
+
$kendo-pivotgrid-configurator-bordernull
Description
The border color of the PivotGrid configurator.
+
$kendo-pivotgrid-configurator-header-bgnull
Description
The background color of the PivotGrid configurator header.
+
$kendo-pivotgrid-configurator-header-textnull
Description
The text color of the PivotGrid configurator header.
+
$kendo-pivotgrid-configurator-header-bordernull
Description
The border color of the PivotGrid configurator header.
+
$kendo-pivotgrid-configurator-shadownull
Description
The shadow of the PivotGrid configurator.
+
$kendo-pivotgrid-configurator-end-shadownull
Description
The end shadow of the PivotGrid configurator.
+
$kendo-pivotgrid-configurator-start-shadownull
Description
The start shadow of the PivotGrid configurator.
+
$kendo-pivotgrid-configurator-top-shadownull
Description
The top shadow of the PivotGrid configurator.
+
$kendo-pivotgrid-configurator-bottom-shadownull
Description
The bottom shadow of the PivotGrid configurator.
+
$kendo-pivotgrid-configurator-button-padding-xnull
Description
The horizontal padding of the PivotGrid configurator button.
+
$kendo-pivotgrid-configurator-button-padding-ynull
Description
The vertical padding of the PivotGrid configurator button.
+
$kendo-pivotgrid-configurator-button-border-widthnull
Description
The border width of the PivotGrid configurator button.
+
$kendo-pivotgrid-configurator-button-sizenull
Description
The size of the PivotGrid configurator button.
+
$kendo-pivotgrid-calculated-field-padding-xnull
Description
The horizontal padding of the PivotGrid calculated field.
+
$kendo-pivotgrid-calculated-field-padding-ynull
Description
The vertical padding of the PivotGrid calculated field.
+
$kendo-pivotgrid-calculated-field-border-widthnull
Description
The border width of the PivotGrid calculated field.
+
$kendo-pivotgrid-calculated-field-border-radiusnull
Description
The border radius of the PivotGrid calculated field.
+
$kendo-pivotgrid-calculated-field-gapnull
Description
The spacing of the PivotGrid calculated field.
+
$kendo-pivotgrid-calculated-field-bgnull
Description
The background color of the PivotGrid calculated field.
+
$kendo-pivotgrid-calculated-field-textnull
Description
The text color of the PivotGrid calculated field.
+
$kendo-pivotgrid-calculated-field-bordernull
Description
The border color of the PivotGrid calculated field.
+
$kendo-pivotgrid-calculated-field-header-bgnull
Description
The background color of the PivotGrid calculated field header.
+
$kendo-pivotgrid-calculated-field-header-textnull
Description
The text color of the PivotGrid calculated field header.
+
$kendo-pivotgrid-calculated-field-header-bordernull
Description
The border color of the PivotGrid calculated field header.
+
$kendo-pivotgrid-treeview-padding-xnull
Description
The horizontal padding of the PivotGrid treeview.
+
$kendo-pivotgrid-treeview-padding-ynull
Description
The vertical padding of the PivotGrid treeview.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-popover.md b/packages/core/docs/customization-popover.md new file mode 100644 index 00000000000..bcdd734093e --- /dev/null +++ b/packages/core/docs/customization-popover.md @@ -0,0 +1,298 @@ +--- +title: Customizing Popover +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_popover +position: 9 +--- + +# Customizing Popover + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-popover-border-widthnull
Description
The width of the border around the Popover.
+
$kendo-popover-border-stylenull
Description
The style of the border around the Popover.
+
$kendo-popover-border-radiusnull
Description
The radius of the border around the Popover.
+
$kendo-popover-font-familynull
Description
The font family of the Popover.
+
$kendo-popover-font-sizenull
Description
The font size of the Popover.
+
$kendo-popover-line-heightnull
Description
The line height of the Popover.
+
$kendo-popover-textnull
Description
The text color of the Popover.
+
$kendo-popover-bgnull
Description
The background color of the Popover.
+
$kendo-popover-bordernull
Description
The border color of the Popover.
+
$kendo-popover-shadownull
Description
The box shadow of the Popover.
+
$kendo-popover-header-padding-xnull
Description
The horizontal padding of the Popover header.
+
$kendo-popover-header-padding-ynull
Description
The vertical padding of the Popover header.
+
$kendo-popover-header-border-widthnull
Description
The border width of the Popover header.
+
$kendo-popover-header-border-stylenull
Description
The border style of the Popover header.
+
$kendo-popover-header-textnull
Description
The text color of the Popover header.
+
$kendo-popover-header-bgnull
Description
The background color of the Popover header.
+
$kendo-popover-header-bordernull
Description
The border color of the Popover header.
+
$kendo-popover-body-padding-xnull
Description
The horizontal padding of the Popover body.
+
$kendo-popover-body-padding-ynull
Description
The vertical padding of the Popover body.
+
$kendo-popover-actions-border-widthnull
Description
The border width of the Popover actions.
+
$kendo-popover-callout-widthnull
Description
The width of the Popover callout.
+
$kendo-popover-callout-heightnull
Description
The height of the Popover callout.
+
$kendo-popover-callout-border-widthnull
Description
The border width of the Popover callout.
+
$kendo-popover-callout-border-stylenull
Description
The border style of the Popover callout.
+
$kendo-popover-callout-bgnull
Description
The background color of the Popover callout.
+
$kendo-popover-callout-bordernull
Description
The border color of the Popover callout.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-popup.md b/packages/core/docs/customization-popup.md new file mode 100644 index 00000000000..bf4f32104f9 --- /dev/null +++ b/packages/core/docs/customization-popup.md @@ -0,0 +1,158 @@ +--- +title: Customizing Popup +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_popup +position: 9 +--- + +# Customizing Popup + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-popup-padding-xnull
Description
Horizontal padding of the popup.
+
$kendo-popup-padding-ynull
Description
Vertical padding of the popup.
+
$kendo-popup-border-widthnull
Description
Width of the border around the popup.
+
$kendo-popup-border-radiusnull
Description
Border radius of the popup.
+
$kendo-popup-font-sizenull
Description
Font size of the popup.
+
$kendo-popup-line-heightnull
Description
Line height of the popup.
+
$kendo-popup-content-padding-xnull
Description
Horizontal padding of the popup content.
+
$kendo-popup-content-padding-ynull
Description
Vertical padding of the popup content.
+
$kendo-popup-bgnull
Description
Background color of the popup.
+
$kendo-popup-textnull
Description
Text color of the popup.
+
$kendo-popup-bordernull
Description
Border color of the popup.
+
$kendo-popup-shadownull
Description
Box shadow of the popup.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-progressbar.md b/packages/core/docs/customization-progressbar.md new file mode 100644 index 00000000000..53603d3e2e8 --- /dev/null +++ b/packages/core/docs/customization-progressbar.md @@ -0,0 +1,258 @@ +--- +title: Customizing Progressbar +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_progressbar +position: 9 +--- + +# Customizing Progressbar + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-progressbar-heightnull
Description
The height of the ProgressBar.
+
$kendo-progressbar-horizontal-widthnull
Description
The horizontal width of the ProgressBar.
+
$kendo-progressbar-animation-timingnull
Description
The animation timing of the ProgressBar.
+
$kendo-progressbar-border-widthnull
Description
The width of the border around the ProgressBar.
+
$kendo-progressbar-font-familynull
Description
The font family of the ProgressBar.
+
$kendo-progressbar-font-sizenull
Description
The font size of the ProgressBar.
+
$kendo-progressbar-line-heightnull
Description
The line height of the ProgressBar.
+
$kendo-progressbar-bgnull
Description
The background color of the ProgressBar.
+
$kendo-progressbar-textnull
Description
The text color of the ProgressBar.
+
$kendo-progressbar-bordernull
Description
The border color of the ProgressBar.
+
$kendo-progressbar-gradientnull
Description
The background gradient of the ProgressBar.
+
$kendo-progressbar-value-bgnull
Description
The progress background color of the ProgressBar.
+
$kendo-progressbar-value-textnull
Description
The progress text color of the ProgressBar.
+
$kendo-progressbar-value-bordernull
Description
The progress border color of the ProgressBar.
+
$kendo-progressbar-value-gradientnull
Description
The progress background gradient of the ProgressBar.
+
$kendo-progressbar-indeterminate-bgnull
Description
The background color of the indeterminate ProgressBar.
+
$kendo-progressbar-indeterminate-textnull
Description
The text color of the indeterminate ProgressBar.
+
$kendo-progressbar-indeterminate-bordernull
Description
The border color of the indeterminate ProgressBar.
+
$kendo-progressbar-indeterminate-gradientnull
Description
The background gradient of the indeterminate ProgressBar.
+
$kendo-progressbar-chunk-bordernull
Description
The border color of the chunk ProgressBar.
+
$kendo-circular-progressbar-arc-strokenull
Description
The arc stroke color of the circular ProgressBar.
+
$kendo-circular-progressbar-scale-strokenull
Description
The scale stroke background color of the circular ProgressBar.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-prompt.md b/packages/core/docs/customization-prompt.md new file mode 100644 index 00000000000..6e39340fb2c --- /dev/null +++ b/packages/core/docs/customization-prompt.md @@ -0,0 +1,238 @@ +--- +title: Customizing Prompt +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_prompt +position: 9 +--- + +# Customizing Prompt + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-prompt-textnull
Description
The text color of the AIPrompt.
+
$kendo-prompt-bgnull
Description
The background color of the AIPrompt.
+
$kendo-prompt-bordernull
Description
The border color of the AIPrompt.
+
$kendo-prompt-header-textnull
Description
The text color of the AIPrompt header.
+
$kendo-prompt-header-bgnull
Description
The background color of the AIPrompt header.
+
$kendo-prompt-header-bordernull
Description
The border color of the AIPrompt header.
+
$kendo-prompt-content-padding-ynull
Description
The vertical padding of the AIPrompt content.
+
$kendo-prompt-content-padding-xnull
Description
The horizontal padding of the AIPrompt content.
+
$kendo-prompt-content-spacingnull
Description
The spacing between the items of the AIPrompt content.
+
$kendo-prompt-content-textnull
Description
The text color of the AIPrompt content.
+
$kendo-prompt-content-bgnull
Description
The background color of the AIPrompt content.
+
$kendo-prompt-content-bordernull
Description
The text border of the AIPrompt content.
+
$kendo-prompt-expander-spacingnull
Description
The spacing between the items of the AIPrompt content expander.
+
$kendo-prompt-suggestion-padding-ynull
Description
The vertical padding of the AIPrompt suggestion container.
+
$kendo-prompt-suggestion-padding-xnull
Description
The horizontal padding of the AIPrompt suggestion container.
+
$kendo-prompt-suggestion-border-radiusnull
Description
The border radius of the AIPrompt suggestion container.
+
$kendo-prompt-suggestion-textnull
Description
The text color of the AIPrompt suggestion container.
+
$kendo-prompt-suggestion-bgnull
Description
The background color of the AIPrompt suggestion container.
+
$kendo-prompt-suggestion-bordernull
Description
The border color of the AIPrompt suggestion container.
+
$kendo-prompt-suggestion-shadownull
Description
The elevation of the AIPrompt suggestion container.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-radio.md b/packages/core/docs/customization-radio.md new file mode 100644 index 00000000000..119939ef788 --- /dev/null +++ b/packages/core/docs/customization-radio.md @@ -0,0 +1,488 @@ +--- +title: Customizing Radio +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_radio +position: 9 +--- + +# Customizing Radio + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-radio-radiusnull
Description
The border radius of the RadioButton.
+
$kendo-radio-border-widthnull
Description
The border width of the RadioButton.
+
$kendo-radio-sm-sizenull
Description
The size of a small RadioButton.
+
$kendo-radio-md-sizenull
Description
The size of a medium RadioButton.
+
$kendo-radio-lg-sizenull
Description
The size of a large RadioButton.
+
$kendo-radio-sm-glyph-sizenull
Description
The glyph size of a small RadioButton.
+
$kendo-radio-md-glyph-sizenull
Description
The glyph size of a medium RadioButton.
+
$kendo-radio-lg-glyph-sizenull
Description
The glyph size of a large RadioButton.
+
$kendo-radio-sm-ripple-sizenull
Description
The ripple size of a small RadioButton.
+
$kendo-radio-md-ripple-sizenull
Description
The ripple size of a medium RadioButton.
+
$kendo-radio-lg-ripple-sizenull
Description
The ripple size of a large RadioButton.
+
$kendo-radio-sizesnull
Description
The map with the different RadioButton sizes.
+
$kendo-radio-bgnull
Description
The background color of the RadioButton.
+
$kendo-radio-textnull
Description
The color of the RadioButton.
+
$kendo-radio-bordernull
Description
The border color of the RadioButton.
+
$kendo-radio-hover-bgnull
Description
The background color of the hovered RadioButton.
+
$kendo-radio-hover-textnull
Description
The color of the hovered RadioButton.
+
$kendo-radio-hover-bordernull
Description
The border color of the hovered RadioButton.
+
$kendo-radio-checked-bgnull
Description
The background color of the checked RadioButton.
+
$kendo-radio-checked-textnull
Description
The color of the checked RadioButton.
+
$kendo-radio-checked-bordernull
Description
The border color of the checked RadioButton.
+
$kendo-radio-focus-bordernull
Description
The border color of the focused RadioButton.
+
$kendo-radio-focus-shadownull
Description
The box shadow of the focused RadioButton.
+
$kendo-radio-focus-checked-bordernull
Description
The border color of the focused and checked RadioButton.
+
$kendo-radio-focus-checked-shadownull
Description
The box shadow of the focused and checked RadioButton.
+
$kendo-radio-disabled-bgnull
Description
The background color of the disabled RadioButton.
+
$kendo-radio-disabled-textnull
Description
The color of the disabled RadioButton.
+
$kendo-radio-disabled-bordernull
Description
The border color of the disabled RadioButton.
+
$kendo-radio-disabled-checked-bgnull
Description
The background color of the disabled and checked RadioButton.
+
$kendo-radio-disabled-checked-textnull
Description
The color of the disabled and checked RadioButton.
+
$kendo-radio-disabled-checked-bordernull
Description
The border color of disabled and checked RadioButton.
+
$kendo-radio-invalid-bgnull
Description
The background color of the invalid RadioButton.
+
$kendo-radio-invalid-textnull
Description
The color of the invalid RadioButton.
+
$kendo-radio-invalid-bordernull
Description
The border color of the invalid RadioButton.
+
$kendo-radio-indicator-typenull
Description
The type of the RadioButton indicator.
+
$kendo-radio-glyph-font-familynull
Description
The font family of the RadioButton indicator glyph.
+
$kendo-radio-checked-glyphnull
Description
The glyph of the RadioButton indicator.
+
$kendo-radio-checked-imagenull
Description
The image of the checked RadioButton indicator.
+
$kendo-radio-disabled-checked-imagenull
Description
The image of the disabled and checked RadioButton indicator.
+
$kendo-radio-label-margin-xnull
Description
The horizontal margin of the RadioButton inside of a label.
+
$kendo-radio-list-spacingnull
Description
The horizontal list item margin of the RadioButton.
+
$kendo-radio-list-item-padding-xnull
Description
The horizontal list item padding of the RadioButton.
+
$kendo-radio-list-item-padding-ynull
Description
The vertical list item padding of the RadioButton.
+
$kendo-radio-ripple-bgnull
Description
The background color of the RadioButton ripple.
+
$kendo-radio-ripple-opacitynull
Description
The opacity of the RadioButton ripple.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-rating.md b/packages/core/docs/customization-rating.md new file mode 100644 index 00000000000..88bdcc326c8 --- /dev/null +++ b/packages/core/docs/customization-rating.md @@ -0,0 +1,198 @@ +--- +title: Customizing Rating +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_rating +position: 9 +--- + +# Customizing Rating + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-rating-font-familynull
Description
The font family of the Rating.
+
$kendo-rating-font-sizenull
Description
The font size of the Rating.
+
$kendo-rating-line-heightnull
Description
The line height of the Rating.
+
$kendo-rating-container-margin-xnull
Description
The horizontal margin of the Rating container.
+
$kendo-rating-item-padding-xnull
Description
The horizontal padding of the Rating item.
+
$kendo-rating-item-padding-ynull
Description
The vertical padding of the Rating item.
+
$kendo-rating-label-margin-xnull
Description
The horizontal margin of the Rating label.
+
$kendo-rating-label-margin-ynull
Description
The vertical margin of the Rating label.
+
$kendo-rating-label-line-heightnull
Description
The line height of the Rating label.
+
$kendo-rating-icon-sizenull
Description
The size of the Rating icon.
+
$kendo-rating-icon-textnull
Description
The text color of the Rating icon.
+
$kendo-rating-icon-selected-textnull
Description
The text color of the selected Rating icon.
+
$kendo-rating-icon-hover-textnull
Description
The text color of the hovered Rating icon.
+
$kendo-rating-icon-focus-textnull
Description
The text color of the focused Rating icon.
+
$kendo-rating-icon-focus-shadownull
Description
The shadow of the focused Rating icon.
+
$kendo-rating-icon-focus-selected-shadownull
Description
The shadow of the focused and selected Rating icon.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-scheduler.md b/packages/core/docs/customization-scheduler.md new file mode 100644 index 00000000000..25042efabe7 --- /dev/null +++ b/packages/core/docs/customization-scheduler.md @@ -0,0 +1,828 @@ +--- +title: Customizing Scheduler +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_scheduler +position: 9 +--- + +# Customizing Scheduler + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-scheduler-border-widthnull
Description
The width of the border around the Scheduler.
+
$kendo-scheduler-font-familynull
Description
The font family of the Scheduler.
+
$kendo-scheduler-font-sizenull
Description
The font size of the Scheduler.
+
$kendo-scheduler-line-heightnull
Description
The line height of the Scheduler.
+
$kendo-scheduler-bgnull
Description
The background color of the Scheduler.
+
$kendo-scheduler-textnull
Description
The text color of the Scheduler.
+
$kendo-scheduler-bordernull
Description
The border color of the Scheduler.
+
$kendo-scheduler-toolbar-bgnull
Description
The background color of the Scheduler ToolBar.
+
$kendo-scheduler-toolbar-textnull
Description
The text color of the Scheduler ToolBar.
+
$kendo-scheduler-toolbar-bordernull
Description
The border color of the Scheduler ToolBar.
+
$kendo-scheduler-toolbar-gradientnull
Description
The gradient of the Scheduler ToolBar.
+
$kendo-scheduler-footer-bgnull
Description
The background color of the Scheduler footer.
+
$kendo-scheduler-footer-textnull
Description
The text color of the Scheduler footer.
+
$kendo-scheduler-footer-bordernull
Description
The border color of the Scheduler footer.
+
$kendo-scheduler-footer-gradientnull
Description
The gradient of the Scheduler footer.
+
$kendo-scheduler-event-min-heightnull
Description
The minimum height of the Scheduler event.
+
$kendo-scheduler-event-border-radiusnull
Description
The border radius of the Scheduler event.
+
$kendo-scheduler-event-line-heightnull
Description
The line height of the Scheduler event.
+
$kendo-scheduler-event-bgnull
Description
The background color of the Scheduler event.
+
$kendo-scheduler-event-textnull
Description
The text color of the Scheduler event.
+
$kendo-scheduler-event-bordernull
Description
The border color of the Scheduler event.
+
$kendo-scheduler-event-gradientnull
Description
The gradient of the Scheduler event.
+
$kendo-scheduler-event-shadownull
Description
The shadow of the Scheduler event.
+
$kendo-scheduler-event-hover-bgnull
Description
The background color of the hovered Scheduler event.
+
$kendo-scheduler-event-hover-textnull
Description
The text color of the hovered Scheduler event.
+
$kendo-scheduler-event-hover-bordernull
Description
The border color of the hovered Scheduler event.
+
$kendo-scheduler-event-hover-gradientnull
Description
The gradient of the hovered Scheduler event.
+
$kendo-scheduler-event-hover-shadownull
Description
The shadow of the hovered Scheduler event.
+
$kendo-scheduler-event-selected-bgnull
Description
The background color of the selected Scheduler event.
+
$kendo-scheduler-event-selected-textnull
Description
The text color of the selected Scheduler event.
+
$kendo-scheduler-event-selected-bordernull
Description
The border color of the selected Scheduler event.
+
$kendo-scheduler-event-selected-gradientnull
Description
The gradient of the selected Scheduler event.
+
$kendo-scheduler-event-selected-shadownull
Description
The shadow of the selected Scheduler event.
+
$kendo-scheduler-event-ongoing-shadownull
Description
The shadow of the ongoing Scheduler event.
+
$kendo-scheduler-cell-padding-xnull
Description
The horizontal padding of the Scheduler cell.
+
$kendo-scheduler-cell-padding-ynull
Description
The vertical padding of the Scheduler cell.
+
$kendo-scheduler-cell-heightnull
Description
The height of the Scheduler cell.
+
$kendo-scheduler-datecolumn-widthnull
Description
The width of the Scheduler date column.
+
$kendo-scheduler-timecolumn-widthnull
Description
The width of the Scheduler time column.
+
$kendo-scheduler-nonwork-bgnull
Description
The background color of the non-working hours in the Scheduler.
+
$kendo-scheduler-nonwork-textnull
Description
The text color of the non-working hours in the Scheduler.
+
$kendo-scheduler-weekend-bgnull
Description
The background color of the weekends in the Scheduler.
+
$kendo-scheduler-weekend-textnull
Description
The text color of the weekends in the Scheduler.
+
$kendo-scheduler-othermonth-bgnull
Description
The background color of the preceding/subsequent month cells in the Calendar.
+
$kendo-scheduler-othermonth-textnull
Description
The text color of the preceding/subsequent month cells in the Calendar.
+
$kendo-scheduler-yearview-padding-xnull
Description
The horizontal padding of the year view in the Scheduler.
+
$kendo-scheduler-yearview-padding-ynull
Description
The vertical padding of the year view in the Scheduler.
+
$kendo-scheduler-yearview-calendar-gapnull
Description
The spacing between the calendars of the year view in the Scheduler.
+
$kendo-scheduler-yearview-indicator-sizenull
Description
The days with events indicator size of the year view in the Scheduler.
+
$kendo-scheduler-yearview-indicator-calc-offset-topnull
Description
The top position of the days with events indicator of the year view in the Scheduler.
+
$kendo-scheduler-yearview-indicator-calc-offset-leftnull
Description
The left position of the days with events indicator of the year view in the Scheduler.
+
$kendo-scheduler-yearview-indicator-border-radiusnull
Description
The border radius of the days with events indicator of the year view in the Scheduler.
+
$kendo-scheduler-yearview-indicator-bgnull
Description
The background color of the days with events indicator of the year view in the Scheduler.
+
$kendo-scheduler-yearview-indicator-selected-bgnull
Description
The background color of the selected days with events indicator of the year view in the Scheduler.
+
$kendo-scheduler-tooltip-padding-xnull
Description
The horizontal padding of the Scheduler Tooltip.
+
$kendo-scheduler-tooltip-padding-ynull
Description
The vertical padding of the Scheduler Tooltip.
+
$kendo-scheduler-tooltip-border-widthnull
Description
The width of the border of the Scheduler Tooltip.
+
$kendo-scheduler-tooltip-bgnull
Description
The background color of the Scheduler Tooltip.
+
$kendo-scheduler-tooltip-textnull
Description
The text color of the Scheduler Tooltip.
+
$kendo-scheduler-tooltip-bordernull
Description
The border color of the Scheduler Tooltip.
+
$kendo-scheduler-tooltip-shadownull
Description
The shadow of the Scheduler Tooltip.
+
$kendo-scheduler-tooltip-title-margin-ynull
Description
The vertical margin of the Scheduler Tooltip title.
+
$kendo-scheduler-tooltip-month-font-sizenull
Description
The font size of the month inside the Scheduler Tooltip.
+
$kendo-scheduler-tooltip-day-font-sizenull
Description
The font size of the day inside the Scheduler Tooltip.
+
$kendo-scheduler-tooltip-events-max-heightnull
Description
The max height of the events inside the Scheduler Tooltip.
+
$kendo-scheduler-tooltip-events-gapnull
Description
The spacing between the events inside the Scheduler Tooltip.
+
$kendo-scheduler-tooltip-event-padding-xnull
Description
The horizontal padding of the events inside the Scheduler Tooltip.
+
$kendo-scheduler-tooltip-event-padding-ynull
Description
The vertical padding of the events inside the Scheduler Tooltip.
+
$kendo-scheduler-tooltip-event-border-radiusnull
Description
The border radius of the events inside the Scheduler Tooltip.
+
$kendo-scheduler-tooltip-event-gapnull
Description
The spacing between the events items inside the Scheduler Tooltip.
+
$kendo-scheduler-tooltip-callout-textnull
Description
The color of the Scheduler Tooltip callout.
+
$kendo-scheduler-appointments-paddingnull
Description
The padding of the Scheduler appointments.
+
$kendo-scheduler-event-template-padding-xnull
Description
The horizontal padding of the Scheduler event template.
+
$kendo-scheduler-event-template-padding-ynull
Description
The vertical padding of the Scheduler event template.
+
$kendo-scheduler-event-actions-inset-xnull
Description
The inline inset of the Scheduler event actions.
+
$kendo-scheduler-indicators-marginnull
Description
The margin of the Scheduler event indicators.
+
$kendo-scheduler-rtl-indicators-marginnull
Description
The margin of the Scheduler event indicators in rtl.
+
$kendo-scheduler-marquee-label-inset-xnull
Description
The inline inset of the Scheduler marquee labels.
+
$kendo-scheduler-marquee-label-inset-ynull
Description
The block inset of the Scheduler marquee labels.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-scrollview.md b/packages/core/docs/customization-scrollview.md new file mode 100644 index 00000000000..685057aa8f5 --- /dev/null +++ b/packages/core/docs/customization-scrollview.md @@ -0,0 +1,318 @@ +--- +title: Customizing Scrollview +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_scrollview +position: 9 +--- + +# Customizing Scrollview + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-scrollview-border-widthnull
Description
The width of the border around the ScrollView.
+
$kendo-scrollview-font-familynull
Description
The font family of the ScrollView.
+
$kendo-scrollview-font-sizenull
Description
The font size of the ScrollView.
+
$kendo-scrollview-line-heightnull
Description
The line height of the ScrollView.
+
$kendo-scrollview-textnull
Description
The text color of the ScrollView.
+
$kendo-scrollview-bgnull
Description
The background color of the ScrollView.
+
$kendo-scrollview-bordernull
Description
The border color of the ScrollView.
+
$kendo-scrollview-pagebutton-sizenull
Description
The size of the ScrollView page button.
+
$kendo-scrollview-pagebutton-bgnull
Description
The background color of the ScrollView page button.
+
$kendo-scrollview-pagebutton-bordernull
Description
The border color of the ScrollView page button.
+
$kendo-scrollview-pagebutton-primary-bgnull
Description
The primary background color of the ScrollView page button.
+
$kendo-scrollview-pagebutton-primary-bordernull
Description
The primary border color of the ScrollView page button.
+
$kendo-scrollview-pagebutton-shadownull
Description
The box shadow of the ScrollView page button.
+
$kendo-scrollview-pager-offsetnull
Description
The offset of the ScrollView pager.
+
$kendo-scrollview-pager-item-spacingnull
Description
The spacing between the ScrollView pager items.
+
$kendo-scrollview-pager-item-border-widthnull
Description
The border width of the ScrollView pager items.
+
$kendo-scrollview-pager-heightnull
Description
The height of the ScrollView pager.
+
$kendo-scrollview-arrow-tap-highlight-colornull
Description
The text color of the highlight over the tapped ScrollView navigation arrows.
+
$kendo-scrollview-navigation-colornull
Description
The color of the ScrollView navigation arrows.
+
$kendo-scrollview-navigation-icon-shadownull
Description
The box shadow of the ScrollView navigation arrows.
+
$kendo-scrollview-navigation-bgnull
Description
The background color of the ScrollView navigation.
+
$kendo-scrollview-navigation-default-opacitynull
Description
The opacity of the ScrollView navigation.
+
$kendo-scrollview-navigation-hover-opacitynull
Description
The hover opacity of the ScrollView navigation.
+
$kendo-scrollview-navigation-hover-span-bgnull
Description
The hover background color of the ScrollView navigation arrows.
+
$kendo-scrollview-light-bgnull
Description
The background color of the ScrollView pager in light mode.
+
$kendo-scrollview-dark-bgnull
Description
The background color of the ScrollView pager in dark mode.
+
$kendo-scrollview-transition-durationnull
Description
The duration of the ScrollView transition.
+
$kendo-scrollview-transition-timing-functionnull
Description
The timing function of the ScrollView transition.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-skeleton.md b/packages/core/docs/customization-skeleton.md new file mode 100644 index 00000000000..02fad81c6cb --- /dev/null +++ b/packages/core/docs/customization-skeleton.md @@ -0,0 +1,78 @@ +--- +title: Customizing Skeleton +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_skeleton +position: 9 +--- + +# Customizing Skeleton + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-skeleton-text-transformnull
Description
The transform scale of the Skeleton text.
+
$kendo-skeleton-text-border-radiusnull
Description
The border radius of the Skeleton text.
+
$kendo-skeleton-rect-border-radiusnull
Description
The border radius of the rectangular Skeleton.
+
$kendo-skeleton-circle-border-radiusnull
Description
The border radius of the circular Skeleton.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-slider.md b/packages/core/docs/customization-slider.md new file mode 100644 index 00000000000..db10021c816 --- /dev/null +++ b/packages/core/docs/customization-slider.md @@ -0,0 +1,408 @@ +--- +title: Customizing Slider +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_slider +position: 9 +--- + +# Customizing Slider + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-slider-sizenull
Description
The default size of the Slider.
+
$kendo-slider-tick-sizenull
Description
The default size of the Slider tick.
+
$kendo-slider-alt-sizenull
Description
The default size of the Slider's track wrap.
+
$kendo-slider-font-familynull
Description
The font family of the Slider.
+
$kendo-slider-font-sizenull
Description
The font size of the Slider.
+
$kendo-slider-line-heightnull
Description
The line height of the Slider.
+
$kendo-slider-button-offsetnull
Description
The offset of the Slider Buttons.
+
$kendo-slider-button-sizenull
Description
The size of the Slider Buttons.
+
$kendo-slider-button-spacingnull
Description
The spacing of the Slider Buttons.
+
$kendo-slider-button-focus-shadownull
Description
The shadow of the focused Slider Buttons.
+
$kendo-slider-track-thicknessnull
Description
The thickness of the Slider track.
+
$kendo-slider-draghandle-sizenull
Description
The size of the Slider drag handle.
+
$kendo-slider-draghandle-border-widthnull
Description
The border width of the Slider drag handle.
+
$kendo-slider-draghandle-active-scalenull
Description
The transition scale of the active Slider drag handle.
+
$kendo-slider-draghandle-active-sizenull
Description
The size of the active Slider drag handle.
+
$kendo-slider-draghandle-bgnull
Description
The background color of the Slider drag handle.
+
$kendo-slider-draghandle-textnull
Description
The text color of the Slider drag handle.
+
$kendo-slider-draghandle-bordernull
Description
The border color of the Slider drag handle.
+
$kendo-slider-draghandle-gradientnull
Description
The gradient of the Slider drag handle.
+
$kendo-slider-draghandle-hover-bgnull
Description
The background color of the hovered Slider drag handle.
+
$kendo-slider-draghandle-hover-textnull
Description
The text color of the hovered Slider drag handle.
+
$kendo-slider-draghandle-hover-bordernull
Description
The border color of the hovered Slider drag handle.
+
$kendo-slider-draghandle-hover-gradientnull
Description
The gradient of the hovered Slider drag handle.
+
$kendo-slider-draghandle-pressed-bgnull
Description
The background color of the active Slider drag handle.
+
$kendo-slider-draghandle-pressed-textnull
Description
The text color of the active Slider drag handle.
+
$kendo-slider-draghandle-pressed-bordernull
Description
The border color of the active Slider drag handle.
+
$kendo-slider-draghandle-pressed-gradientnull
Description
The gradient of the active Slider drag handle.
+
$kendo-slider-draghandle-focus-shadownull
Description
The shadow of the focused Slider drag handle.
+
$kendo-slider-transition-speednull
Description
The transition speed of the Slider.
+
$kendo-slider-transition-functionnull
Description
The transition function of the Slider.
+
$kendo-slider-draghandle-transition-speednull
Description
The transition speed of the Slider drag handle.
+
$kendo-slider-draghandle-transition-functionnull
Description
The transition function of the Slider drag handle.
+
$kendo-slider-track-bgnull
Description
The background color of the Slider track.
+
$kendo-slider-selection-bgnull
Description
The background color of the Slider's track selection.
+
$kendo-slider-disabled-opacitynull
+
$kendo-slider-tick-horizontal-image"data:image/gif;base64,R0lGODlhAQC0AIABALi4uAAAACH5BAEAAAEALAAAAAABALQAAAIWjIGJxqzazlux2ovlzND2rAHgSIZWAQA7"
Description
The background image of the horizontal Slider tick.
+
$kendo-slider-tick-vertical-image"data:image/gif;base64,R0lGODlhtAABAIABALi4uAAAACH5BAEAAAEALAAAAAC0AAEAAAIWjIGJxqzazlux2ovlzND2rAHgSIZWAQA7"
Description
The background image of the vertical Slider tick.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-split-button.md b/packages/core/docs/customization-split-button.md new file mode 100644 index 00000000000..5bdd01d8103 --- /dev/null +++ b/packages/core/docs/customization-split-button.md @@ -0,0 +1,128 @@ +--- +title: Customizing SplitButton +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_split-button +position: 9 +--- + +# Customizing SplitButton + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-split-button-focus-shadownull
Description
The focus shadow of the SplitButton.
+
$kendo-split-button-arrow-padding-xnull
Description
The horizontal padding of the arrow Button.
+
$kendo-split-button-sm-arrow-padding-xnull
Description
The horizontal padding of the small arrow Button.
+
$kendo-split-button-md-arrow-padding-xnull
Description
The horizontal padding of the medium arrow Button.
+
$kendo-split-button-lg-arrow-padding-xnull
Description
The horizontal padding of the large arrow Button.
+
$kendo-split-button-arrow-padding-ynull
Description
The vertical padding of the arrow Button.
+
$kendo-split-button-sm-arrow-padding-ynull
Description
The vertical padding of the small arrow Button.
+
$kendo-split-button-md-arrow-padding-ynull
Description
The vertical padding of the medium arrow Button.
+
$kendo-split-button-lg-arrow-padding-ynull
Description
The vertical padding of the large arrow Button.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-splitter.md b/packages/core/docs/customization-splitter.md new file mode 100644 index 00000000000..778921125e8 --- /dev/null +++ b/packages/core/docs/customization-splitter.md @@ -0,0 +1,228 @@ +--- +title: Customizing Splitter +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_splitter +position: 9 +--- + +# Customizing Splitter + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-splitter-border-widthnull
Description
The width of the border around the Splitter.
+
$kendo-splitter-font-familynull
Description
The font family of the Splitter.
+
$kendo-splitter-font-sizenull
Description
The font size of the Splitter.
+
$kendo-splitter-line-heightnull
Description
The line height of the Splitter.
+
$kendo-splitter-bgnull
Description
The background color of the Splitter.
+
$kendo-splitter-textnull
Description
The text color of the Splitter.
+
$kendo-splitter-bordernull
Description
The border color of the Splitter.
+
$kendo-splitter-splitbar-sizenull
Description
The size of the Splitter split bar.
+
$kendo-splitter-drag-handle-lengthnull
Description
The length of the Splitter drag handle.
+
$kendo-splitter-drag-handle-thicknessnull
Description
The thickness of the Splitter drag handle.
+
$kendo-splitter-drag-icon-marginnull
Description
The margin of the Splitter drag handle icon.
+
$kendo-splitter-collapse-icon-padding-xnull
Description
The horizontal padding of the collapse icon in the Splitter.
+
$kendo-splitter-collapse-icon-padding-ynull
Description
The vertical padding of the collapse icon in the Splitter.
+
$kendo-splitbar-bgnull
Description
The background color of the Splitter split bar.
+
$kendo-splitbar-textnull
Description
The text color of the Splitter split bar.
+
$kendo-splitbar-hover-bgnull
Description
The hover background color of the Splitter split bar.
+
$kendo-splitbar-hover-textnull
Description
The hover text color of the Splitter split bar.
+
$kendo-splitbar-selected-bgnull
Description
The selected background color of the Splitter split bar.
+
$kendo-splitbar-selected-textnull
Description
The selected text color of the Splitter split bar.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-spreadsheet.md b/packages/core/docs/customization-spreadsheet.md new file mode 100644 index 00000000000..cc7f14b3268 --- /dev/null +++ b/packages/core/docs/customization-spreadsheet.md @@ -0,0 +1,848 @@ +--- +title: Customizing Spreadsheet +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_spreadsheet +position: 9 +--- + +# Customizing Spreadsheet + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-spreadsheet-border-widthnull
Description
The width of the border around the Spreadsheet.
+
$kendo-spreadsheet-font-familynull
Description
The font family of the Spreadsheet.
+
$kendo-spreadsheet-font-sizenull
Description
The font size of the Spreadsheet.
+
$kendo-spreadsheet-line-heightnull
Description
The line height of the Spreadsheet.
+
$kendo-spreadsheet-bgnull
Description
The background color of the Spreadsheet.
+
$kendo-spreadsheet-textnull
Description
The text color of the Spreadsheet.
+
$kendo-spreadsheet-bordernull
Description
The border color of the Spreadsheet.
+
$kendo-spreadsheet-header-bgnull
Description
The background color of the Spreadsheet header.
+
$kendo-spreadsheet-header-textnull
Description
The text color of the Spreadsheet header.
+
$kendo-spreadsheet-header-bordernull
Description
The border color of the Spreadsheet header.
+
$kendo-spreadsheet-header-gradientnull
Description
The gradient of the Spreadsheet header.
+
$kendo-spreadsheet-table-header-bgnull
Description
The background color of the Spreadsheet table headers.
+
$kendo-spreadsheet-table-header-textnull
Description
The text color of the Spreadsheet table headers.
+
$kendo-spreadsheet-table-header-bordernull
Description
The border color of the Spreadsheet table headers.
+
$kendo-spreadsheet-table-header-gradientnull
Description
The gradient of the Spreadsheet table headers.
+
$kendo-spreadsheet-action-bar-border-widthnull
Description
The border width of the Spreadsheet action bar.
+
$kendo-spreadsheet-action-bar-padding-ynull
Description
The horizontal padding of the Spreadsheet action bar.
+
$kendo-spreadsheet-action-bar-padding-xnull
Description
The vertical padding of the Spreadsheet action bar.
+
$kendo-spreadsheet-action-bar-font-sizenull
Description
The font size of the Spreadsheet action bar.
+
$kendo-spreadsheet-action-bar-font-familynull
Description
The font family of the Spreadsheet action bar.
+
$kendo-spreadsheet-action-bar-spacingnull
Description
The spacings of the Spreadsheet action bar.
+
$kendo-spreadsheet-formula-bar-gapnull
Description
The gap of the Spreadsheet formula bar.
+
$kendo-spreadsheet-formula-input-padding-xnull
Description
The horizontal padding of the Spreadsheet formula input.
+
$kendo-spreadsheet-formula-input-padding-ynull
Description
The vertical padding of the Spreadsheet formula input.
+
$kendo-spreadsheet-formula-input-line-heightnull
Description
The line height of the Spreadsheet formula input.
+
$kendo-spreadsheet-formula-bar-icon-paddingnull
Description
The padding of the Spreadsheet formula bar icon.
+
$kendo-spreadsheet-view-font-familynull
Description
The font family of the Spreadsheet view.
+
$kendo-spreadsheet-view-font-sizenull
Description
The font size of the Spreadsheet view.
+
$kendo-spreadsheet-selection-bgnull
Description
The background color of the Spreadsheet selection.
+
$kendo-spreadsheet-selection-textnull
Description
The text color of the Spreadsheet selection.
+
$kendo-spreadsheet-selection-bordernull
Description
The border color of the Spreadsheet selection.
+
$kendo-spreadsheet-selection-shadownull
Description
The shadow of the Spreadsheet selection.
+
$kendo-spreadsheet-single-selection-bgnull
Description
The background color of the Spreadsheet single selection.
+
$kendo-spreadsheet-single-selection-textnull
Description
The text color of the Spreadsheet single selection.
+
$kendo-spreadsheet-single-selection-bordernull
Description
The border color of the Spreadsheet single selection.
+
$kendo-spreadsheet-partial-selection-bgnull
Description
The background color of the Spreadsheet partial selection.
+
$kendo-spreadsheet-active-cell-bgnull
Description
The background color of the Spreadsheet active cell.
+
$kendo-spreadsheet-active-cell-shadownull
Description
The shadow of the Spreadsheet active cell.
+
$kendo-spreadsheet-auto-fill-bgnull
Description
The background color of the Spreadsheet auto fill.
+
$kendo-spreadsheet-auto-fill-textnull
Description
The text color of the Spreadsheet auto fill.
+
$kendo-spreadsheet-auto-fill-bordernull
Description
The border color of the Spreadsheet auto fill.
+
$kendo-spreadsheet-auto-fill-shadownull
Description
The shadow of the Spreadsheet auto fill.
+
$kendo-spreadsheet-auto-fill-punch-bgnull
Description
The background color of the Spreadsheet auto fill punch.
+
$kendo-spreadsheet-cell-padding-ynull
Description
The vertical padding of the Spreadsheet cell.
+
$kendo-spreadsheet-cell-padding-xnull
Description
The horizontal padding of the Spreadsheet cell.
+
$kendo-spreadsheet-cell-editor-line-heightnull
Description
The line height of the Spreadsheet cell editor.
+
$kendo-spreadsheet-cell-editor-padding-xnull
Description
The horizontal padding of the Spreadsheet cell editor.
+
$kendo-spreadsheet-cell-editor-padding-ynull
Description
The vertical padding of the Spreadsheet cell editor.
+
$kendo-spreadsheet-cell-editor-bgnull
Description
The background color of the Spreadsheet cell editor.
+
$kendo-spreadsheet-cell-editor-textnull
Description
The text color of the Spreadsheet cell editor.
+
$kendo-spreadsheet-cell-editor-bordernull
Description
The border color of the Spreadsheet cell editor.
+
$kendo-spreadsheet-resize-handle-bgnull
Description
The background color of the Spreadsheet resize handle.
+
$kendo-spreadsheet-cell-comment-bordernull
Description
The border color of the Spreadsheet cell comment indicator.
+
$kendo-spreadsheet-cell-dirty-bordernull
Description
The border color of the Spreadsheet cell dirty indicator.
+
$kendo-spreadsheet-sheets-bar-padding-xnull
Description
The horizontal padding of the Spreadsheet sheets bar.
+
$kendo-spreadsheet-sheets-bar-padding-ynull
Description
The vertical padding of the Spreadsheet sheets bar.
+
$kendo-spreadsheet-sheets-bar-border-widthnull
Description
The border width of the Spreadsheet sheets bar.
+
$kendo-spreadsheet-insert-image-dialog-border-stylenull
Description
The border style of the Spreadsheet image Dialog.
+
$kendo-spreadsheet-insert-image-dialog-border-widthnull
Description
The border width of the Spreadsheet image Dialog.
+
$kendo-spreadsheet-insert-image-dialog-text-margin-bottomnull
Description
The bottom margin of the Spreadsheet image Dialog.
+
$kendo-spreadsheet-insert-image-dialog-preview-widthnull
Description
The width of the Spreadsheet image Dialog preview.
+
$kendo-spreadsheet-insert-image-dialog-preview-heightnull
Description
The height of the Spreadsheet image Dialog preview.
+
$kendo-spreadsheet-insert-image-dialog-preview-img"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAcwAAAGQCAYAAAAjl1AKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphMGVmMzZmZi04YmI1LTRlN2YtOTcwMS04OTU5ZTg1N2ZhY2MiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDNDOTBDNUQ2OUJGMTFFOTkwMzY4RTI3NjZBQTdENkMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDNDOTBDNUM2OUJGMTFFOTkwMzY4RTI3NjZBQTdENkMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpjMmZmZjM0Mi05NjEyLTQwM2YtYWZhYS01MTE1ZjQ2NThmMWMiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDphYjlhMmUwMy1kNmIwLTY3NGMtODc4ZS0yMjUzMjdkNDI5OTciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz68UHLbAAAgpElEQVR42uzd2ZNc9dnY8TOL9gU0IAkjgwpkI8QOQmI1FS+FHW9VLt/7wpWb900qKV+lTL3vTZzElSvnJilfvM4fkQunfEOw2LUgiUUsNhiMAFsjtIzQrpmJnhOdoaent+np5SyfT1XXiJ4R0hz19Lef31l6ZHZ2NgEAWhu1CQBAMAFAMAFAMAFAMAFAMAFAMAFAMAEAwQQAwQQAwQQAwQQAwQQAwQQAwQQAMuP9/gNGRkZsZQAGop/v8WzCBIA8TJj9GFr9swGUYyAUTHEEoLvn+NxGdLwgG1BEAaoxYY7kNZ55C+bIEu4DoFixHGkT0JE8RTMvwWwXxRHBBKhMQGcbPN8PPZx5COZIh6EcEU+AQgex2fRYH8tm4RxqNIcdzGbxa/dROAGKOT3WhnCk5nOzTX5PbqI5zGB2Estmv24XTwDyO2HOtohi/f25ieawgtkqlvW/HukgnqIJULxY1v96tsV0OvRo5mkfZn0YR5tEs920CUB+o9kokvW3mQ6iWYkJc6RNLOtvo7/85S/X/eIXv/jntWvX/mjZsmVfGRsbG3eNWoCClvOq6enpy1f9/Ysvvvjfv/nNb/7zr3/96zM1oRxN2u/THHhAR/p5odr0D1gYtvpg1kdztObj6N///vf/NDEx8e/Gx8eXeZgBlM+VK1cunzhx4n9u3rz5n65Fc6Zm0my0dFs/tdbGuG9/z2FefL1ROOdi+ZOf/GTl1NTU/920adMvxBKgvOI5/upz/X+I5/x47q8bnEaSnByvMugJs1EkRxoEcyw23Lp16x72UAKojjNnzuxfv379N6/+crrBlDnbbsos44TZ7Mo+aTSPHTv2X8USoHriuT8a0GS6HOqUOewl2QW3OMBnYmLiHz1sAKopGhAtSFqfJTH4aA1pSbbRUmx6m5yc/O833njjv/GQAaiu48eP/6+NGzf+++TLg4AaLc0mSQWWZJuN1iNr1qz5vocKQLVdbcG/TnJ2cZpBBrPV1Xnmps1ly5Zt8lABqLarLdiYNL9YTbOmlCaY9fFsdHm8kbgogYcKQLVda0HTVpR9wuwonq7gA0CD418qtSTbzdQJQIW7macujOZgYwBA7psxmrONIKAA5LIN42XaIFeuXEmmpqaSixcvJjMzMx5qAMOYxEZHkxUrViTr16+P68T2shGVe3uvvohYTk5OCiXAkMXz8Pnz59PhZePGjb2IZj5eCJTlHygmS7EEyFc447m5NJNzWb6ReCUDQL5cuHBBMPP4SgaAfOn39coFEwBypjQH/bhCEAAmTAAQTAAQTAAQTAAQTABAMAFAMAFAMAFAMAFAMAFAMAFAMAFAMAEAwQQAwQQAwQQAwQSAAhkvyzcyMjLiXxMAEyYACCYACCYACCYACCYAIJgAIJgAIJgAIJgAIJgAIJgAIJgAIJgAgGACwBJ5ey8AMGECgGACgGACgGACgGACgGACgGACAIIJAIIJAIIJAIIJAIIJAKXg4usAYMIEAMEEAMEEAMEEAMEEAMEEAMEEAAQTAAQTAAQTAAQTAAQTAErBxdcBwIQJAIIJAAMzbhMA9cbGxpLx8fH0Fr8eHR1NP8auj+wWZmdn527T09PJzMxM+vHKlSvpLX4NggmUKpDLly9Pb8uWLUsD2YnaeMb/o14E9PLly8mlS5fSm4AimEDhRBRXrlyZ3mKSrHXmzJnk5MmTyalTp5IvvvgivV28eDG9RfQigukTyLUpdMWKFWls165dm96uv/76ZMOGDcn69evTz8UtxNR54cKF9BYxBcEEcivCtmrVqrmIZYGcnJxMPv300+Rvf/tbGsZMLLc2ky29nj9/Pv3vY8eOzft8/Bk33XRTsmXLlmTTpk3JunXr5qIaf0b8vpg8oQhGWv0w9OQP+PJ0j5Gaj9lttOYW6zljV/8+J7v5c+p/UIFkQbzWrFkzb5r88MMPk7/85S9pKOt18tzQ6msafe7mm29Otm3bltx2223zonv27Nl5kaZc4sVSl/3YcPXD9LXbTM1ttuaW1HxM+tk0wYSSi32SMdHFx5BNku++++7c0mqvItlpROPvsmPHjrnJM8TfJZZ+6/9OCKZgCib0VeyjjFDGPsrw+eefpxPlO++80/NpsptpM3PXXXelE+eNN96Y/nfs34xw2scpmIIpmNB3sfwa+wuzo13/9Kc/JXv37h1oJFt9vtH9jz32WLJ9+/b01xHL2K9qmVYwBVMwoW8/bxHKbKr8+OOPkwMHDqT7CPMwTbb7XEzEu3fvTrZu3To3bUY4+/08hWAKJlRInAcZp3HE/sE49ePgwYPpfsphT5OLnTRD7N/ctWtX+j3FPs2pqSnncArm0IPptBIogYjkddddly7BxkE9L7/8cseT2bCmyVb3HzlyJDl69Gjy1FNPpU+2cU7n6dOnHRDEUJVmwownCaiiOK8yJsv4WfvrX/+avPTSS+mpGkWZJlt9LibMiGYcFBRfE5Om8zaLZ+PGjaWYMF18HQosDu7JYvn+++8ne/bsaRnL7Lqv3Xy+9rqx3Xyu099Te398L88++2zy3nvvpd9jduUgGAZLslDgyTIO8ImQ/PnPf05eeeWVQk+Tre6PFwLxMY6ije85fm3SZNBMmFDEV7rj43OTZbNYFm2abHf/888/nx7ElE2a9de/BcEE5v/Qjo6mB/hky7D1sew2hJ3+3l4GdLH3x6SZLc9mBzmBYAILZNNVhOKjjz5Kj4btVQjzNE22uv+5555LPvjgg3kvHGAQxsv0RAJlFxdPj1NI4jJ3EctBnxLS632Tnd7fKJqxLTZv3pxe7CAupQcmTCCVvS1XiGXYZuckLnVizNM02ey++N4jmnExg7iqkSNnEUwgFSsoMUmF2Id34sSJjqPWj8/18/5O4xlvbp3tv41p0yoTggmkQYh9dnFt2FdffbWjqbCbyXCQU2Mn02S7qL7xxhvp+3nGtoltBIIJFRanT2QXU9+3b1/HU+FiJr28TpOdRPXFF19MP8Y2cqoJggkVVrsUGwe3DOKUkF6dKtLLabLZ/XHN3LfeemvetgLBhIqJg1liaoqjYltdnGBQ50cOI4jtvjZ+/cc//jF9x6LYVg4AQjChgrKjYuO8w35Nk0sJaK+j2s3XZuJNsmu3GQgmVEScRhITU0xOb7/9du5PCRnENNnqaw8dOpR89tln6TaLbQeCCRWRHejzySef5PpydYOcJuuXYuvvi7c3q912IJhQ9h/M0dH0ij7hnXfeyd00OYggtvvaRvcdPnx4bjp3nVl6zaXxIIfiwJV4TMf1YrO3scr75ery8LWxreIdTeJtwGLKPH/+vAcTJkwoezBDHOxjmmy/FFt7fwSzdhuCCRPK+ip2dDQ9cGVqaiqdMAc5NRZpmmx2X2yzuGze9ddfn27LmZkZDypMmFBG2RGecXTsoKfGok2TzX7/p59+Om9bgmBCCWUH+xw9ejT3R7q2+38sNZ7d/v4PP/xw3raEXrAkCzkNZjYl1YahmaUudy72/n4spfby98dF6gUTwYQSGxsbS4+Ojf2XFy9e7Hv4ihrEdvfF0bHZfszYpvG+mSCYULJghtOnTw88fGWL5+TkZBrMOIBKMOkF+zAhh8GM6ag+BHm++Hke92MeP3583jYFEyaU6RXstavTxIRpmlza12bb0BV/EMw6rvRDKX4gr70BcuzDbDRFDTuIRYpnbMNswvT8gGBCyWRP7OfOnRPEJX5ttg3FEsGEEgfzwoULhb/izrDjmV1HVjARTChxMOsv5yaei//aK1euCCaCCWUPZrzrhiAu/Z1LBBPBhJJbygE/4tn6qkggmFCSUMZEFJd0u3z5cqGClLe/a3bhdfFEMKHEwYxTIbIlxbIEbdDnlGYXLBBMBBNKGsxsOsqO8ixj/AYRz5UrVwomggllD+bq1asXXB4vD0Ea9u9fzP8jtqFg0kuuGQU5kl0kfP369fNiMKjrr/bjWrG9vNbsYq6Zm21DF17HhFnHoeOUQXb+5XXXXVf5pdil/j9iG2bb1PMDggklnTA3bNhQyCAO+mtb3b9x48Z5L0JAMKGEwYz3cazaOZK9jmcWzOyKPyCYUCIxDcWTfiwnxlGecU3ZPMQv79Nk/f2rVq1KJiYm0vtNmPSKg34gZ+KCBWHLli2FPDCn26/t9v/R6P9z6623ztuWIJhQQtkSYvak30lMlhq0QQSxl0fAtro/brfddtu8bQm9YEkWcjphfuUrX6nc1Xl6df9Xv/pVEyYmTCi72OcWB//Efsxt27a1nMSKuhTbr/tDTJc33HBDug3tv0QwoeSy68h+/etfL/xS7CDvj9s999wzbxtCr1iShZwGM470jAkzrivbi/fHHPTyar+XYht9LrbV3XffLZiYMKEqYikx2/9233335XqaHNaU2ehzDz/8cPoxtp3lWASTwjt+/LiN0IGLFy+mH7du3drz+PU6fIPYN9ns/trP3X777fO2HfSSa8ky8Fg+//zzyZNPPpls2rTJBmkhTomIA1fiaNkHHnggOXjw4IJINApHs6AM6msHcX+jz+3evTu55ZZb0m0W285zAiZMCh3LPXv2pO/zGNE8duyYjdJGdqWfOPin22kyr0fALnaKbfe5u+66a942A8Gk8LHMntREs73YFxcT00033ZR885vfzEUQlxq9pQS02ee+973vJTfffHO6rZx7iWBSmljWTk+i2d65c+fSj/fee2+ybt26wl6urpcBrf1cvO/lQw89NG9bgWBSyFhGFOtjKZqdi6kpO0XiqaeeGug02cvL1fXi9zT6fU8//XT6MbaRN4tGMCl0LNu96s+iOTk5aaM1ES84IhJf+9rXkm9961uluMBAN9Nk/ed37dqVbN++Pb2/2YsyEExKEcvaaMayrWgmTYORbcs4LzN7r8eiXK6uV9NkrXiT7XjxUPuCAgSTQsYynsTi0P5Ob3HunEmzuTiYJTu/8Dvf+U4yPj5eqWmy9vPxvf/4xz9OP8ZSrKv6IJgUOpbdsDzbfvtkR81+97vfXXTI8nKBgW4/l30+YhnvSBLbwlIsgkkhY/nCCy8s+QlMNJuLYJw9ezb9eMcdd8xFMy9TZi8/1+zPi1ju2LFj3raAQRjp94Ot5mobIzUfs9tozW0sblf/Pie7+XNOnz7tX3OIIm69iGWtlStXuiJQE2NjY8maNWvSn6833ngj+cMf/tAwNs0i1Iv7h/G5H/7wh+lVj7JYOiq2GOKt6rrsx4arH6av3WZqbrM1t6TmY19fQJkwyWUss0kz/r9OOVkoQhEHAcWTQ5yfWTtplmmarPWDH/xgLpbxvYslgyaYLEm2DBtxW8wBPos5EEg0G4vrpWZHh0Y042o3ebtcXSch7OTzP/rRj5IHH3xw7vSR+N5BMClULGNfY7+v3SmazcWRs9mkGW+cnB05mofL1S31SNjsaNif/vSnyf333z83Wbr0HcNiHya5jmWtFStW2KfZRO0+zU8++ST5/e9/n5w8eXIuPq2mt8Xcv5TPLfbzExMT6QuAeAcS+yyLrSz7MAWTrmLZj32WncgOBMpO3OdLo6OjyerVq9N4Rliee+65ZP/+/T0J3lJC2M3vjSv4fPvb306WLVs2t7/WG0ILpmAKpliKZk9/3mL7LF++PP3v9957L3n22WfTn488T5O1T6xxbdg777wz/e+4IEGsYjh1RDAFUzALGcs8vN9gtjwrmo3FZLZq1aq5n7948+n6U0+GMU22+prvf//7yc6dO+e+Jl6U2V8pmIIpmGIpmgOfNj/99NPk7bffTvbu3ZuLaTLzyCOPJHfffXeyZcsWU6VgCqZgFtvnn38+9GVY0exeHGka4Yx9m+Ho0aPJBx98kOzbty+NU7+WZFt9Tfy77d69O9m2bVt6UE+IfZURSqeMCKZg9jmYU1NTHpV9nCzzfL3OiMETTzzh6NkOwhmhysIZ3n333eTNN99MPw5imox9k3H6S1zaLhOhjFOHhLK84k2+BVMwxVI0CxnO2McZt9pVhI8//jh5//33k48++mjBv3m302TsR926dWv6Pp633nprcsMNN8x9LvZPxk0oBVMwBbPwsXzxxRcL9U4QlmcX/7OZhbN26swCGheKiNupU6fSW5zakV1lJ3s7rez3xwuWOA/0+uuvT2/xb7B58+Z5gcymySyU9lEKpmAKpljmYNIUzcWJczhj8oxwxsean9slieeXCGyEMj46l1IwBVMwSyMmi4hlTBNFJZq9CWjEMz5mt+z6vrU/19nzR3YpuwhidotICiSCKZiljmUZ3pA3lmdFEwSzpy8k/VNStliGOOoyvh9vQg0IJmLZQTRfeukl0QQEE7FsJ06EF01AMFlyLCMm/Xrz57zcskkzjv4FEEy6imVZJ8t62T5N0QS6VZqjZM+cOeNfcxGxLPMybCtxysnjjz/u6FkYoHXr1nXbD0fJIpbDYp8mYMI0YXYcyzy9RdewxHmaJk0wYZowaRjL7AAfnHICCCYtYlnVZdhW0Xz55ZdFExBMxLKdmLgjmo6eBdqxD7PETpw4IZYdyvZp3njjjTYG9Jh9mIhlibi4AVCZCfOLL77wr3mNA3yWNmk+9thjjp6FHlq7dq0JE7Es46TpQCBAMCsQy3iyF0vRZPg8fgSTnMfSPsveRfOVV17xpEdXYl/4888/nxw7dszGKBH7ME2WtJDt03T0LIuJ5Z49e9IXr3Ht4m984xvJpk2bKr1N7MMkF+JoWLHs76TpPE26iWWIn0uTZnkIplgimvQhlhnRFExyEkv7LEWTfMQyotjszdjj8fPCCy+IZsHZh2myZBFin+ajjz5qnyYLYtnJi9fYp/nkk09Wbp9mWfZhliaYZ8+ercQDzwE++YmmixsQR1F3GsvaaFbtQKA1a9aUIpiWZAsWyzjVQSyHyykn1May2TJss1s8fuzTLCbBLFgs7bMUTfIVy24fP6JZPJZkC8A+y/yyT7OasYwDeHrx4rUq+zQtySKWzE2ajp4Vy27Ez7WjZ4tDMMUS0WQIsRTN4rEkm+NYOsCnWGJ59pFHHrE8W0K151n2SyzPPvHEE6VcnrUki1iyYNJ89dVXTZpi2fWk+eKLL5o0c0wwxRLRZMixFE3BRCxFk0LHMvYtDvrnUTTzqzT7MM+dO1fof4g4zzKeZMWyPOzTLK5+HeCzGGU65WT16tXd9sM+TMTSpEneY7nYK/j0+haPH5NmvgjmkMUyrFiWO5p79+4VzQLGMg8sz+aLJVmxZABieXb37t2WZ3Ms22eZx8tPFv2UE0uyiCUmTbE0aVaIYIolA4zmvn37RFMsRVMwEUs6edITzfzFctgH+DgQqBjswxxwLGNZTizJ9mnecMMNNsYQYxnxKeJb5mX7NIvyJub2YSKWdC3bpxmnFDF4sd0jlkWZLJtNmt6P1YRZugnz5MmT6TJsPMih1vLly02aQ4plGd6MPSbNxx9/PPeTZlkmzNIEM68PfpMl7cTy7K5du5xyMgBFXoZtF808n3KyatWqUgTTkqxYMmSOnhXLpYjnl5deesny7ACYMPscS8uwdMrybP9jWeYXr7FSkdcDgUyYiCU9denSJQcC9SmWMYGVfaUnnm9Mmv0lmH2IZSyviSXdRjMeP6LZ21iWbRm2Gcuz/WVJVizJoViejQOBLM+KZTfydvRsWZZkBVMsEc3SqT3Psqpin2ZeomkfJnPiPMv9+/eLJT0Vy7PxuLI8K5bdiOejl19+2fKsCTM/E2bE0mRJvyfNhx9+2KQpll2J5dnHHntsqJOmJVnBFEsGGs1Ynp2YmLAxWsSyCkfDdiNbnh3WxTEsyVacWDJI2fJs7CtHLBcrO+XExTFMmKlB/qDEk5Z9lgxr0rQ8O19VzrPshWEtz8afa8KsILEkD5OmA4HEstvBwoFAJsyB/MBYhiUvYp/Uzp07Kz1pWoZd2uNnkJOmCbNixJI8icfhgQMHKjtpiuXSHz8mTRNm32JpGZY8in2aVZs0xbK3k9+jjz7a90nThFmhyVIsyavYpxmTZlWOno1YxmQklr0R2/GVV15x9KwJUyyp1qQZR8+W+TxNseyfbJ9mv87TLMuEKZgtYhmv3MWSIkUzlmfLGE2xLHY0LcmWmFhSRGVdnhXLwcgOBLI8K5hiiWgWUHwfsY9NLAcXTfs0W0y8lmS/dOrUqXSfZTzpQJHF8uxDDz1U6OXZiKXJcjhieTaOnu3V8qwl2ZKJWMYrc7GkLJPmwYMHCztpiqVJM48EsyaWlmEp25NeEaMplqKZV6VZku02drHP8rXXXhNLSqtIy7NxgE88SQ/r/W1ZKLu4wVKWZ2OJt8t+OK0kL8EUS6oinrAefPDBXEczi6XJMp+Pn6VEsyzBrOySrFhSJXlfnhXL/D9+LM9WdMKMfZZiSRXF8mzeJs3s1BHLsOWdNC3JFjSYYoknvRXJAw88kItoOs+ymI+fRx55ZFHRFMwCBjOLpVNHMGkuH3o0xbI60bQPs2AilrEPRyzh/5+neejQoXRf/rBi+eqrr4plQcWAEv9+VdunWYlgZrG0DAvDj2YWS/ssix/NvXv3VupNzEu/JCuW0Fq2T3PDhg0mS7p6/MTybKs3MbcPswDBPH36tH2W0IFsn2Y/oxmTrH2W1YymYOY8mBFLkyXkI5oRS5Nl+aO5e/fuhtF00E/ORJizm1jC4tXu06z9eVrqTSyroXafZv1joDSdKcuEmS27OhoW8jNp2mdZ3Umz9pSTeEyVYcIsVTAjlvEK2WQJw49mxDImDrGsZjR37do1F03BzFkwjx07lsbSZAm9sWzZsq6jKZbURrMswSzNPkyxhN66fPlycvjw4UWfpymWhFjp27dvX6nO0yxNMMUS+vNztZhoiiX10YzHQ1mMl+UbKdORWJDHSfP+++9vuTwbUY2JIp4k/TxSxmFm1D8n0Gk0m02acb/JkrITTKDjaL7++uvp0ehiiWACtBDLa0eOHEmmp6fFksqxDxPoWJxqct999yVjY2NzsbTPEhMmQF0sd+7cmaxdu3beAT4gmADXxInnEct169bNxdIyLFVjSRZoO1k+9NBDaSzjPEuxRDABWsQyJsv9+/fbZ0llWZIFOoqlyRITZkl4xQu9j2XtAT5iiWACtImlZViwJAu0iGW2zxKwJAtkTwbj4wtiaRkWShhMYGmT5YMPPpjGMq4V62hYWMiSLIjlvFi6gg+UfML0Shi6eAIYH284WQIlDiaw+MnygQcesAwLJkygVSzvv//+BVfwAUyYQIPJUixBMIEOYnngwIH0TaGt0ECFgukHHtrHMpZha2NpsoTOOa0ExBKo0oQJtI9lHA372muvWYaFKgfTDz80+AEfH58XS5MlCCbQYLK877775k4dMVnC0tiHCRWJpckSTJgpr5rh2g/1+LhYgmACnUyW2dGwBw8eFEsQTKCTWFp9AcGcx5MClf5BvrYMa7KE/nHQD4glUKUJE6oolmHvvffeufMsDx065NQRMGECrWJpsgQTZke8oqZSP7jj42IJggm0myzvueeeebG0DAuCacKEusmyUSwBwQRqYhnLsGvWrJl3gA8wGA76gYLG0j5LMGECNbJ9llksDx8+bJ8lCGb3PHlQ1smyPpYmSxgOS7JQgFiePn1aLMGECdSLZdi777577mhYy7AgmD3jiYQyTZb1sTRZgmACdbG0zxIEE2ghW4Z1NCwIZl95UqHok2WjWAL54ShZyFksX3/9dbEEwQSaxTJOHYlY2mcJOf15tQkgH7G0zxIEcyA8yVC0WN51110LYgkIJtAklrEMe/nyZS/6IOfsw4Qhx9JkCSbMgfLqnKLEcvXq1WIJggl0Ess33njDMiwUjCVZGEIsTZZgwhwar9TJayx37NghlmDCBDqN5ZtvvimWYMI0YUJ9LO+8884FsfQ4BRMmUDdZxqkjU1NTyVtvvWWyBBMm0CiWJksQzNzyhEQeYtloGRYoB0uy0IdYWoYFwQQ6iKW36ALBBMQSqvnzXpZvxD5MhhHL7du3L1iG9VgEE2aujY2N+ddkKLGMU0eOHDlinyWU/Lm5NBPm+vXrk5MnT3p0MvBYmiyhuYmJCcHMm1tuuSU5c+ZMMj097RFKX18tN4ol0PjF5W233Vaa72dkdna2v3/Al6+6R2o+ZrfRmlvM7WNX/z5dj4kXLlxIjh49mj6RCSf9+OG/4447xBI6eGEZk2XEMn5eltCPDVc/TF+7zdTcZmtuSc3HpJ9Ny0MwR67FMn49vpRgAlAe14J55Vokp6+FcWjBzMtBPwu+aQAqL1dtGM3JxgCAXDdjNGcbQkAByGUXRvO2Qaanp0UToOJmZmZyF85hBbPRN5/ed+UqDxWAart8+fKVVq0oezAb7bydrdsAsxcuXJj0UAGotnPnzk0mLY6GTYZwQFBelmTnfn3mzJnfe6gAVNupU6f+T5NADk2eTitJb7/97W//+eoo7qoDABV16dKl6d/97nf/1GDCHKpBXrgg/c8GHxdc9efEiRP/bcOGDf/Wwwagej744IP/sW3btv+YdHZ1n3kRK8uVfmpDWR/LBVf+OX/+/HMrV67c6aEDUB3Hjh07sHnz5n+VNL+yT/3EObBgDnpJttnRTvW3mZ/97GdPX7hw4S0PH4BqmJycPPLzn//86RaRnG3TlP4OgAOeMJtNmUndhDm3RHvixIn/snr16n9YsWLFMg8ngPK5Ohxd/uyzz357++23P5MsXIKdSRaeUdE0mGW/luxsk4kzvdjuxMTEM7/61a9uPXr06L9MTU19dunSpSv9jjwA/RMXJbh48eKVkydPfvbhhx/+yzPPPHPr1Vj+MvnyXUnaLr0OwzAmzEZTZu202ektafARgHxqdLDOYm5JJwHtZ9PGc7IRRxpsiFaRHGkRXgDyGctGwUzaBDI371gyPsSNN9Immo3imYglQKmimXQQyaEe7JOHCbNVNEeabKDa++sjKZoA+Y9lJ/HMXSyHHczFTpr1X18fTkcCAZQnnLmKZR6C2SyaSdJ+iTYXGxCAvsUzN7HMSzAbRbCTcAJQnmC2imIuGjCew4030mZDCShAeaOZu1DmMZiNNtBI3jcgAAONqGAuYsM5GhZAHAWzbBsYgHIYtQkAQDABoCf6viTrnUUAMGECgGACAIIJAIIJAIIJAIIJAIIJAIIJAIIJAIIJAAgmAAgmAAgmAAgmAAgmAAgmAAgmACCYACCYACCYACCYACCYAFB0/0+AAQDHHxQEMMRIrwAAAABJRU5ErkJggg=="
Description
The image of the Spreadsheet image Dialog preview.
+
$kendo-spreadsheet-insert-image-dialog-preview-bordernull
Description
The border of the Spreadsheet image Dialog preview.
+
$kendo-spreadsheet-insert-image-dialog-preview-border-radiusnull
Description
The border radius of the Spreadsheet image Dialog preview.
+
$kendo-spreadsheet-insert-image-dialog-preview-overlay-shadownull
Description
The shadow of the Spreadsheet image Dialog preview.
+
$kendo-spreadsheet-insert-image-dialog-preview-overlay-border-radiusnull
Description
The border radius of the Spreadsheet image Dialog preview overlay.
+
$kendo-spreadsheet-insert-image-dialog-overlay-hover-textnull
Description
The text color of the hovered Spreadsheet image Dialog preview.
+
$kendo-spreadsheet-drawing-handle-widthnull
Description
The width of the Spreadsheet drawing handle.
+
$kendo-spreadsheet-drawing-handle-heightnull
Description
The height of the Spreadsheet drawing handle.
+
$kendo-spreadsheet-drawing-handle-border-stylenull
Description
The border style of the Spreadsheet drawing handle.
+
$kendo-spreadsheet-drawing-handle-border-widthnull
Description
The border width of the Spreadsheet drawing handle.
+
$kendo-spreadsheet-drawing-handle-outline-colornull
Description
The border color of the Spreadsheet drawing handle.
+
$kendo-spreadsheet-drawing-handle-border-colornull
Description
The outline color of the Spreadsheet drawing handle.
+
$kendo-spreadsheet-drawing-handle-bgnull
Description
The border color of the Spreadsheet drawing handle.
+
$kendo-spreadsheet-drawing-handle-border-radiusnull
Description
The border radius of the Spreadsheet drawing handle.
+
$kendo-spreadsheet-drawing-outline-stylenull
Description
The outline style of the Spreadsheet drawing.
+
$kendo-spreadsheet-drawing-outline-widthnull
Description
The outline width of the Spreadsheet drawing.
+
$kendo-spreadsheet-drawing-anchor-bgnull
Description
The background color of the Spreadsheet drawing anchor.
+
$kendo-spreadsheet-dropzone-spacing-ynull
Description
The vertical spacing of the Spreadsheet DropZone.
+
$kendo-spreadsheet-filter-paddingnull
Description
The padding of the Spreadsheet filter.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-stepper.md b/packages/core/docs/customization-stepper.md new file mode 100644 index 00000000000..b084d4140f6 --- /dev/null +++ b/packages/core/docs/customization-stepper.md @@ -0,0 +1,728 @@ +--- +title: Customizing Stepper +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_stepper +position: 9 +--- + +# Customizing Stepper + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-stepper-margin-xnull
Description
The horizontal margin the Stepper.
+
$kendo-stepper-margin-ynull
Description
The vertical margin the Stepper.
+
$kendo-stepper-padding-xnull
Description
The horizontal padding the Stepper.
+
$kendo-stepper-padding-ynull
Description
The vertical padding the Stepper.
+
$kendo-stepper-label-margin-xnull
Description
The horizontal margin the Stepper label.
+
$kendo-stepper-label-padding-xnull
Description
The horizontal padding the Stepper label.
+
$kendo-stepper-label-padding-ynull
Description
The vertical padding the Stepper label.
+
$kendo-stepper-label-border-radiusnull
Description
The border radius of the Stepper label.
+
$kendo-stepper-border-widthnull
Description
The width of the border around the Stepper.
+
$kendo-stepper-inline-content-padding-xnull
Description
The horizontal padding of the Stepper content.
+
$kendo-stepper-inline-content-padding-ynull
Description
The vertical padding of the Stepper content.
+
$kendo-stepper-font-sizenull
+
$kendo-stepper-line-heightnull
+
$kendo-stepper-font-familynull
+
$kendo-stepper-bgnull
Description
The background color of the Stepper.
+
$kendo-stepper-textnull
Description
The text color of the Stepper.
+
$kendo-stepper-bordernull
Description
The border color of the Stepper.
+
$kendo-stepper-indicator-widthnull
Description
The width of the Stepper indicator.
+
$kendo-stepper-indicator-heightnull
Description
The height of the Stepper indicator.
+
$kendo-stepper-indicator-border-widthnull
Description
The border width of the Stepper indicator.
+
$kendo-stepper-indicator-border-radiusnull
Description
The border radius of the Stepper indicator.
+
$kendo-stepper-indicator-focus-border-widthnull
Description
The border width of the focused Stepper indicator.
+
$kendo-stepper-indicator-focus-sizenull
Description
The size of the focused Stepper indicator.
+
$kendo-stepper-indicator-focus-offsetnull
Description
The offset of the Stepper's focused indicator.
+
$kendo-stepper-indicator-focus-calc-offsetnull
Description
The calculated offset of the Stepper's focused indicator.
+
$kendo-stepper-indicator-bgnull
Description
The background color of the Stepper indicator.
+
$kendo-stepper-indicator-textnull
Description
The text color of the Stepper indicator.
+
$kendo-stepper-indicator-bordernull
Description
The border color of the Stepper indicator.
+
$kendo-stepper-indicator-hover-bgnull
Description
The background color of the hovered Stepper indicator.
+
$kendo-stepper-indicator-hover-textnull
Description
The text color of the hovered Stepper indicator.
+
$kendo-stepper-indicator-hover-bordernull
Description
The border color of the hovered Stepper indicator.
+
$kendo-stepper-indicator-disabled-bgnull
Description
The background color of the disabled Stepper indicator.
+
$kendo-stepper-indicator-disabled-textnull
Description
The text color of the disabled Stepper indicator.
+
$kendo-stepper-indicator-disabled-bordernull
Description
The border color of the disabled Stepper indicator.
+
$kendo-stepper-indicator-done-bgnull
Description
The background color of the Stepper's done indicator.
+
$kendo-stepper-indicator-done-textnull
Description
The text color of the Stepper's done indicator.
+
$kendo-stepper-indicator-done-bordernull
Description
The border color of the Stepper's done indicator.
+
$kendo-stepper-indicator-done-hover-bgnull
Description
The background color of the Stepper's hovered done indicator.
+
$kendo-stepper-indicator-done-hover-textnull
Description
The text color of the Stepper's hovered done indicator.
+
$kendo-stepper-indicator-done-hover-bordernull
Description
The border color of the Stepper's hovered done indicator.
+
$kendo-stepper-indicator-done-disabled-bgnull
Description
The background color of the Stepper's disabled done indicator.
+
$kendo-stepper-indicator-done-disabled-textnull
Description
The text color of the Stepper's disabled done indicator.
+
$kendo-stepper-indicator-done-disabled-bordernull
Description
The border color of the Stepper's disabled done indicator.
+
$kendo-stepper-indicator-current-bgnull
Description
The background color of the Stepper current indicator.
+
$kendo-stepper-indicator-current-textnull
Description
The text color of the Stepper current indicator.
+
$kendo-stepper-indicator-current-bordernull
Description
The border color of the Stepper current indicator.
+
$kendo-stepper-indicator-current-hover-bgnull
Description
The background color of the Stepper's hovered current indicator.
+
$kendo-stepper-indicator-current-hover-textnull
Description
The text color of the Stepper's hovered current indicator.
+
$kendo-stepper-indicator-current-hover-bordernull
Description
The border color of the Stepper's hovered current indicator.
+
$kendo-stepper-indicator-current-disabled-bgnull
Description
The background color of the Stepper's disabled current indicator.
+
$kendo-stepper-indicator-current-disabled-textnull
Description
The text color of the Stepper's disabled current indicator.
+
$kendo-stepper-indicator-current-disabled-bordernull
Description
The border color of the Stepper's disabled current indicator.
+
$kendo-stepper-label-textnull
Description
The text color of the Stepper label.
+
$kendo-stepper-label-success-textnull
Description
The success text color of the Stepper label.
+
$kendo-stepper-label-error-textnull
Description
The error text color of the Stepper label.
+
$kendo-stepper-label-hover-textnull
Description
The text color of the hovered Stepper label.
+
$kendo-stepper-label-disabled-textnull
Description
The text color of the disabled Stepper label.
+
$kendo-stepper-optional-label-textnull
Description
The text color of the optional Stepper label.
+
$kendo-stepper-optional-label-opacitynull
Description
The opacity of the optional Stepper label.
+
$kendo-stepper-optional-label-font-sizenull
Description
The font size of the optional Stepper label.
+
$kendo-stepper-optional-label-font-stylenull
Description
The font style of the optional Stepper label.
+
$kendo-stepper-progressbar-sizenull
Description
The size of the Stepper ProgressBar.
+
$kendo-stepper-progressbar-bgnull
Description
The background color of the Stepper ProgressBar.
+
$kendo-stepper-progressbar-textnull
Description
The text color of the Stepper ProgressBar.
+
$kendo-stepper-progressbar-fill-bgnull
Description
The background color of the selected Stepper ProgressBar.
+
$kendo-stepper-progressbar-fill-textnull
Description
The text color of the selected Stepper ProgressBar.
+
$kendo-stepper-content-transition-propertynull
Description
The property name of the Stepper transition.
+
$kendo-stepper-content-transition-durationnull
Description
The duration of the Stepper transition.
+
$kendo-stepper-content-transition-timing-functionnull
Description
The timing function of the Stepper transition.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-switch.md b/packages/core/docs/customization-switch.md new file mode 100644 index 00000000000..501081b9d4e --- /dev/null +++ b/packages/core/docs/customization-switch.md @@ -0,0 +1,598 @@ +--- +title: Customizing Switch +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_switch +position: 9 +--- + +# Customizing Switch + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-switch-font-familynull
Description
The font family of the Switch.
+
$kendo-switch-track-border-widthnull
Description
The border width of the Switch track.
+
$kendo-switch-thumb-border-widthnull
Description
The border width of the Switch thumb.
+
$kendo-switch-label-text-transformnull
Description
The text transform of the Switch label.
+
$kendo-switch-label-displaynull
Description
The display of the Switch label.
+
$kendo-switch-sizesnull
Description
The map with the different Switch sizes.
+
$kendo-switch-off-track-bgnull
Description
The background of the track when the Switch is not checked.
+
$kendo-switch-off-track-textnull
Description
The text color of the track when the Switch is not checked.
+
$kendo-switch-off-track-bordernull
Description
The border color of the track when the Switch is not checked.
+
$kendo-switch-off-track-gradientnull
Description
The background gradient of the track when the Switch is not checked.
+
$kendo-switch-off-track-hover-bgnull
Description
The background of the track when the hovered Switch is not checked.
+
$kendo-switch-off-track-hover-textnull
Description
The text color of the track when the hovered Switch is not checked.
+
$kendo-switch-off-track-hover-bordernull
Description
The border color of the track when the hovered Switch is not checked.
+
$kendo-switch-off-track-hover-gradientnull
Description
The background gradient of the track when the hovered Switch is not checked.
+
$kendo-switch-off-track-focus-bgnull
Description
The background of the track when the focused Switch is not checked.
+
$kendo-switch-off-track-focus-textnull
Description
The text color of the track when the focused Switch is not checked.
+
$kendo-switch-off-track-focus-bordernull
Description
The border color of the track when the focused Switch is not checked.
+
$kendo-switch-off-track-focus-gradientnull
Description
The background gradient of the track when the focused Switch is not checked.
+
$kendo-switch-off-track-focus-ringnull
Description
The ring around the track when the focused Switch is not checked.
+
$kendo-switch-off-track-disabled-bgnull
Description
The background of the track when the disabled Switch is not checked.
+
$kendo-switch-off-track-disabled-textnull
Description
The text color of the track when the disabled Switch is not checked.
+
$kendo-switch-off-track-disabled-bordernull
Description
The border color of the track when the disabled Switch is not checked.
+
$kendo-switch-off-track-disabled-gradientnull
Description
The background gradient of the track when the disabled Switch is not checked.
+
$kendo-switch-off-thumb-bgnull
Description
The background of the thumb when the Switch is not checked.
+
$kendo-switch-off-thumb-textnull
Description
The text color of the thumb when the Switch is not checked.
+
$kendo-switch-off-thumb-bordernull
Description
The border color of the thumb when the Switch is not checked.
+
$kendo-switch-off-thumb-gradientnull
Description
The background gradient of the thumb when the Switch is not checked.
+
$kendo-switch-off-thumb-hover-bgnull
Description
The background of the thumb when the hovered Switch is not checked.
+
$kendo-switch-off-thumb-hover-textnull
Description
The text color of the thumb when the hovered Switch is not checked.
+
$kendo-switch-off-thumb-hover-bordernull
Description
The border color of the thumb when the hovered Switch is not checked.
+
$kendo-switch-off-thumb-hover-gradientnull
Description
The background gradient of the thumb when the hovered Switch is not checked.
+
$kendo-switch-on-track-bgnull
Description
The background of the track when the Switch is checked.
+
$kendo-switch-on-track-textnull
Description
The text color of the track when the Switch is checked.
+
$kendo-switch-on-track-bordernull
Description
The border color of the track when the Switch is checked.
+
$kendo-switch-on-track-gradientnull
Description
The background gradient of the track when the Switch is checked.
+
$kendo-switch-on-track-hover-bgnull
Description
The background of the track when the hovered Switch is checked.
+
$kendo-switch-on-track-hover-textnull
Description
The text color of the track when the hovered Switch is checked.
+
$kendo-switch-on-track-hover-bordernull
Description
The border color of the track when the hovered Switch is checked.
+
$kendo-switch-on-track-hover-gradientnull
Description
The background gradient of the track when the hovered Switch is checked.
+
$kendo-switch-on-track-focus-bgnull
Description
The background of the track when the focused Switch is checked.
+
$kendo-switch-on-track-focus-textnull
Description
The text color of the track when the focused Switch is checked.
+
$kendo-switch-on-track-focus-bordernull
Description
The border color of the track when the focused Switch is checked.
+
$kendo-switch-on-track-focus-gradientnull
Description
The background gradient of the track when the focused Switch is checked.
+
$kendo-switch-on-track-focus-ringnull
Description
The ring around the track when the focused Switch is checked.
+
$kendo-switch-on-track-disabled-bgnull
Description
The background of the track when the disabled Switch is checked.
+
$kendo-switch-on-track-disabled-textnull
Description
The text color of the track when the disabled Switch is checked.
+
$kendo-switch-on-track-disabled-bordernull
Description
The border color of the track when the disabled Switch is checked.
+
$kendo-switch-on-track-disabled-gradientnull
Description
The background gradient of the track when the disabled Switch is checked.
+
$kendo-switch-on-thumb-bgnull
Description
The background of the thumb when the Switch is checked.
+
$kendo-switch-on-thumb-textnull
Description
The text color of the thumb when the Switch is checked.
+
$kendo-switch-on-thumb-bordernull
Description
The border color of the thumb when the Switch is checked.
+
$kendo-switch-on-thumb-gradientnull
Description
The background gradient of the thumb when the Switch is checked.
+
$kendo-switch-on-thumb-hover-bgnull
Description
The background of the thumb when the hovered Switch is checked.
+
$kendo-switch-on-thumb-hover-textnull
Description
The text color of the thumb when the hovered Switch is checked.
+
$kendo-switch-on-thumb-hover-bordernull
Description
The border color of the thumb when the hovered Switch is checked.
+
$kendo-switch-on-thumb-hover-gradientnull
Description
The background gradient of the thumb when the hovered Switch is checked.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-table.md b/packages/core/docs/customization-table.md new file mode 100644 index 00000000000..ef3abf7b15b --- /dev/null +++ b/packages/core/docs/customization-table.md @@ -0,0 +1,378 @@ +--- +title: Customizing Table +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_table +position: 9 +--- + +# Customizing Table + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-table-border-widthnull
Description
The width of the table border.
+
$kendo-table-cell-vertical-border-widthnull
Description
The width of vertical border of table cells.
+
$kendo-table-cell-horizontal-border-widthnull
Description
The width of horizontal border of table cells.
+
$kendo-table-font-sizenull
Description
The font size of the table if no size is specified.
+
$kendo-table-line-heightnull
Description
The line-height of the table if no size is specified.
+
$kendo-table-cell-padding-xnull
Description
The horizontal padding of the cells in the table if no size is specified.
+
$kendo-table-cell-padding-ynull
Description
The vertical padding of the cells in the table if no size is specified.
+
$kendo-table-sizesnull
Description
The sizes of the table.
+
$kendo-table-bgnull
Description
Background color of tables.
+
$kendo-table-textnull
Description
Text color of tables.
+
$kendo-table-bordernull
Description
Border color of tables.
+
$kendo-table-header-bgnull
Description
Background color of table headers.
+
$kendo-table-header-textnull
Description
Text color of table headers.
+
$kendo-table-header-bordernull
Description
Border color of table headers.
+
$kendo-table-header-gradientnull
Description
Gradient of table headers.
+
$kendo-table-footer-bgnull
Description
Background color of table footers.
+
$kendo-table-footer-textnull
Description
Text color of table footers.
+
$kendo-table-footer-bordernull
Description
Border color of table footers.
+
$kendo-table-group-row-bgnull
Description
Background color of group rows in table.
+
$kendo-table-group-row-textnull
Description
Text color of group rows in table.
+
$kendo-table-group-row-bordernull
Description
Border color of group rows in table.
+
$kendo-table-alt-row-bgnull
Description
Background color of alternating rows in table.
+
$kendo-table-alt-row-textnull
Description
Text color of alternating rows in table.
+
$kendo-table-alt-row-bordernull
Description
Border color of alternating rows in table.
+
$kendo-table-hover-bgnull
Description
Background color of hovered rows in table.
+
$kendo-table-hover-textnull
Description
Text color of hovered rows in table.
+
$kendo-table-hover-bordernull
Description
Border color of hovered rows in table.
+
$kendo-table-focus-bgnull
Description
Background color of focused rows in table.
+
$kendo-table-focus-textnull
Description
Text color of focused rows in table.
+
$kendo-table-focus-bordernull
Description
Border color of focused rows in table.
+
$kendo-table-focus-shadownull
Description
Box shadow of focused rows in table.
+
$kendo-table-selected-bgnull
Description
Background color of selected rows in table.
+
$kendo-table-selected-textnull
Description
Text color of selected rows in table.
+
$kendo-table-selected-bordernull
Description
Border color of selected rows in table.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-tabstrip.md b/packages/core/docs/customization-tabstrip.md new file mode 100644 index 00000000000..e91eb344beb --- /dev/null +++ b/packages/core/docs/customization-tabstrip.md @@ -0,0 +1,658 @@ +--- +title: Customizing Tabstrip +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_tabstrip +position: 9 +--- + +# Customizing Tabstrip + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-tabstrip-wrapper-padding-xnull
Description
The horizontal padding of the TabStrip wrapper.
+
$kendo-tabstrip-wrapper-padding-ynull
Description
The vertical padding of the TabStrip wrapper.
+
$kendo-tabstrip-wrapper-border-widthnull
Description
The border width around the TabStrip wrapper.
+
$kendo-tabstrip-font-familynull
Description
The font family of the TabStrip.
+
$kendo-tabstrip-font-sizenull
Description
The font size of the TabStrip.
+
$kendo-tabstrip-line-heightnull
Description
The line height of the TabStrip.
+
$kendo-tabstrip-border-widthnull
Description
The border width around the TabStrip.
+
$kendo-tabstrip-sm-font-sizenull
Description
The font size of the small TabStrip.
+
$kendo-tabstrip-sm-line-heightnull
Description
The line height of the small TabStrip.
+
$kendo-tabstrip-md-font-sizenull
Description
The font size of the medium TabStrip.
+
$kendo-tabstrip-md-line-heightnull
Description
The line height of the medium TabStrip.
+
$kendo-tabstrip-lg-font-sizenull
Description
The font size of the large TabStrip.
+
$kendo-tabstrip-lg-line-heightnull
Description
The line height of the large TabStrip.
+
$kendo-tabstrip-wrapper-bgnull
Description
The background color of the TabStrip wrapper.
+
$kendo-tabstrip-wrapper-textnull
Description
The text color of the TabStrip wrapper.
+
$kendo-tabstrip-wrapper-bordernull
Description
The border color of the TabStrip wrapper.
+
$kendo-tabstrip-bgnull
Description
The background color of the TabStrip.
+
$kendo-tabstrip-textnull
Description
The text color of the TabStrip.
+
$kendo-tabstrip-bordernull
Description
The border color of the TabStrip.
+
$kendo-tabstrip-item-padding-xnull
Description
The horizontal padding of the TabStrip items.
+
$kendo-tabstrip-item-padding-ynull
Description
The vertical padding of the TabStrip items.
+
$kendo-tabstrip-item-border-widthnull
Description
The border width around the TabStrip items.
+
$kendo-tabstrip-item-border-radiusnull
Description
The border radius of the TabStrip items.
+
$kendo-tabstrip-item-gapnull
Description
The gap between the TabStrip items.
+
$kendo-tabstrip-sm-item-padding-xnull
Description
The horizontal padding of the small TabStrip items.
+
$kendo-tabstrip-sm-item-padding-ynull
Description
The vertical padding of the small TabStrip items.
+
$kendo-tabstrip-md-item-padding-xnull
Description
The horizontal padding of the medium TabStrip items.
+
$kendo-tabstrip-md-item-padding-ynull
Description
The vertical padding of the medium TabStrip items.
+
$kendo-tabstrip-lg-item-padding-xnull
Description
The horizontal padding of the large TabStrip items.
+
$kendo-tabstrip-lg-item-padding-ynull
Description
The vertical padding of the large TabStrip items.
+
$kendo-tabstrip-item-bgnull
Description
The background color of the TabStrip items.
+
$kendo-tabstrip-item-textnull
Description
The text color of the TabStrip items.
+
$kendo-tabstrip-item-bordernull
Description
The border color of the TabStrip items.
+
$kendo-tabstrip-item-gradientnull
Description
The gradient of the TabStrip items.
+
$kendo-tabstrip-item-hover-bgnull
Description
The background color of the hovered TabStrip items.
+
$kendo-tabstrip-item-hover-textnull
Description
The text color of the hovered TabStrip items.
+
$kendo-tabstrip-item-hover-bordernull
Description
The border color of the hovered TabStrip items.
+
$kendo-tabstrip-item-hover-gradientnull
Description
The gradient of the hovered TabStrip items.
+
$kendo-tabstrip-item-selected-bgnull
Description
The background color of the selected TabStrip items.
+
$kendo-tabstrip-item-selected-textnull
Description
The text color of the selected TabStrip items.
+
$kendo-tabstrip-item-selected-bordernull
Description
The border color of the selected TabStrip items.
+
$kendo-tabstrip-item-selected-gradientnull
Description
The gradient of the selected TabStrip items.
+
$kendo-tabstrip-item-selected-font-weightnull
Description
The font weight of the selected TabStrip items.
+
$kendo-tabstrip-item-focus-shadownull
Description
The shadow of the focused TabStrip items.
+
$kendo-tabstrip-item-dragging-shadownull
Description
The shadow of the dragged TabStrip items.
+
$kendo-tabstrip-item-disabled-bgnull
Description
The background color of the disabled TabStrip items.
+
$kendo-tabstrip-item-disabled-textnull
Description
The text color of the disabled TabStrip items.
+
$kendo-tabstrip-item-disabled-bordernull
Description
The border color of the disabled TabStrip items.
+
$kendo-tabstrip-item-disabled-gradientnull
Description
The gradient of the disabled TabStrip items.
+
$kendo-tabstrip-item-disabled-opacitynull
Description
The opacity of the disabled TabStrip items.
+
$kendo-tabstrip-item-disabled-filternull
Description
The filter of the disabled TabStrip items.
+
$kendo-tabstrip-indicator-sizenull
Description
The border width of the TabStrip indicator.
+
$kendo-tabstrip-indicator-colornull
Description
The border color of the TabStrip ripple.
+
$kendo-tabstrip-content-padding-xnull
Description
The horizontal padding of the TabStrip content.
+
$kendo-tabstrip-content-padding-ynull
Description
The vertical padding of the TabStrip content.
+
$kendo-tabstrip-content-border-widthnull
Description
The border width around the TabStrip content.
+
$kendo-tabstrip-content-bgnull
Description
The background color of the TabStrip content.
+
$kendo-tabstrip-content-textnull
Description
The text color of the TabStrip content.
+
$kendo-tabstrip-content-bordernull
Description
The border color of the TabStrip content.
+
$kendo-tabstrip-content-focus-bordernull
Description
The border color of the focused TabStrip content.
+
$kendo-tabstrip-scroll-overlaynull
Description
The left and right scroll overlay of the TabStrip.
+
$kendo-tabstrip-sizes()
Description
The size map of the TabStrip.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-taskboard.md b/packages/core/docs/customization-taskboard.md new file mode 100644 index 00000000000..18c0f40531b --- /dev/null +++ b/packages/core/docs/customization-taskboard.md @@ -0,0 +1,788 @@ +--- +title: Customizing Taskboard +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_taskboard +position: 9 +--- + +# Customizing Taskboard + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-taskboard-spacernull
Description
The spacing index of the TaskBoard.
+
$kendo-taskboard-padding-ynull
Description
The vertical padding of the TaskBoard.
+
$kendo-taskboard-padding-xnull
Description
The horizontal of the TaskBoard.
+
$kendo-taskboard-font-familynull
Description
The font family of the TaskBoard.
+
$kendo-taskboard-font-sizenull
Description
The font size of the TaskBoard.
+
$kendo-taskboard-line-heightnull
Description
The line height of the TaskBoard.
+
$kendo-taskboard-bgnull
Description
The background color of the TaskBoard.
+
$kendo-taskboard-textnull
Description
The text color of the TaskBoard.
+
$kendo-taskboard-bordernull
Description
The border color of the TaskBoard.
+
$kendo-taskboard-toolbar-padding-ynull
Description
The vertical padding of the TaskBoard Toolbar.
+
$kendo-taskboard-toolbar-padding-xnull
Description
The horizontal padding of the TaskBoard Toolbar.
+
$kendo-taskboard-toolbar-bgnull
Description
The background color of the TaskBoard Toolbar.
+
$kendo-taskboard-toolbar-textnull
Description
The text color of the TaskBoard Toolbar.
+
$kendo-taskboard-toolbar-bordernull
Description
The border color of the TaskBoard Toolbar.
+
$kendo-taskboard-toolbar-gradientnull
Description
The gradient of the TaskBoard Toolbar.
+
$kendo-taskboard-content-padding-ynull
Description
The vertical padding of the TaskBoard content.
+
$kendo-taskboard-content-padding-xnull
Description
The horizontal padding of the TaskBoard content.
+
$kendo-taskboard-column-container-spacing-ynull
Description
The vertical spacing of the TaskBoard column container.
+
$kendo-taskboard-column-container-padding-ynull
Description
The vertical padding of the TaskBoard column container.
+
$kendo-taskboard-column-container-padding-xnull
Description
The horizontal padding of the TaskBoard column container.
+
$kendo-taskboard-columns-container-gapnull
Description
The spacing of the TaskBoard columns container.
+
$kendo-taskboard-column-widthnull
Description
The default width of the TaskBoard column.
+
$kendo-taskboard-column-border-widthnull
Description
The border width of the TaskBoard column.
+
$kendo-taskboard-column-border-radiusnull
Description
The border radius of the TaskBoard column.
+
$kendo-taskboard-column-bgnull
Description
The background color of the TaskBoard column.
+
$kendo-taskboard-column-textnull
Description
The text color of the TaskBoard column.
+
$kendo-taskboard-column-bordernull
Description
The border color of the TaskBoard column.
+
$kendo-taskboard-column-focus-bgnull
Description
The background color of the focused TaskBoard column.
+
$kendo-taskboard-column-focus-textnull
Description
The text color of the focused TaskBoard column.
+
$kendo-taskboard-column-focus-bordernull
Description
The border color of the focused TaskBoard column.
+
$kendo-taskboard-column-header-padding-ynull
Description
The vertical padding of the TaskBoard column header.
+
$kendo-taskboard-column-header-padding-xnull
Description
The horizontal padding of the TaskBoard column header.
+
$kendo-taskboard-column-header-gapnull
Description
The spacing of the TaskBoard column header.
+
$kendo-taskboard-column-header-actions-gapnull
Description
The spacing of the TaskBoard column header actions.
+
$kendo-taskboard-column-header-font-weightnull
Description
The font weight of the TaskBoard column header.
+
$kendo-taskboard-column-header-textnull
Description
The text color of the TaskBoard column header.
+
$kendo-taskboard-column-cards-padding-ynull
Description
The vertical padding of the TaskBoard column Card wrapper.
+
$kendo-taskboard-column-cards-padding-xnull
Description
The horizontal padding of the TaskBoard column Card wrapper.
+
$kendo-taskboard-column-cards-gapnull
Description
The spacing of the TaskBoard column Card wrapper.
+
$kendo-taskboard-pane-widthnull
Description
The default width of the TaskBoard pane.
+
$kendo-taskboard-pane-padding-ynull
Description
The vertical padding of the TaskBoard pane.
+
$kendo-taskboard-pane-padding-xnull
Description
The horizontal padding of the TaskBoard pane.
+
$kendo-taskboard-pane-border-widthnull
Description
The border width of the TaskBoard pane.
+
$kendo-taskboard-pane-bgnull
Description
The background color of the TaskBoard pane.
+
$kendo-taskboard-pane-textnull
Description
The text color of the TaskBoard pane.
+
$kendo-taskboard-pane-bordernull
Description
The border color of the TaskBoard pane.
+
$kendo-taskboard-pane-header-padding-ynull
Description
The vertical padding of the TaskBoard pane header.
+
$kendo-taskboard-pane-header-padding-xnull
Description
The horizontal padding of the TaskBoard pane header.
+
$kendo-taskboard-pane-header-font-weightnull
Description
The font weight of the TaskBoard pane header.
+
$kendo-taskboard-pane-header-textnull
Description
The text color of the TaskBoard pane header.
+
$kendo-taskboard-pane-content-padding-ynull
Description
The vertical padding of the TaskBoard pane content.
+
$kendo-taskboard-pane-content-padding-xnull
Description
The horizontal padding of the TaskBoard pane content.
+
$kendo-taskboard-pane-actions-padding-ynull
Description
The vertical padding of the TaskBoard pane actions.
+
$kendo-taskboard-pane-actions-padding-xnull
Description
The horizontal padding of the TaskBoard pane actions.
+
$kendo-taskboard-card-padding-ynull
Description
The vertical padding of the TaskBoard Card.
+
$kendo-taskboard-card-padding-xnull
Description
The horizontal padding of the TaskBoard Card.
+
$kendo-taskboard-card-border-widthnull
Description
The border width of the TaskBoard Card.
+
$kendo-taskboard-card-border-radiusnull
Description
The border radius of the TaskBoard Card.
+
$kendo-taskboard-card-shadownull
Description
The shadow of the TaskBoard Card.
+
$kendo-taskboard-card-bgnull
Description
The background color of the TaskBoard Card.
+
$kendo-taskboard-card-textnull
Description
The text color of the TaskBoard Card.
+
$kendo-taskboard-card-bordernull
Description
The border color of the TaskBoard Card.
+
$kendo-taskboard-card-category-border-widthnull
Description
The border width of the TaskBoard Card category.
+
$kendo-taskboard-card-hover-bordernull
Description
The border color of the hovered TaskBoard Card.
+
$kendo-taskboard-card-focus-bordernull
Description
The border color of the focused TaskBoard Card.
+
$kendo-taskboard-card-focus-shadownull
Description
The shadow of the focused TaskBoard Card.
+
$kendo-taskboard-card-selected-bordernull
Description
The border of the selected TaskBoard Card.
+
$kendo-taskboard-card-selected-shadownull
Description
The shadow of the selected TaskBoard Card.
+
$kendo-taskboard-card-header-textnull
Description
The text color of the TaskBoard Card header text.
+
$kendo-taskboard-card-header-hover-textnull
Description
The text color of the hovered TaskBoard Card header text.
+
$kendo-taskboard-card-header-focus-textnull
Description
The text color of the focused TaskBoard Card header text.
+
$kendo-taskboard-drag-placeholder-border-widthnull
Description
The border width of the TaskBoard Card placeholder.
+
$kendo-taskboard-drag-placeholder-border-radiusnull
Description
The border radius of the TaskBoard Card placeholder.
+
$kendo-taskboard-drag-placeholder-bgnull
Description
The background color of the TaskBoard Card placeholder.
+
$kendo-taskboard-drag-placeholder-bordernull
Description
The border color of the TaskBoard Card placeholder.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-tile-layout.md b/packages/core/docs/customization-tile-layout.md new file mode 100644 index 00000000000..7d9fbe3f7e4 --- /dev/null +++ b/packages/core/docs/customization-tile-layout.md @@ -0,0 +1,138 @@ +--- +title: Customizing TileLayout +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_tile-layout +position: 9 +--- + +# Customizing TileLayout + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-tile-layout-border-widthnull
Description
The width of the border around the TileLayout.
+
$kendo-tile-layout-bgnull
Description
The background color of the TileLayout.
+
$kendo-tile-layout-padding-xnull
Description
The horizontal padding of the TileLayout.
+
$kendo-tile-layout-padding-ynull
Description
The vertical padding of the TileLayout
+
$kendo-tile-layout-card-border-widthnull
Description
The width of the border around the TileLayout card.
+
$kendo-tile-layout-card-focus-shadownull
Description
The focus box shadow of the TileLayout card.
+
$kendo-tile-layout-hint-border-widthnull
Description
The width of the border around the TileLayout hint.
+
$kendo-tile-layout-hint-border-radiusnull
Description
The radius of the border around the TileLayout hint.
+
$kendo-tile-layout-hint-bordernull
Description
The color of the border around the TileLayout hint.
+
$kendo-tile-layout-hint-bgnull
Description
The background color of the TileLayout hint.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-time-marker.md b/packages/core/docs/customization-time-marker.md new file mode 100644 index 00000000000..a357a4f84b1 --- /dev/null +++ b/packages/core/docs/customization-time-marker.md @@ -0,0 +1,58 @@ +--- +title: Customizing TimeMarker +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_time-marker +position: 9 +--- + +# Customizing TimeMarker + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-current-time-widthnull
Description
The border width of the current time indicator.
+
$kendo-current-time-colornull
Description
The color of the current time indicator.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-timeline.md b/packages/core/docs/customization-timeline.md new file mode 100644 index 00000000000..81c66c7977a --- /dev/null +++ b/packages/core/docs/customization-timeline.md @@ -0,0 +1,538 @@ +--- +title: Customizing Timeline +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_timeline +position: 9 +--- + +# Customizing Timeline + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-timeline-spacing-xnull
Description
The horizontal spacing of the Timeline.
+
$kendo-timeline-spacing-ynull
Description
The vertical spacing of the Timeline.
+
$kendo-timeline-items-paddingnull
Description
The padding between the Timeline's track items.
+
$kendo-timeline-font-familynull
Description
The font family of the Timeline.
+
$kendo-timeline-font-sizenull
Description
The font size of the Timeline.
+
$kendo-timeline-line-heightnull
Description
The line height of the Timeline.
+
$kendo-timeline-mobile-spacing-xnull
Description
The horizontal spacing of the mobile Timeline.
+
$kendo-timeline-mobile-spacing-ynull
Description
The vertical spacing of the mobile Timeline.
+
$kendo-timeline-track-arrow-widthnull
Description
The width of the Timeline track arrow.
+
$kendo-timeline-track-arrow-heightnull
Description
The height of the Timeline track arrow.
+
$kendo-timeline-track-arrow-disabled-bgnull
Description
The background color of the disabled Timeline track arrow.
+
$kendo-timeline-track-arrow-disabled-textnull
Description
The text color of the disabled Timeline track arrow.
+
$kendo-timeline-track-arrow-disabled-bordernull
Description
The border color of the disabled Timeline track arrow.
+
$kendo-timeline-track-sizenull
Description
The size of the Timeline track.
+
$kendo-timeline-track-wrap-padding-bottomnull
Description
The bottom padding of the Timeline's track wrapper.
+
$kendo-timeline-track-border-widthnull
Description
The border width of the Timeline track.
+
$kendo-timeline-track-margin-bottomnull
Description
The bottom margin of the Timeline track.
+
$kendo-timeline-track-bottom-calcnull
Description
The bottom offset of the Timeline track.
+
$kendo-timeline-track-start-calcnull
Description
The left offset of the Timeline track.
+
$kendo-timeline-track-end-calcnull
Description
The right offset of the Timeline track.
+
$kendo-timeline-track-bgnull
Description
The background color of the Timeline track.
+
$kendo-timeline-track-border-colornull
Description
The border color of the Timeline track.
+
$kendo-timeline-track-item-focus-shadownull
Description
The shadow of the Timeline's focused track items.
+
$kendo-timeline-track-event-offsetnull
Description
The offset of the Timeline track event.
+
$kendo-timeline-flag-padding-xnull
Description
The horizontal padding of the Timeline flag.
+
$kendo-timeline-flag-padding-ynull
Description
The vertical padding of the Timeline flag.
+
$kendo-timeline-flag-line-heightnull
Description
The line height of the Timeline flag.
+
$kendo-timeline-flag-min-widthnull
Description
The minimum width of the Timeline flag.
+
$kendo-timeline-flag-max-widthnull
Description
The maximum width of the Timeline flag.
+
$kendo-timeline-mobile-flag-max-widthnull
Description
The maximum width of the mobile Timeline flag.
+
$kendo-timeline-horizontal-flag-min-widthnull
Description
The minimum width of the horizontal Timeline flag.
+
$kendo-timeline-flag-bgnull
Description
The background color of the Timeline flag.
+
$kendo-timeline-flag-textnull
Description
The text color of the Timeline flag.
+
$kendo-timeline-flag-callout-widthnull
Description
The width of the Timeline's flag callout.
+
$kendo-timeline-flag-callout-heightnull
Description
The height of the Timeline's flag callout.
+
$kendo-timeline-flag-offset-bottomnull
Description
The bottom offset of the Timeline flag.
+
$kendo-timeline-flag-margin-bottom-calcnull
Description
The bottom margin of the Timeline flag.
+
$kendo-timeline-date-widthnull
Description
The width of the Timeline date.
+
$kendo-timeline-date-margin-bottomnull
Description
The bottom margin of the Timeline date.
+
$kendo-timeline-vertical-padding-calcnull
Description
The padding of the vertical Timeline.
+
$kendo-timeline-vertical-padding-with-dates-calcnull
Description
The padding of the vertical Timeline date.
+
$kendo-timeline-mobile-vertical-padding-calcnull
Description
The padding of the vertical mobile Timeline.
+
$kendo-timeline-mobile-vertical-padding-with-dates-calcnull
Description
The padding of the vertical mobile Timeline date.
+
$kendo-timeline-circle-widthnull
Description
The width of the Timeline circle.
+
$kendo-timeline-circle-heightnull
Description
The height of the Timeline circle.
+
$kendo-timeline-circle-bgnull
Description
The background color of the Timeline circle.
+
$kendo-timeline-collapse-arrow-padding-xnull
Description
The horizontal padding of the Timeline collapse arrow.
+
$kendo-timeline-event-widthnull
Description
The width of the Timeline event.
+
$kendo-timeline-event-heightnull
Description
The height of the Timeline event.
+
$kendo-timeline-event-min-height-calcnull
Description
The minimum height of the Timeline event.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-toolbar.md b/packages/core/docs/customization-toolbar.md new file mode 100644 index 00000000000..380feb3730f --- /dev/null +++ b/packages/core/docs/customization-toolbar.md @@ -0,0 +1,508 @@ +--- +title: Customizing Toolbar +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_toolbar +position: 9 +--- + +# Customizing Toolbar + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-toolbar-padding-xnull
Description
The horizontal padding of the Toolbar.
+
$kendo-toolbar-sm-padding-xnull
Description
The horizontal padding of the small Toolbar.
+
$kendo-toolbar-md-padding-xnull
Description
The horizontal padding of the medium Toolbar.
+
$kendo-toolbar-lg-padding-xnull
Description
The horizontal padding of the large Toolbar.
+
$kendo-toolbar-padding-ynull
Description
The vertical padding of the Toolbar.
+
$kendo-toolbar-sm-padding-ynull
Description
The vertical padding of the small Toolbar.
+
$kendo-toolbar-md-padding-ynull
Description
The vertical padding of the medium Toolbar.
+
$kendo-toolbar-lg-padding-ynull
Description
The vertical padding of the large Toolbar.
+
$kendo-toolbar-spacingnull
Description
The spacing between the Toolbar tools.
+
$kendo-toolbar-sm-spacingnull
Description
The spacing between the tools of the small Toolbar.
+
$kendo-toolbar-md-spacingnull
Description
The spacing between the tools of the medium Toolbar.
+
$kendo-toolbar-lg-spacingnull
Description
The spacing between the tools of the large Toolbar.
+
$kendo-toolbar-separator-heightnull
Description
The height of the Toolbar button separator.
+
$kendo-toolbar-sm-separator-heightnull
Description
The height of the small Toolbar button separator.
+
$kendo-toolbar-md-separator-heightnull
Description
The height of the medium Toolbar button separator.
+
$kendo-toolbar-lg-separator-heightnull
Description
The height of the large Toolbar button separator.
+
$kendo-toolbar-border-widthnull
Description
The width of the border around the Toolbar.
+
$kendo-toolbar-border-radiusnull
Description
The border radius of the Toolbar.
+
$kendo-toolbar-font-familynull
Description
The font family of the Toolbar.
+
$kendo-toolbar-font-sizenull
Description
The font size of the Toolbar.
+
$kendo-toolbar-line-heightnull
Description
The line height of the Toolbar.
+
$kendo-toolbar-bgnull
Description
The background color of the Toolbar.
+
$kendo-toolbar-textnull
Description
The text color of the Toolbar.
+
$kendo-toolbar-bordernull
Description
The color of the border around the Toolbar.
+
$kendo-toolbar-gradientnull
Description
The gradient of the Toolbar.
+
$kendo-toolbar-shadownull
Description
The box shadow of the Toolbar.
+
$kendo-toolbar-scroll-overlaynull
Description
The left and right scroll overlay of the Toolbar.
+
$kendo-toolbar-outline-textnull
Description
The text color of the outline Toolbar.
+
$kendo-toolbar-outline-bordernull
Description
The color of the border around the outline Toolbar.
+
$kendo-toolbar-outline-gradientnull
Description
The gradient of the outline Toolbar.
+
$kendo-toolbar-outline-shadownull
Description
The box shadow of the outline Toolbar.
+
$kendo-toolbar-outline-border-widthnull
Description
The width of the border around the outline Toolbar.
+
$kendo-toolbar-outline-scroll-overlaynull
Description
The left and right scroll overlay of the outline Toolbar.
+
$kendo-toolbar-flat-textnull
Description
The text color of the flat Toolbar.
+
$kendo-toolbar-flat-bordernull
Description
The color of the border around the flat Toolbar.
+
$kendo-toolbar-flat-gradientnull
Description
The gradient of the flat Toolbar.
+
$kendo-toolbar-flat-shadownull
Description
The box shadow of the flat Toolbar.
+
$kendo-toolbar-flat-border-widthnull
Description
Border width of the flat Toolbar.
+
$kendo-toolbar-flat-scroll-overlaynull
Description
The left and right scroll overlay of the flat Toolbar.
+
$kendo-toolbar-separator-bordernull
Description
The color of the separator border of the Toolbar.
+
$kendo-toolbar-input-widthnull
Description
The width of the input in the Toolbar.
+
$kendo-toolbar-item-shadownull
Description
The box shadow of the focused Toolbar item.
+
$kendo-toolbar-overflow-container-font-sizenull
Description
The font size of the Toolbar overflow container.
+
$kendo-toolbar-overflow-container-line-heightnull
Description
The line-height of the Toolbar overflow container.
+
$kendo-toolbar-overflow-button-padding-ynull
Description
The vertical padding of the Toolbar overflow button.
+
$kendo-toolbar-overflow-button-padding-xnull
Description
The horizontal padding of the Toolbar overflow button.
+
$kendo-toolbar-sizesnull
Description
The sizes map for the Toolbar.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-tooltip.md b/packages/core/docs/customization-tooltip.md new file mode 100644 index 00000000000..dec23c27cce --- /dev/null +++ b/packages/core/docs/customization-tooltip.md @@ -0,0 +1,198 @@ +--- +title: Customizing Tooltip +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_tooltip +position: 9 +--- + +# Customizing Tooltip + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-tooltip-padding-ynull
Description
The vertical padding of the Tooltip.
+
$kendo-tooltip-padding-xnull
Description
The horizontal padding of the Tooltip.
+
$kendo-tooltip-border-widthnull
Description
The width of the border around the Tooltip.
+
$kendo-tooltip-border-radiusnull
Description
The border radius of the Tooltip.
+
$kendo-tooltip-font-familynull
Description
The font family of the Tooltip.
+
$kendo-tooltip-font-sizenull
Description
The font size of the Tooltip.
+
$kendo-tooltip-line-heightnull
Description
The line height of the Tooltip.
+
$kendo-tooltip-title-font-sizenull
Description
The font size of the Tooltip title.
+
$kendo-tooltip-title-line-heightnull
Description
The line height of the Tooltip title.
+
$kendo-tooltip-callout-sizenull
Description
The size of the Tooltip callout.
+
$kendo-tooltip-bgnull
Description
The default background of the Tooltip.
+
$kendo-tooltip-textnull
Description
The default text color of the Tooltip.
+
$kendo-tooltip-bordernull
Description
The default border color of the Tooltip.
+
$kendo-tooltip-shadownull
Description
The box-shadow of the Tooltip.
+
$kendo-tooltip-theme-colorsnull
Description
The theme colors map for the Tooltip.
+
$kendo-tooltip-themenull
Description
The generated theme colors map for the Tooltip.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-treelist.md b/packages/core/docs/customization-treelist.md new file mode 100644 index 00000000000..ea2436864eb --- /dev/null +++ b/packages/core/docs/customization-treelist.md @@ -0,0 +1,58 @@ +--- +title: Customizing Treelist +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_treelist +position: 9 +--- + +# Customizing Treelist + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-treelist-footer-row-bgnull
Description
The background color of the TreeList footer row.
+
$kendo-treelist-footer-row-border-widthnull
Description
The border width of the TreeList footer row.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-treeview.md b/packages/core/docs/customization-treeview.md new file mode 100644 index 00000000000..4605540a64b --- /dev/null +++ b/packages/core/docs/customization-treeview.md @@ -0,0 +1,528 @@ +--- +title: Customizing Treeview +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_treeview +position: 9 +--- + +# Customizing Treeview + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-treeview-font-familynull
Description
The font family of the TreeView.
+
$kendo-treeview-font-sizenull
Description
The font size of the TreeView.
+
$kendo-treeview-sm-font-sizenull
Description
The font size of the small TreeView.
+
$kendo-treeview-md-font-sizenull
Description
The font size of the medium TreeView.
+
$kendo-treeview-lg-font-sizenull
Description
The font size of the large TreeView.
+
$kendo-treeview-line-heightnull
Description
The line height of the TreeView.
+
$kendo-treeview-sm-line-heightnull
Description
The line height of the small TreeView.
+
$kendo-treeview-md-line-heightnull
Description
The line height of the medium TreeView.
+
$kendo-treeview-lg-line-heightnull
Description
The line height of the large TreeView.
+
$kendo-treeview-indentnull
Description
The indentation of child groups in the TreeView.
+
$kendo-treeview-item-padding-xnull
Description
The horizontal padding of the TreeView items.
+
$kendo-treeview-sm-item-padding-xnull
Description
The horizontal padding of the small TreeView items.
+
$kendo-treeview-md-item-padding-xnull
Description
The horizontal padding of the medium TreeView items.
+
$kendo-treeview-lg-item-padding-xnull
Description
The horizontal padding of the large TreeView items.
+
$kendo-treeview-item-padding-ynull
Description
The vertical padding of the TreeView items.
+
$kendo-treeview-sm-item-padding-ynull
Description
The vertical padding of the small TreeView items.
+
$kendo-treeview-md-item-padding-ynull
Description
The vertical padding of the medium TreeView items.
+
$kendo-treeview-lg-item-padding-ynull
Description
The vertical padding of the large TreeView items.
+
$kendo-treeview-item-border-widthnull
Description
The border width of the TreeView items.
+
$kendo-treeview-item-border-radiusnull
Description
The border radius of the TreeView items.
+
$kendo-treeview-sm-checkbox-padding-xnull
Description
The horizontal padding of the checkbox in the small TreeView.
+
$kendo-treeview-md-checkbox-padding-xnull
Description
The horizontal padding of the checkbox in the medium TreeView.
+
$kendo-treeview-lg-checkbox-padding-xnull
Description
The horizontal padding of the checkbox in the large TreeView.
+
$kendo-treeview-sm-checkbox-padding-ynull
Description
The vertical padding of the checkbox in the small TreeView.
+
$kendo-treeview-md-checkbox-padding-ynull
Description
The vertical padding of the checkbox in the medium TreeView.
+
$kendo-treeview-lg-checkbox-padding-ynull
Description
The vertical padding of the checkbox in the large TreeView.
+
$kendo-treeview-sizesnull
Description
The sizes map of the TreeView.
+
$kendo-treeview-bgnull
Description
The background color of the TreeView.
+
$kendo-treeview-textnull
Description
The text color of the TreeView.
+
$kendo-treeview-bordernull
Description
The border color of the TreeView.
+
$kendo-treeview-item-hover-bgnull
Description
The background color of hovered TreeView items.
+
$kendo-treeview-item-hover-textnull
Description
The text color of hovered TreeView items.
+
$kendo-treeview-item-hover-bordernull
Description
The border color of hovered TreeView items.
+
$kendo-treeview-item-hover-gradientnull
Description
The background gradient of hovered TreeView items.
+
$kendo-treeview-item-selected-bgnull
Description
The background color of selected TreeView items.
+
$kendo-treeview-item-selected-textnull
Description
The text color of selected TreeView items.
+
$kendo-treeview-item-selected-bordernull
Description
The border color of selected TreeView items.
+
$kendo-treeview-item-selected-gradientnull
Description
The background gradient of selected TreeView items.
+
$kendo-treeview-item-focus-shadownull
Description
The box shadow of focused TreeView items.
+
$kendo-treeview-loadmore-bgnull
Description
The background color of the Load More button in the TreeView
+
$kendo-treeview-loadmore-textnull
Description
The text color of the Load More button in the TreeView
+
$kendo-treeview-loadmore-bordernull
Description
The border color of the Load More button in the TreeView
+
$kendo-treeview-loadmore-hover-bgnull
Description
The background color of the hovered Load More button in the TreeView
+
$kendo-treeview-loadmore-hover-textnull
Description
The text color of the hovered Load More button in the TreeView.
+
$kendo-treeview-loadmore-hover-bordernull
Description
The border color of the hovered Load More button in the TreeView.
+
$kendo-treeview-loadmore-focus-bgnull
Description
The background color of the focused Load More button in the TreeView.
+
$kendo-treeview-loadmore-focus-textnull
Description
The text color of the focused Load More button in the TreeView.
+
$kendo-treeview-loadmore-focus-bordernull
Description
The border color of the focused Load More button in the TreeView.
+
$kendo-treeview-loadmore-focus-shadownull
Description
The box shadow of the focused Load More button in the TreeView.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-typography.md b/packages/core/docs/customization-typography.md index e3c073639f3..8622f265f0b 100644 --- a/packages/core/docs/customization-typography.md +++ b/packages/core/docs/customization-typography.md @@ -28,6 +28,766 @@ The following table lists the available variables for customization. + $kendo-h1-font-size + + null + + + +
Description
The font size of the highest level heading.
+ + + + $kendo-h2-font-size + + null + + + +
Description
The font size of the second highest level heading.
+ + + + $kendo-h3-font-size + + null + + + +
Description
The font size of the third highest level heading.
+ + + + $kendo-h4-font-size + + null + + + +
Description
The font size of the fourth highest level heading.
+ + + + $kendo-h5-font-size + + null + + + +
Description
The font size of the fifth highest level heading.
+ + + + $kendo-h6-font-size + + null + + + +
Description
The font size of the sixth highest level heading.
+ + + + $kendo-h1-font-family + + null + + + +
Description
The font family of the highest level heading.
+ + + + $kendo-h2-font-family + + null + + + +
Description
The font family of the second highest level heading.
+ + + + $kendo-h3-font-family + + null + + + +
Description
The font family of the third highest level heading.
+ + + + $kendo-h4-font-family + + null + + + +
Description
The font family of the fourth highest level heading.
+ + + + $kendo-h5-font-family + + null + + + +
Description
The font family of the fifth highest level heading.
+ + + + $kendo-h6-font-family + + null + + + +
Description
The font family of the sixth highest level heading.
+ + + + $kendo-h1-line-height + + null + + + +
Description
The line height of the highest level heading.
+ + + + $kendo-h2-line-height + + null + + + +
Description
The line height of the second highest level heading.
+ + + + $kendo-h3-line-height + + null + + + +
Description
The line height of the third highest level heading.
+ + + + $kendo-h4-line-height + + null + + + +
Description
The line height of the fourth highest level heading.
+ + + + $kendo-h5-line-height + + null + + + +
Description
The line height of the fifth highest level heading.
+ + + + $kendo-h6-line-height + + null + + + +
Description
The line height of the sixth highest level heading.
+ + + + $kendo-h1-font-weight + + null + + + +
Description
The font weight of the highest level heading.
+ + + + $kendo-h2-font-weight + + null + + + +
Description
The font weight of the second highest level heading.
+ + + + $kendo-h3-font-weight + + null + + + +
Description
The font weight of the third highest level heading.
+ + + + $kendo-h4-font-weight + + null + + + +
Description
The font weight of the fourth highest level heading.
+ + + + $kendo-h5-font-weight + + null + + + +
Description
The font weight of the fifth highest level heading.
+ + + + $kendo-h6-font-weight + + null + + + +
Description
The font weight of the sixth highest level heading.
+ + + + $kendo-h1-letter-spacing + + null + + + +
Description
The letter spacing of the highest level heading.
+ + + + $kendo-h2-letter-spacing + + null + + + +
Description
The letter spacing of the second highest level heading.
+ + + + $kendo-h3-letter-spacing + + null + + + +
Description
The letter spacing of the third highest level heading.
+ + + + $kendo-h4-letter-spacing + + null + + + +
Description
The letter spacing of the fourth highest level heading.
+ + + + $kendo-h5-letter-spacing + + null + + + +
Description
The letter spacing of the fifth highest level heading.
+ + + + $kendo-h6-letter-spacing + + null + + + +
Description
The letter spacing of the sixth highest level heading.
+ + + + $kendo-h1-margin + + null + + + +
Description
The margin of the highest level heading.
+ + + + $kendo-h2-margin + + null + + + +
Description
The margin of the second highest level heading.
+ + + + $kendo-h3-margin + + null + + + +
Description
The margin of the third highest level heading.
+ + + + $kendo-h4-margin + + null + + + +
Description
The margin of the fourth highest level heading.
+ + + + $kendo-h5-margin + + null + + + +
Description
The margin of the fifth highest level heading.
+ + + + $kendo-h6-margin + + null + + + +
Description
The margin of the sixth highest level heading.
+ + + + $kendo-headings + + null + + + +
Description
The headings Map.
+ + + + $kendo-paragraph-margin + + null + + + +
Description
The margin of the paragraph.
+ + + + $kendo-paragraph-font-size + + null + + + +
Description
The font size of the paragraph.
+ + + + $kendo-paragraph-font-family + + null + + + +
Description
The font family of the paragraph.
+ + + + $kendo-paragraph-line-height + + null + + + +
Description
The line height of the paragraph.
+ + + + $kendo-paragraph-font-weight + + null + + + +
Description
The font weight of the paragraph.
+ + + + $kendo-paragraph-letter-spacing + + null + + + +
Description
The letter spacing of the paragraph.
+ + + + $kendo-code-font-size + + null + + + +
Description
The font size of the code tag.
+ + + + $kendo-code-font-family + + null + + + +
Description
The font family of the code tag.
+ + + + $kendo-code-line-height + + null + + + +
Description
The line height of the code tag.
+ + + + $kendo-code-font-weight + + null + + + +
Description
The font weight of the code tag.
+ + + + $kendo-code-letter-spacing + + null + + + +
Description
The letter spacing of the code tag.
+ + + + $kendo-code-padding-x + + null + + + +
Description
The horizontal padding of the code tag.
+ + + + $kendo-code-padding-y + + null + + + +
Description
The vertical padding of the code tag.
+ + + + $kendo-pre-padding-x + + null + + + +
Description
The horizontal padding of the preformatted text.
+ + + + $kendo-pre-padding-y + + null + + + +
Description
The vertical padding of the preformatted text.
+ + + + $kendo-code-border-width + + null + + + +
Description
The width of the border of the code tag.
+ + + + $kendo-code-bg + + null + + + +
Description
The background color of the code tag.
+ + + + $kendo-code-text + + null + + + +
Description
The color of the code tag.
+ + + + $kendo-code-border + + null + + + +
Description
The border color of the code tag.
+ + + + $kendo-display1-font-size + + null + + + +
Description
The font size of the largest display text.
+ + + + $kendo-display2-font-size + + null + + + +
Description
The font size of the second largest display text.
+ + + + $kendo-display3-font-size + + null + + + +
Description
The font size of the third largest display text.
+ + + + $kendo-display4-font-size + + null + + + +
Description
The font size of the fourth largest display text.
+ + + + $kendo-display1-font-family + + null + + + +
Description
The font family of the largest display text.
+ + + + $kendo-display2-font-family + + null + + + +
Description
The font family of the second largest display text.
+ + + + $kendo-display3-font-family + + null + + + +
Description
The font family of the third largest display text.
+ + + + $kendo-display4-font-family + + null + + + +
Description
The font family of the fourth largest display text.
+ + + + $kendo-display1-line-height + + null + + + +
Description
The line height of the largest display text.
+ + + + $kendo-display2-line-height + + null + + + +
Description
The line height of the second largest display text.
+ + + + $kendo-display3-line-height + + null + + + +
Description
The line height of the third largest display text.
+ + + + $kendo-display4-line-height + + null + + + +
Description
The line height of the fourth largest display text.
+ + + + $kendo-display1-font-weight + + null + + + +
Description
The font weight of the largest display text.
+ + + + $kendo-display2-font-weight + + null + + + +
Description
The font weight of the second largest display text.
+ + + + $kendo-display3-font-weight + + null + + + +
Description
The font weight of the third largest display text.
+ + + + $kendo-display4-font-weight + + null + + + +
Description
The font weight of the fourth largest display text.
+ + + + $kendo-display1-letter-spacing + + null + + + +
Description
The letter spacing of the largest display text.
+ + + + $kendo-display2-letter-spacing + + null + + + +
Description
The letter spacing of the second largest display text.
+ + + + $kendo-display3-letter-spacing + + null + + + +
Description
The letter spacing of the third largest display text.
+ + + + $kendo-display4-letter-spacing + + null + + + +
Description
The letter spacing of the fourth largest display text.
+ + + $kendo-font-size Number 0.875rem diff --git a/packages/core/docs/customization-upload.md b/packages/core/docs/customization-upload.md new file mode 100644 index 00000000000..26637dd37ba --- /dev/null +++ b/packages/core/docs/customization-upload.md @@ -0,0 +1,338 @@ +--- +title: Customizing Upload +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_upload +position: 9 +--- + +# Customizing Upload + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-upload-border-widthnull
Description
The width of the border around the Upload.
+
$kendo-upload-font-familynull
Description
The font family of the Upload.
+
$kendo-upload-font-sizenull
Description
The font size of the Upload.
+
$kendo-upload-line-heightnull
Description
The line height of the Upload.
+
$kendo-upload-max-heightnull
Description
The maximum height of the list with uploaded items.
+
$kendo-upload-textnull
Description
The text color of the Upload.
+
$kendo-upload-bgnull
Description
The background color of the Upload.
+
$kendo-upload-bordernull
Description
The border color of the Upload.
+
$kendo-upload-dropzone-padding-xnull
Description
The horizontal padding of the Upload dropzone.
+
$kendo-upload-dropzone-padding-ynull
Description
The vertical padding of the Upload dropzone.
+
$kendo-upload-dropzone-textnull
Description
The text color of the Upload dropzone.
+
$kendo-upload-dropzone-bgnull
Description
The background color of the Upload dropzone.
+
$kendo-upload-dropzone-bordernull
Description
The border color of the Upload dropzone.
+
$kendo-upload-dropzone-hover-bgnull
Description
The background color of the hovered Upload dropzone.
+
$kendo-upload-status-textnull
Description
The text color of the Upload status message.
+
$kendo-upload-status-text-opacitynull
Description
The opacity of the Upload status message.
+
$kendo-upload-item-padding-xnull
Description
The horizontal padding of an uploaded item.
+
$kendo-upload-item-padding-ynull
Description
The vertical padding of an uploaded item.
+
$kendo-upload-multiple-items-spacingnull
Description
The vertical spacing between uploaded batch items.
+
$kendo-upload-validation-font-sizenull
Description
The font size of the Upload validation message.
+
$kendo-upload-validation-line-heightnull
Description
The line height of the Upload validation message.
+
$kendo-upload-icon-spacingnull
Description
The horizontal spacing of the Upload status icon.
+
$kendo-upload-icon-colornull
Description
The color of the uploaded items icon.
+
$kendo-upload-progress-thicknessnull
Description
The thickness of the Upload progress bar.
+
$kendo-upload-progress-bgnull
Description
The background color of the Upload progress bar.
+
$kendo-upload-success-textnull
Description
The success text color of the Upload.
+
$kendo-upload-success-bgnull
Description
The success background color of the Upload progress bar.
+
$kendo-upload-error-textnull
Description
The error text color of the Upload.
+
$kendo-upload-error-bgnull
Description
The error background color of the Upload progress bar.
+
$kendo-upload-focus-shadownull
Description
The shadow of the focused Upload button, actions and uploaded items.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-window.md b/packages/core/docs/customization-window.md new file mode 100644 index 00000000000..f3248e4f3af --- /dev/null +++ b/packages/core/docs/customization-window.md @@ -0,0 +1,338 @@ +--- +title: Customizing Window +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_window +position: 9 +--- + +# Customizing Window + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-window-border-widthnull
Description
The width of the border around the Window.
+
$kendo-window-border-radiusnull
Description
The border radius of the Window.
+
$kendo-window-font-familynull
Description
The font family of the Window.
+
$kendo-window-font-sizenull
Description
The font size of the Window.
+
$kendo-window-line-heightnull
Description
The line height of the Window.
+
$kendo-window-titlebar-padding-xnull
Description
The horizontal padding of the Window titlebar.
+
$kendo-window-titlebar-padding-ynull
Description
The vertical padding of the Window titlebar.
+
$kendo-window-titlebar-border-widthnull
Description
The width of the border of the Window titlebar.
+
$kendo-window-titlebar-border-stylenull
Description
The style of the border of the Window titlebar.
+
$kendo-window-title-font-sizenull
Description
The font size of the title of the Window.
+
$kendo-window-title-line-heightnull
Description
The line height of the title of the Window.
+
$kendo-window-actions-gapnull
Description
The spacing between the buttons in the Window titlebar.
+
$kendo-window-action-opacitynull
Description
The opacity of the buttons in the Window titlebar.
+
$kendo-window-action-hover-opacitynull
Description
The opacity of the hovered buttons in the Window titlebar.
+
$kendo-window-inner-padding-xnull
Description
The horizontal padding of the content of the Window.
+
$kendo-window-inner-padding-ynull
Description
The vertical padding of the content of the Window.
+
$kendo-window-buttongroup-padding-xnull
Description
The horizontal padding of the Window action buttons.
+
$kendo-window-buttongroup-padding-ynull
Description
The vertical padding of the Window action buttons.
+
$kendo-window-buttongroup-border-widthnull
Description
The width of the top border of the Window action buttons.
+
$kendo-window-bgnull
Description
The background color of the Window.
+
$kendo-window-textnull
Description
The text color of the Window.
+
$kendo-window-bordernull
Description
The border color of the Window.
+
$kendo-window-shadownull
Description
The box shadow of the Window.
+
$kendo-window-focus-shadownull
Description
The box shadow of the focused Window.
+
$kendo-window-titlebar-bgnull
Description
The background color of the Window titlebar.
+
$kendo-window-titlebar-textnull
Description
The text color of the Window titlebar.
+
$kendo-window-titlebar-bordernull
Description
The border color of the Window titlebar.
+
$kendo-window-titlebar-gradientnull
Description
The background gradient of the Window titlebar.
+
$kendo-window-sizesnull
Description
The map of the width for the different Window sizes.
+
$kendo-window-theme-colorsnull
Description
The theme colors map for the Window.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization-wizard.md b/packages/core/docs/customization-wizard.md new file mode 100644 index 00000000000..095f9c819de --- /dev/null +++ b/packages/core/docs/customization-wizard.md @@ -0,0 +1,138 @@ +--- +title: Customizing Wizard +description: "Refer to the list of the Kendo UI Theme Core theme variables available for customization." +slug: variables_kendothemecore_wizard +position: 9 +--- + +# Customizing Wizard + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-wizard-padding-xnull
Description
The horizontal padding of the Wizard.
+
$kendo-wizard-padding-ynull
Description
The vertical padding of the Wizard.
+
$kendo-wizard-content-padding-xnull
Description
The horizontal padding of the Wizard content.
+
$kendo-wizard-content-padding-ynull
Description
The vertical padding of the Wizard content.
+
$kendo-wizard-buttons-margin-xnull
Description
The horizontal margin of the Wizard's Button container.
+
$kendo-wizard-border-widthnull
Description
The border width of the Wizard.
+
$kendo-wizard-font-sizenull
Description
The font size of the Wizard.
+
$kendo-wizard-line-heightnull
Description
The line height of the Wizard.
+
$kendo-wizard-font-familynull
Description
The font family of the Wizard.
+
$kendo-wizard-step-focus-bordernull
Description
The outline of the focused Wizard step.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/core/docs/customization.md b/packages/core/docs/customization.md index 9b9aea8bd0d..828c1efc5b5 100644 --- a/packages/core/docs/customization.md +++ b/packages/core/docs/customization.md @@ -3857,6 +3857,86 @@ k-escape-class-name($text) // => String The following table lists the available variables for customizing the Theme Core theme. +### Common + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-disabled-bgnull
Description
The background color of disabled items.
+
$kendo-disabled-textnull
Description
The text color of disabled items.
+
$kendo-disabled-bordernull
Description
The border color of disabled items.
+
$kendo-disabled-opacitynull
Description
The opacity of disabled items.
+
$kendo-disabled-filternull
Description
The filter of disabled items.
+
$kendo-displaynull
Description
The displays Map.
+
+ ### Accessibility @@ -3897,7 +3977,7 @@ The following table lists the available variables for customizing the Theme Core
-### Border Radius +### Appbar @@ -3915,109 +3995,169 @@ The following table lists the available variables for customizing the Theme Core - - - - + + + + - - - - - + + + + - - - - - + + + + - - - - - + + + + - - - - - + + + + - - - - - + + + + - - - - - + + + + - - - - - + + + + - - - - - + + + + - - - - - + + + + - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
$kendo-border-radius-noneNumbermap.get($kendo-spacing, 0)0px$kendo-appbar-margin-xnull
Description
The none border radius used across the Components.
+
Description
The horizontal margin of the AppBar.
$kendo-border-radius-xsNumbermap.get($kendo-spacing, 1px)1px$kendo-appbar-margin-ynull
Description
The extra small border radius used across the Components.
+
Description
The vertical margin of the AppBar.
$kendo-border-radius-smNumbermap.get($kendo-spacing, 0.5)0.125rem$kendo-appbar-padding-xnull
Description
The small border radius used across the Components.
+
Description
The horizontal padding of the AppBar.
$kendo-border-radius-mdNumbermap.get($kendo-spacing, 1)0.25rem$kendo-appbar-padding-ynull
Description
The medium border radius used across the Components.
+
Description
The vertical padding of the AppBar.
$kendo-border-radius-lgNumbermap.get($kendo-spacing, 1.5)0.375rem$kendo-appbar-border-widthnull
Description
The large border radius used across the Components.
+
Description
The width of the border around the AppBar.
$kendo-border-radius-xlNumbermap.get($kendo-spacing, 2)0.5rem$kendo-appbar-zindexnull
Description
The extra large border radius used across the Components.
+
Description
The z-index of the AppBar.
$kendo-border-radius-xxlNumbermap.get($kendo-spacing, 3)0.75rem$kendo-appbar-font-familynull
Description
The third largest border radius used across the Components.
+
Description
The font family of the AppBar.
$kendo-border-radius-xxxlNumbermap.get($kendo-spacing, 4)1rem$kendo-appbar-font-sizenull
Description
The second largest border radius used across the Components.
+
Description
The font size of the AppBar.
$kendo-border-radius-fullNumber9999px9999px$kendo-appbar-line-heightnull
Description
The largest border radius used across the Components.
+
Description
The line height of the AppBar.
$kendo-border-radiiMapmap.merge($_default-border-radii, $kendo-border-radii)
  • none: 0px
  • xs: 1px
  • sm: 0.125rem
  • md: 0.25rem
  • lg: 0.375rem
  • xl: 0.5rem
  • xxl: 0.75rem
  • xxxl: 1rem
  • full: 9999px
$kendo-appbar-gapnull
Description
The global radii Map.
+
Description
The spacing between the AppBar sections.
+
$kendo-appbar-light-bgnull
Description
The background color of the AppBar based on light theme color.
+
$kendo-appbar-light-textnull
Description
The text color of the AppBar based on light theme color.
+
$kendo-appbar-dark-bgnull
Description
The background color of the AppBar based on dark theme color.
+
$kendo-appbar-dark-textnull
Description
The text color of the AppBar based on dark theme color.
+
$kendo-appbar-box-shadownull
Description
The box shadow of the AppBar.
+
$kendo-appbar-bottom-box-shadownull
Description
The box shadow of the AppBar with bottom position.
-### Color System +### Avatar @@ -4035,1144 +4175,30414 @@ The following table lists the available variables for customizing the Theme Core - - - - - - - - - - - - - + + + + - - - - - + + + + - - - - - + + + + - - - - - + + + + - - - - - + + + + - - - - - + + + + - - - - - - + +
$kendo-color-whiteColor#ffffff#ffffff
Description
The color white.
Note: you cannot change this value.
-
$kendo-color-blackColor#000000#000000$kendo-avatar-border-widthnull
Description
The color black.
Note: you cannot change this value.
+
Description
The border width of the Avatar.
$kendo-color-rgba-transparentColorrgba(0, 0, 0, 0)rgba(0, 0, 0, 0)$kendo-avatar-font-familynull
Description
The color transparent.
Note: you cannot change this value.
+
Description
The font family of the Avatar.
$kendo-gradient-transparent-to-blackGradientrgba(black, 0), black(rgba(0, 0, 0, 0), black)$kendo-avatar-font-sizenull
Description
A gradient that goes from transparent to black.
Note: you cannot change this value.
+
Description
The font size of the Avatar.
$kendo-gradient-transparent-to-whiteGradientrgba(white, 0), white(rgba(255, 255, 255, 0), white)$kendo-avatar-line-heightnull
Description
A gradient that goes from transparent to white.
Note: you cannot change this value.
+
Description
The line height of the Avatar.
$kendo-gradient-black-to-transparentGradientblack, rgba(black, 0)(black, rgba(0, 0, 0, 0))$kendo-avatar-sizesnull
Description
A gradient that goes from black to transparent.
Note: you cannot change this value.
+
Description
The sizes map of the Avatar.
$kendo-gradient-white-to-transparentGradientwhite, rgba(white, 0)(white, rgba(255, 255, 255, 0))$kendo-avatar-theme-colorsnull
Description
A gradient that goes from white to transparent.
Note: you cannot change this value.
+
Description
The theme colors map of the Avatar.
$kendo-gradient-rainbowGradient#ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000(#ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000)
+ +### Badge + + + + + + + + + + + + + + + + + + + + + - - - - - - - - + + + + - - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - - - - - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + +
NameTypeDefault valueComputed value
$kendo-badge-border-widthnull
Description
A gradient that cycles through the colors of the rainbow.
Note: you cannot change this value.
+
Description
The width of the border around the Badge.
$kendo-colorsMap$_default-colors
  • app-surface: #ffffff
  • on-app-surface: #3d3d3d
  • subtle: #666666
  • surface: #fafafa
  • surface-alt: #ffffff
  • border: rgba(0, 0, 0, 0.08)
  • border-alt: rgba(0, 0, 0, 0.16)
  • base-subtle: #ebebeb
  • base-subtle-hover: #e0e0e0
  • base-subtle-active: #d6d6d6
  • base: #f5f5f5
  • base-hover: #ebebeb
  • base-active: #d6d6d6
  • base-emphasis: #c2c2c2
  • base-on-subtle: #3d3d3d
  • on-base: #3d3d3d
  • base-on-surface: #3d3d3d
  • primary-subtle: #ffeceb
  • primary-subtle-hover: #ffdedb
  • primary-subtle-active: #ffc8c4
  • primary: #ff6358
  • primary-hover: #ea5a51
  • primary-active: #d45349
  • primary-emphasis: #ff9d97
  • primary-on-subtle: #5c201c
  • on-primary: #ffffff
  • primary-on-surface: #ff6358
  • secondary-subtle: #fafafa
  • secondary-subtle-hover: #f5f5f5
  • secondary-subtle-active: #ebebeb
  • secondary: #666666
  • secondary-hover: #525252
  • secondary-active: #3d3d3d
  • secondary-emphasis: #e0e0e0
  • secondary-on-subtle: #141414
  • on-secondary: #ffffff
  • secondary-on-surface: #292929
  • tertiary-subtle: #d8f1fd
  • tertiary-subtle-hover: #c5eafc
  • tertiary-subtle-active: #a3dffb
  • tertiary: #03a9f4
  • tertiary-hover: #039ae0
  • tertiary-active: #028ccb
  • tertiary-emphasis: #61c9f9
  • tertiary-on-subtle: #023f5c
  • on-tertiary: #ffffff
  • tertiary-on-surface: #028ccb
  • info-subtle: #d2e2fb
  • info-subtle-hover: #bdd4f8
  • info-subtle-active: #80acf4
  • info: #0058e9
  • info-hover: #0052d6
  • info-active: #004ac2
  • info-emphasis: #6098f2
  • info-on-subtle: #002259
  • on-info: #ffffff
  • info-on-surface: #004ac2
  • success-subtle: #dcf0d3
  • success-subtle-hover: #cbe9bf
  • success-subtle-active: #b7e1a5
  • success: #37b400
  • success-hover: #32a500
  • success-active: #2d9600
  • success-emphasis: #81d15f
  • success-on-subtle: #1c5a00
  • on-success: #ffffff
  • success-on-surface: #2d9600
  • warning-subtle: #fff4d3
  • warning-subtle-hover: #ffeebd
  • warning-subtle-active: #ffe79e
  • warning: #ffc000
  • warning-hover: #eaaf00
  • warning-active: #d49f00
  • warning-emphasis: #ffd760
  • warning-on-subtle: #5e4700
  • on-warning: #3d3d3d
  • warning-on-surface: #ffc000
  • error-subtle: #fcddda
  • error-subtle-hover: #fbc8c3
  • error-subtle-active: #f98b80
  • error: #f31700
  • error-hover: #df1600
  • error-active: #ca1400
  • error-emphasis: #f76f60
  • error-on-subtle: #7a0c00
  • on-error: #ffffff
  • error-on-surface: #ca1400
  • light-subtle: #fafafa
  • light-subtle-hover: #f5f5f5
  • light-subtle-active: #ebebeb
  • light: #ebebeb
  • light-hover: #e0e0e0
  • light-active: #d6d6d6
  • light-emphasis: #d6d6d6
  • light-on-subtle: #141414
  • on-light: #000000
  • light-on-surface: #e0e0e0
  • dark-subtle: #c2c2c2
  • dark-subtle-hover: #adadad
  • dark-subtle-active: #999999
  • dark: #3d3d3d
  • dark-hover: #292929
  • dark-active: #1f1f1f
  • dark-emphasis: #666666
  • dark-on-subtle: #1f1f1f
  • on-dark: #ffffff
  • dark-on-surface: #141414
  • inverse-subtle: #c2c2c2
  • inverse-subtle-hover: #adadad
  • inverse-subtle-active: #999999
  • inverse: #3d3d3d
  • inverse-hover: #292929
  • inverse-active: #1f1f1f
  • inverse-emphasis: #666666
  • inverse-on-subtle: #1f1f1f
  • on-inverse: #ffffff
  • inverse-on-surface: #141414
  • series-a: #ff6358
  • series-a-bold: #bf4a42
  • series-a-bolder: #80322c
  • series-a-subtle: #ffb1ac
  • series-a-subtler: #ff8a82
  • series-b: #ffe162
  • series-b-bold: #bfa94a
  • series-b-bolder: #807131
  • series-b-subtle: #fff0b1
  • series-b-subtler: #ffe989
  • series-c: #4cd180
  • series-c-bold: #399d60
  • series-c-bolder: #266940
  • series-c-subtle: #a6e8c0
  • series-c-subtler: #79dda0
  • series-d: #4b5ffa
  • series-d-bold: #3847bc
  • series-d-bolder: #26307d
  • series-d-subtle: #a5affd
  • series-d-subtler: #7887fb
  • series-e: #ac58ff
  • series-e-bold: #8142bf
  • series-e-bolder: #562c80
  • series-e-subtle: #d6acff
  • series-e-subtler: #c182ff
  • series-f: #ff5892
  • series-f-bold: #bf426e
  • series-f-bolder: #802c49
  • series-f-subtle: #ffacc9
  • series-f-subtler: #ff82ae
Description
The global default Colors map.
- 		$kendo-badge-border-radiusnull
-
Groups
The groups of the $kendo-colors Map
+
Description
The border radius of the Badge.
GroupValuesDescription$kendo-badge-padding-xnull
misc app-surface, on-app-surface, subtle, surface, surface-alt, border, border-altThe Misc variable group.
Description
The horizontal padding of the Badge.
+
base base-subtle, base-subtle-hover, base-subtle-active, base, base-hover, base-active, base-emphasis, base-on-subtle, on-base, base-on-surfaceThe Base variable group.$kendo-badge-sm-padding-xnull
primary primary-subtle, primary-subtle-hover, primary-subtle-active, primary, primary-hover, primary-active, primary-emphasis, primary-on-subtle, on-primary, primary-on-surfaceThe Primary variable group.
Description
The horizontal padding of the small Badge.
+
secondary secondary-subtle, secondary-subtle-hover, secondary-subtle-active, secondary, secondary-hover, secondary-active, secondary-emphasis, secondary-on-subtle, on-secondary, secondary-on-surfaceThe Secondary variable group.$kendo-badge-md-padding-xnull
tertiary tertiary-subtle, tertiary-subtle-hover, tertiary-subtle-active, tertiary, tertiary-hover, tertiary-active, tertiary-emphasis, tertiary-on-subtle, on-tertiary, tertiary-on-surfaceThe Tertiary variable group.
Description
The horizontal padding of the medium Badge.
+
info info-subtle, info-subtle-hover, info-subtle-active, info, info-hover, info-active, info-emphasis, info-on-subtle, on-info, info-on-surfaceThe Info variable group.$kendo-badge-lg-padding-xnull
success success-subtle, success-subtle-hover, success-subtle-active, success, success-hover, success-active, success-emphasis, success-on-subtle, on-success, success-on-surfaceThe Success variable group.
Description
The horizontal padding of the large Badge.
+
warning warning-subtle, warning-subtle-hover, warning-subtle-active, warning, warning-hover, warning-active, warning-emphasis, warning-on-subtle, on-warning, warning-on-surfaceThe Warning variable group.$kendo-badge-padding-ynull
error error-subtle, error-subtle-hover, error-subtle-active, error, error-hover, error-active, error-emphasis, error-on-subtle, on-error, error-on-surfaceThe Error variable group.
Description
The vertical padding of the Badge.
+
light light-subtle, light-subtle-hover, light-subtle-active, light, light-hover, light-active, light-emphasis, light-on-subtle, on-light, light-on-surfaceThe Light variable group.$kendo-badge-sm-padding-ynull
dark dark-subtle, dark-subtle-hover, dark-subtle-active, dark, dark-hover, dark-active, dark-emphasis, dark-on-subtle, on-dark, dark-on-surfaceThe Dark variable group.
Description
The vertical padding of the small Badge.
+
inverse inverse-subtle, inverse-subtle-hover, inverse-subtle-active, inverse, inverse-hover, inverse-active, inverse-emphasis, inverse-on-subtle, on-inverse, inverse-on-surfaceThe Inverse variable group.$kendo-badge-md-padding-ynull
series-a series-a, series-a-bold, series-a-bolder, series-a-subtle, series-a-subtlerThe Series A variable group.
Description
The vertical padding of the medium Badge.
+
series-b series-b, series-b-bold, series-b-bolder, series-b-subtle, series-b-subtlerThe Series B variable group.$kendo-badge-lg-padding-ynull
series-c series-c, series-c-bold, series-c-bolder, series-c-subtle, series-c-subtlerThe Series C variable group.
Description
The vertical padding of the large Badge.
+
series-d series-d, series-d-bold, series-d-bolder, series-d-subtle, series-d-subtlerThe Series D variable group.$kendo-badge-font-sizenull
series-e series-e, series-e-bold, series-e-bolder, series-e-subtle, series-e-subtlerThe Series E variable group.
Description
The font sizes of the Badge.
+
series-f series-f, series-f-bold, series-f-bolder, series-f-subtle, series-f-subtlerThe Series F variable group.$kendo-badge-sm-font-sizenull
-
Properties
The properties of the $kendo-colors Map
+
Description
The font size of the small Badge.
TypeNameDescription
Colorapp-surfaceThe background color of the application.$kendo-badge-md-font-sizevar( --kendo-font-size-xs, inherit )!default
Coloron-app-surfaceThe text color of the application.
Description
The font size of the medium Badge.
+
ColorsubtleThe subtle text color.$kendo-badge-lg-font-sizenull
ColorsurfaceThe background color of the components' chrome area.
Description
The font size of the large Badge.
+
Colorsurface-altThe alternative background color of the components' chrome area.$kendo-badge-line-heightnull
ColorborderThe border color of the application.
Description
The line heights used along with the $kendo-font-size variable.
+
Colorborder-altThe alternative border color of the application.$kendo-badge-sm-line-heightnull
Colorbase-subtleThe base subtle background color variable.
Description
The line height used along with the $kendo-font-size variable of the small Badge.
+
Colorbase-subtle-hoverThe base subtle background color variable for the hover state.$kendo-badge-md-line-heightnull
Colorbase-subtle-activeThe base subtle background color variable for the active state.
Description
The line height used along with the $kendo-font-size variable of the medium Badge.
+
ColorbaseThe base background color variable.$kendo-badge-lg-line-heightnull
Colorbase-hoverThe base background color variable for the hover state.
Description
The line height used along with the $kendo-font-size variable of the large Badge.
+
Colorbase-activeThe base background color variable for the active state.$kendo-badge-min-widthnull
Colorbase-emphasisThe emphasized base color variable.
Description
The calculated minimum width of the circular Badge.
+
Colorbase-on-subtleThe text color variable for content on base subtle.$kendo-badge-sm-min-widthnull
Coloron-baseThe text color variable for content on base.
Description
The calculated minimum width of the small circular Badge.
+
Colorbase-on-surfaceThe text color variable for content on surface.$kendo-badge-md-min-widthnull
Colorprimary-subtleThe primary subtle background color variable.
Description
The calculated minimum width of the medium circular Badge.
+
Colorprimary-subtle-hoverThe primary subtle background color variable for the hover state.$kendo-badge-lg-min-widthnull
Colorprimary-subtle-activeThe primary subtle background color variable for the active state.
Description
The calculated minimum width of the large circular Badge.
+
ColorprimaryThe primary background color variable.$kendo-badge-sizesnull
Colorprimary-hoverThe primary background color variable for the hover state.
Description
The sizes map for the Badge.
+
Colorprimary-active
+ +### Border Radius + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-border-radius-noneNumbermap.get($kendo-spacing, 0)0px
Description
The none border radius used across the Components.
+
$kendo-border-radius-xsNumbermap.get($kendo-spacing, 1px)1px
Description
The extra small border radius used across the Components.
+
$kendo-border-radius-smNumbermap.get($kendo-spacing, 0.5)0.125rem
Description
The small border radius used across the Components.
+
$kendo-border-radius-mdNumbermap.get($kendo-spacing, 1)0.25rem
Description
The medium border radius used across the Components.
+
$kendo-border-radius-lgNumbermap.get($kendo-spacing, 1.5)0.375rem
Description
The large border radius used across the Components.
+
$kendo-border-radius-xlNumbermap.get($kendo-spacing, 2)0.5rem
Description
The extra large border radius used across the Components.
+
$kendo-border-radius-xxlNumbermap.get($kendo-spacing, 3)0.75rem
Description
The third largest border radius used across the Components.
+
$kendo-border-radius-xxxlNumbermap.get($kendo-spacing, 4)1rem
Description
The second largest border radius used across the Components.
+
$kendo-border-radius-fullNumber9999px9999px
Description
The largest border radius used across the Components.
+
$kendo-border-radiiMapmap.merge($_default-border-radii, $kendo-border-radii)
  • none: 0px
  • xs: 1px
  • sm: 0.125rem
  • md: 0.25rem
  • lg: 0.375rem
  • xl: 0.5rem
  • xxl: 0.75rem
  • xxxl: 1rem
  • full: 9999px
Description
The global radii Map.
+
+ +### BottomNavigation + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-bottom-nav-padding-xnull
Description
The horizontal padding of the BottomNavigation.
+
$kendo-bottom-nav-padding-ynull
Description
The vertical padding of the BottomNavigation.
+
$kendo-bottom-nav-gapnull
Description
The spacing between the BottomNavigation items.
+
$kendo-bottom-nav-border-widthnull
Description
The width of the border around the BottomNavigation.
+
$kendo-bottom-nav-font-familynull
Description
The font family of the BottomNavigation.
+
$kendo-bottom-nav-font-sizenull
Description
The font size of the BottomNavigation.
+
$kendo-bottom-nav-line-heightnull
Description
The line height of the BottomNavigation.
+
$kendo-bottom-nav-letter-spacingnull
Description
The letter spacing of the BottomNavigation.
+
$kendo-bottom-nav-item-padding-xnull
Description
The horizontal padding of the BottomNavigation item.
+
$kendo-bottom-nav-item-padding-ynull
Description
The vertical padding of the BottomNavigation item.
+
$kendo-bottom-nav-item-min-widthnull
Description
The minimum width of the BottomNavigation item.
+
$kendo-bottom-nav-item-max-widthnull
Description
The maximum width of the BottomNavigation item.
+
$kendo-bottom-nav-item-min-heightnull
Description
The minimum height of the BottomNavigation item.
+
$kendo-bottom-nav-item-border-radiusnull
Description
The border radius of the BottomNavigation item.
+
$kendo-bottom-nav-item-gapnull
Description
The spacing of the BottomNavigation item.
+
$kendo-bottom-nav-shadownull
Description
The box shadow of the BottomNavigation.
+
$kendo-bottom-nav-flat-textnull
Description
The text color of the flat BottomNavigation.
+
$kendo-bottom-nav-flat-bgnull
Description
The background color of the flat BottomNavigation.
+
$kendo-bottom-nav-flat-bordernull
Description
The border color of the flat BottomNavigation.
+
+ +### Breadcrumb + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-breadcrumb-border-widthnull
Description
The width of the border around the Breadcrumb.
+
$kendo-breadcrumb-margin-xnull
Description
The horizontal margin of the Breadcrumb.
+
$kendo-breadcrumb-margin-ynull
Description
The vertical margin of the Breadcrumb.
+
$kendo-breadcrumb-padding-xnull
Description
The horizontal padding of the Breadcrumb.
+
$kendo-breadcrumb-padding-ynull
Description
The vertical padding of the Breadcrumb.
+
$kendo-breadcrumb-font-familynull
Description
The font family of the Breadcrumb.
+
$kendo-breadcrumb-font-sizenull
Description
The font size of the Breadcrumb.
+
$kendo-breadcrumb-sm-font-sizenull
Description
The font size of the small Breadcrumb.
+
$kendo-breadcrumb-md-font-sizenull
Description
The font size of the medium Breadcrumb.
+
$kendo-breadcrumb-lg-font-sizenull
Description
The font size of the large Breadcrumb.
+
$kendo-breadcrumb-line-heightnull
Description
The line-height of the Breadcrumb.
+
$kendo-breadcrumb-sm-line-heightnull
Description
The line-height of the small Breadcrumb.
+
$kendo-breadcrumb-md-line-heightnull
Description
The line-height of the medium Breadcrumb.
+
$kendo-breadcrumb-lg-line-heightnull
Description
The line-height of the height Breadcrumb.
+
$kendo-breadcrumb-bgnull
Description
The base background of the Breadcrumb.
+
$kendo-breadcrumb-textnull
Description
The base text color of the Breadcrumb.
+
$kendo-breadcrumb-bordernull
Description
The base border color of the Breadcrumb.
+
$kendo-breadcrumb-focus-shadownull
Description
The box shadow of the focused Breadcrumb.
+
$kendo-breadcrumb-link-padding-xnull
Description
The horizontal padding of the Breadcrumb link.
+
$kendo-breadcrumb-sm-link-padding-xnull
Description
The horizontal padding of the small Breadcrumb link.
+
$kendo-breadcrumb-md-link-padding-xnull
Description
The horizontal padding of the medium Breadcrumb link.
+
$kendo-breadcrumb-lg-link-padding-xnull
Description
The horizontal padding of the large Breadcrumb link.
+
$kendo-breadcrumb-link-padding-ynull
Description
The vertical padding of the Breadcrumb link.
+
$kendo-breadcrumb-sm-link-padding-ynull
Description
The vertical padding of the small Breadcrumb link.
+
$kendo-breadcrumb-md-link-padding-ynull
Description
The vertical padding of the medium Breadcrumb link.
+
$kendo-breadcrumb-lg-link-padding-ynull
Description
The vertical padding of the large Breadcrumb link.
+
$kendo-breadcrumb-link-border-radiusnull
Description
The border-radius of the Breadcrumb link.
+
$kendo-breadcrumb-icon-link-padding-ynull
Description
The vertical padding of the Breadcrumb link icon.
+
$kendo-breadcrumb-sm-icon-link-padding-ynull
Description
The vertical padding of the small Breadcrumb link icon.
+
$kendo-breadcrumb-md-icon-link-padding-ynull
Description
The vertical padding of the medium Breadcrumb link icon.
+
$kendo-breadcrumb-lg-icon-link-padding-ynull
Description
The vertical padding of the large Breadcrumb link icon.
+
$kendo-breadcrumb-icon-link-padding-xnull
Description
The horizontal padding of the Breadcrumb link icon.
+
$kendo-breadcrumb-sm-icon-link-padding-xnull
Description
The horizontal padding of the small Breadcrumb link icon.
+
$kendo-breadcrumb-md-icon-link-padding-xnull
Description
The horizontal padding of the medium Breadcrumb link icon.
+
$kendo-breadcrumb-lg-icon-link-padding-xnull
Description
The horizontal padding of the large Breadcrumb link icon.
+
$kendo-breadcrumb-link-initial-textnull
Description
The text color of the Breadcrumb link.
+
$kendo-breadcrumb-link-icon-spacingnull
Description
The spacing of the Breadcrumb link icon.
+
$kendo-breadcrumb-link-bgnull
Description
The background color of the Breadcrumb link.
+
$kendo-breadcrumb-link-textnull
Description
The text color of the Breadcrumb link.
+
$kendo-breadcrumb-link-bordernull
Description
The border color of the Breadcrumb link.
+
$kendo-breadcrumb-link-hover-bgnull
Description
The background color of the hovered Breadcrumb link.
+
$kendo-breadcrumb-link-hover-textnull
Description
The text color of the hovered Breadcrumb link.
+
$kendo-breadcrumb-link-hover-bordernull
Description
The border color of the hovered Breadcrumb link.
+
$kendo-breadcrumb-link-focus-bgnull
Description
The background color of the focused Breadcrumb link.
+
$kendo-breadcrumb-link-focus-textnull
Description
The text color of the focused Breadcrumb link.
+
$kendo-breadcrumb-link-focus-bordernull
Description
The border color of the focused Breadcrumb link.
+
$kendo-breadcrumb-link-focus-shadownull
Description
The box shadow of the focused Breadcrumb link.
+
$kendo-breadcrumb-root-link-bgnull
Description
The background color of the Breadcrumb root link.
+
$kendo-breadcrumb-root-link-textnull
Description
The text color of the Breadcrumb root link.
+
$kendo-breadcrumb-root-link-bordernull
Description
The border color of the Breadcrumb root link.
+
$kendo-breadcrumb-root-link-hover-bgnull
Description
The background color of the hovered Breadcrumb root link.
+
$kendo-breadcrumb-root-link-hover-textnull
Description
The text color of the hovered Breadcrumb root link.
+
$kendo-breadcrumb-root-link-hover-bordernull
Description
The border color of the hovered Breadcrumb root link.
+
$kendo-breadcrumb-root-link-focus-bgnull
Description
The background color of the focused Breadcrumb root link.
+
$kendo-breadcrumb-root-link-focus-textnull
Description
The text color of the focused Breadcrumb root link.
+
$kendo-breadcrumb-root-link-focus-bordernull
Description
The border color of the focused Breadcrumb root link.
+
$kendo-breadcrumb-root-link-focus-shadownull
Description
The box shadow of the focused Breadcrumb root link.
+
$kendo-breadcrumb-current-item-bgnull
Description
The background color of the current Breadcrumb root link.
+
$kendo-breadcrumb-current-item-textnull
Description
The text color of the current Breadcrumb root link.
+
$kendo-breadcrumb-current-item-bordernull
Description
The border color of the current Breadcrumb root link.
+
$kendo-breadcrumb-sizesnull
Description
The sizes map for the Breadcrumb.
+
+ +### Button + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-button-border-widthnull
Description
The width of the border around the Button.
+
$kendo-button-border-radiusnull
Description
The border radius of the Button.
+
$kendo-button-padding-xnull
Description
The horizontal padding of the Button.
+
$kendo-button-sm-padding-xnull
Description
The horizontal padding of the small Button.
+
$kendo-button-md-padding-xnull
Description
The horizontal padding of the medium Button.
+
$kendo-button-lg-padding-xnull
Description
The horizontal padding of the large Button.
+
$kendo-button-padding-ynull
Description
The vertical padding of the Button.
+
$kendo-button-sm-padding-ynull
Description
The vertical padding of the small Button.
+
$kendo-button-md-padding-ynull
Description
The vertical padding of the medium Button.
+
$kendo-button-lg-padding-ynull
Description
The vertical padding of the large Button.
+
$kendo-button-font-familynull
Description
The font family of the Button.
+
$kendo-button-font-sizenull
Description
The font size of the Button.
+
$kendo-button-sm-font-sizenull
Description
The font size of the small Button.
+
$kendo-button-md-font-sizenull
Description
The font size of the medium Button.
+
$kendo-button-lg-font-sizenull
Description
The font size of the large Button.
+
$kendo-button-line-heightnull
Description
The line height used along with the $kendo-font-size the.
+
$kendo-button-sm-line-heightnull
Description
The line height used along with the $kendo-font-size the of the small Button.
+
$kendo-button-md-line-heightnull
Description
The line height used along with the $kendo-font-size the of the medium Button.
+
$kendo-button-lg-line-heightnull
Description
The line height used along with the $kendo-font-size the of the large Button.
+
$kendo-button-calc-sizenull
Description
The calculated height of the Button.
+
$kendo-button-inner-calc-sizenull
Description
The calculated inner height of the Button excluding the border width.
+
$kendo-button-sizesnull
Description
The sizes map for the Button.
+
$kendo-button-theme-colorsnull
Description
The theme colors map for the Button.
+
$kendo-button-bgnull
Description
The base background of the Button.
+
$kendo-button-textnull
Description
The base text color of the Button.
+
$kendo-button-bordernull
Description
The base border color of the Button.
+
$kendo-button-gradientnull
Description
The base background gradient of the Button.
+
$kendo-button-shadownull
Description
The base shadow of the Button.
+
$kendo-button-hover-bgnull
Description
The base background of the hovered Button.
+
$kendo-button-hover-textnull
Description
The base text color of the hovered Button.
+
$kendo-button-hover-bordernull
Description
The base border color of the hovered Button.
+
$kendo-button-hover-gradientnull
Description
The base background gradient of the hovered Button.
+
$kendo-button-hover-shadownull
Description
The base shadow of the hovered Button.
+
$kendo-button-active-bgnull
Description
The base background color of the active Button.
+
$kendo-button-active-textnull
Description
The base text color of the active Button.
+
$kendo-button-active-bordernull
Description
The base border color of the active Button.
+
$kendo-button-active-gradientnull
Description
The base background gradient of the active Button.
+
$kendo-button-active-shadownull
Description
The base shadow of the active Button.
+
$kendo-button-selected-bgnull
Description
The base background color of the selected Button.
+
$kendo-button-selected-textnull
Description
The text color of the selected Button.
+
$kendo-button-selected-bordernull
Description
The border color of the selected Button.
+
$kendo-button-selected-gradientnull
Description
The background gradient of the selected Button.
+
$kendo-button-selected-shadownull
Description
The base shadow of the selected Button.
+
$kendo-button-focus-bgnull
Description
The base background of the focused Button.
+
$kendo-button-focus-textnull
Description
The base text color of the focused Button.
+
$kendo-button-focus-bordernull
Description
The base border color of the focused Button.
+
$kendo-button-focus-gradientnull
Description
The base background gradient of the focused Button.
+
$kendo-button-focus-shadownull
Description
The base shadow of the focused Button.
+
$kendo-button-disabled-bgnull
Description
The base background of the disabled Button.
+
$kendo-button-disabled-textnull
Description
The base text color of the disabled Button.
+
$kendo-button-disabled-bordernull
Description
The base border color of the disabled Button.
+
$kendo-button-disabled-gradientnull
Description
The base background gradient of the disabled Button.
+
$kendo-button-disabled-shadownull
Description
The base shadow of the disabled Button.
+
$kendo-flat-button-hover-opacitynull
Description
The overlay opacity of the hovered flat Button. Used to create a background for the flat Button.
+
$kendo-flat-button-focus-opacitynull
Description
The overlay opacity of the focused flat Button. Used to create a background for the flat Button.
+
$kendo-flat-button-active-opacitynull
Description
The overlay opacity of the active flat Button. Used to create background for the flat Button.
+
$kendo-flat-button-selected-opacitynull
Description
The overlay opacity of the selected flat Button. Used to create background for the flat Button.
+
$kendo-flat-button-focus-ring-opacitynull
Description
The opacity of the flat Button focus ring. Used to create a border for the flat Button.
+
$kendo-button-transitionnull
Description
The color transition of the flat Button.
+
+ +### Calendar + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-calendar-border-widthnull
Description
The width of the border around the Calendar.
+
$kendo-calendar-font-familynull
Description
The font family of the Calendar.
+
$kendo-calendar-font-sizenull
Description
The font size of the Calendar.
+
$kendo-calendar-line-heightnull
Description
The line height of the Calendar.
+
$kendo-calendar-cell-sizenull
Description
The size of the cells in the Calendar.
+
$kendo-calendar-bgnull
Description
The background color of the Calendar.
+
$kendo-calendar-textnull
Description
The text color of the Calendar.
+
$kendo-calendar-bordernull
Description
The border color of the Calendar.
+
$kendo-calendar-header-padding-xnull
Description
The horizontal padding of the header in the Calendar.
+
$kendo-calendar-header-padding-ynull
Description
The vertical padding of the header in the Calendar.
+
$kendo-calendar-header-border-widthnull
Description
The border width of the header in the Calendar.
+
$kendo-calendar-header-bgnull
Description
The background color of the header in the Calendar.
+
$kendo-calendar-header-textnull
Description
The text color of the header in the Calendar.
+
$kendo-calendar-header-bordernull
Description
The border color of the header in the Calendar.
+
$kendo-calendar-header-gradientnull
Description
The gradient of the header in the Calendar.
+
$kendo-calendar-header-shadownull
Description
The shadow of the header in the Calendar.
+
$kendo-calendar-nav-gapnull
Description
The gap between the items in the navigation of the Calendar.
+
$kendo-calendar-footer-padding-xnull
Description
The horizontal padding of the footer in the Calendar.
+
$kendo-calendar-footer-padding-ynull
Description
The vertical padding of the footer in the Calendar.
+
$kendo-calendar-cell-padding-xnull
Description
The horizontal padding of the cells in the Calendar.
+
$kendo-calendar-cell-padding-ynull
Description
The vertical padding of the cells in the Calendar.
+
$kendo-calendar-cell-line-heightnull
Description
The line height of the cells in the Calendar.
+
$kendo-calendar-cell-border-radiusnull
Description
The border radius of the cells in the Calendar.
+
$kendo-calendar-header-cell-padding-xnull
Description
The horizontal padding of the header cells in the Calendar.
+
$kendo-calendar-header-cell-padding-ynull
Description
The vertical padding of the header cells in the Calendar.
+
$kendo-calendar-header-cell-widthnull
Description
The width of the header cells in the Calendar.
+
$kendo-calendar-header-cell-heightnull
Description
The height of the header cells in the Calendar.
+
$kendo-calendar-header-cell-font-sizenull
Description
The font size of the header cells in the Calendar.
+
$kendo-calendar-header-cell-line-heightnull
Description
The line height of the header cells in the Calendar.
+
$kendo-calendar-header-cell-bgnull
Description
The background color of the header cells in the Calendar.
+
$kendo-calendar-header-cell-textnull
Description
The text color of the header cells in the Calendar.
+
$kendo-calendar-header-cell-opacitynull
Description
The opacity of the header cells in the Calendar.
+
$kendo-calendar-caption-padding-xnull
Description
The horizontal padding of the caption in the Calendar.
+
$kendo-calendar-caption-padding-ynull
Description
The vertical padding of the caption in the Calendar.
+
$kendo-calendar-caption-heightnull
Description
The height of the caption in the Calendar.
+
$kendo-calendar-caption-font-sizenull
Description
The font size of the caption in the Calendar.
+
$kendo-calendar-caption-line-heightnull
Description
The line height of the caption in the Calendar.
+
$kendo-calendar-caption-font-weightnull
Description
The font weight of the caption in the Calendar.
+
$kendo-calendar-week-number-font-sizenull
Description
The font size of the week number cells in the Calendar.
+
$kendo-calendar-view-widthnull
Description
The width of the Calendar view.
+
$kendo-calendar-view-heightnull
Description
The height of the Calendar view.
+
$kendo-calendar-view-gapnull
Description
The gap between the items in the Calendar view.
+
$kendo-calendar-weekend-bgnull
Description
The background color of the weekend cells in the Calendar.
+
$kendo-calendar-weekend-textnull
Description
The text color of the weekend cells in the Calendar.
+
$kendo-calendar-today-stylenull
Description
The style of the current day in the Calendar.
+
$kendo-calendar-today-colornull
Description
The color of the current day in the Calendar.
+
$kendo-calendar-week-number-bgnull
Description
The background color of the week number cells in the Calendar.
+
$kendo-calendar-week-number-textnull
Description
The text color of the week number cells in the Calendar.
+
$kendo-calendar-other-month-bgnull
Description
The background color of the preceding/subsequent month cells in the Calendar.
+
$kendo-calendar-other-month-textnull
Description
The text color of the preceding/subsequent month cells in the Calendar.
+
$kendo-calendar-cell-bgnull
Description
The background color of the cells in the Calendar.
+
$kendo-calendar-cell-textnull
Description
The text color of the cells in the Calendar.
+
$kendo-calendar-cell-bordernull
Description
The border color of the cells in the Calendar.
+
$kendo-calendar-cell-gradientnull
Description
The gradient of the cells in the Calendar.
+
$kendo-calendar-cell-hover-bgnull
Description
The background color of the hovered cells in the Calendar.
+
$kendo-calendar-cell-hover-textnull
Description
The text color of the hovered cells in the Calendar.
+
$kendo-calendar-cell-hover-bordernull
Description
The border color of the hovered cells in the Calendar.
+
$kendo-calendar-cell-hover-gradientnull
Description
The gradient of the hovered cells in the Calendar.
+
$kendo-calendar-cell-selected-bgnull
Description
The background color of the selected cells in the Calendar.
+
$kendo-calendar-cell-selected-textnull
Description
The text color of the selected cells in the Calendar.
+
$kendo-calendar-cell-selected-bordernull
Description
The border color of the selected cells in the Calendar.
+
$kendo-calendar-cell-selected-gradientnull
Description
The gradient of the selected cells in the Calendar.
+
$kendo-calendar-cell-selected-hover-bgnull
Description
The background color of the selected and hovered cells in the Calendar.
+
$kendo-calendar-cell-selected-hover-textnull
Description
The text color of the selected and hovered cells in the Calendar.
+
$kendo-calendar-cell-selected-hover-bordernull
Description
The border color of the selected and hovered cells in the Calendar.
+
$kendo-calendar-cell-selected-hover-gradientnull
Description
The gradient of the selected and hovered cells in the Calendar.
+
$kendo-calendar-cell-focus-shadownull
Description
The shadow of the focused cells in the Calendar.
+
$kendo-calendar-cell-selected-focus-shadownull
Description
The shadow of the selected and focused cells in the Calendar.
+
$kendo-calendar-navigation-widthnull
Description
The width of the Calendar navigation.
+
$kendo-calendar-navigation-item-heightnull
Description
The height of the items in the Calendar navigation.
+
$kendo-calendar-navigation-bgnull
Description
The background color of the Calendar navigation.
+
$kendo-calendar-navigation-textnull
Description
The text color of the Calendar navigation.
+
$kendo-calendar-navigation-bordernull
Description
The border color of the Calendar navigation.
+
$kendo-calendar-navigation-hover-textnull
Description
The text color of the hovered items in the Calendar navigation.
+
$kendo-infinite-calendar-header-padding-xnull
Description
The horizontal padding of the header in the Infinite Calendar.
+
$kendo-infinite-calendar-header-padding-ynull
Description
The vertical padding of the header in the Infinite Calendar.
+
$kendo-infinite-calendar-view-padding-xnull
Description
The horizontal padding of the Calendar view in the Infinite Calendar.
+
$kendo-infinite-calendar-view-padding-ynull
Description
The vertical padding of the Calendar view in the Infinite Calendar.
+
$kendo-infinite-calendar-view-heightnull
Description
The height of the Calendar view in the Infinite Calendar.
+
$kendo-calendar-range-cell-border-radiusnull
Description
The border radius of the range cells in the Multiview Calendar.
+
$kendo-calendar-sm-font-sizenull
Description
The font size of the small Calendar.
+
$kendo-calendar-sm-line-heightnull
Description
The line height of the small Calendar.
+
$kendo-calendar-sm-cell-sizenull
Description
The size of the cells in the small Calendar.
+
$kendo-calendar-sm-cell-padding-xnull
Description
The horizontal padding of the cells in the small Calendar.
+
$kendo-calendar-sm-cell-padding-ynull
Description
The vertical padding of the cells in the small Calendar.
+
$kendo-calendar-md-font-sizenull
Description
The font size of the medium Calendar.
+
$kendo-calendar-md-line-heightnull
Description
The line height of the medium Calendar.
+
$kendo-calendar-md-cell-sizenull
Description
The size of the cells in the medium Calendar.
+
$kendo-calendar-md-cell-padding-xnull
Description
The horizontal padding of the cells in the medium Calendar.
+
$kendo-calendar-md-cell-padding-ynull
Description
The vertical padding of the cells in the medium Calendar.
+
$kendo-calendar-lg-font-sizenull
Description
The font size of the large Calendar.
+
$kendo-calendar-lg-line-heightnull
Description
The line height of the large Calendar.
+
$kendo-calendar-lg-cell-sizenull
Description
The size of the cells in the large Calendar.
+
$kendo-calendar-lg-cell-padding-xnull
Description
The horizontal padding of the cells in the large Calendar.
+
$kendo-calendar-lg-cell-padding-ynull
Description
The vertical padding of the cells in the large Calendar.
+
$kendo-calendar-sizesnull
Description
The sizes Map of the Calendar.
+
+ +### Captcha + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-captcha-spacernull
Description
The spacer of the Captcha.
+
$kendo-captcha-widthnull
Description
The width of the Captcha.
+
$kendo-captcha-font-familynull
Description
The font family of the Captcha.
+
$kendo-captcha-font-sizenull
Description
The font size of the Captcha.
+
$kendo-captcha-line-heightnull
Description
The line height of the Captcha.
+
$kendo-captcha-gapnull
Description
The gap of the Captcha.
+
$kendo-captcha-bgnull
Description
The background color of the Captcha.
+
$kendo-captcha-textnull
Description
The text color of the Captcha.
+
$kendo-captcha-bordernull
Description
The border color of the Captcha.
+
$kendo-captcha-image-wrap-gapnull
Description
The gap of the Captcha image wrapper.
+
$kendo-captcha-image-controls-gapnull
Description
The gap of the Captcha image controls.
+
$kendo-captcha-validation-message-margin-topnull
Description
The top margin of the Captcha validation message.
+
$kendo-captcha-validation-message-font-sizenull
Description
The font size of the Captcha validation message.
+
$kendo-captcha-validation-message-font-stylenull
Description
The font style of the Captcha validation message.
+
+ +### Card + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-card-padding-xnull
Description
The horizontal padding of the Card.
+
$kendo-card-padding-ynull
Description
The vertical padding of the Card.
+
$kendo-card-border-widthnull
Description
The width of the border around the Card.
+
$kendo-card-border-radiusnull
Description
The border radius of the Card.
+
$kendo-card-inner-border-radiusnull
Description
The inner border radius of the Card.
+
$kendo-card-font-familynull
Description
The font family of the Card.
+
$kendo-card-font-sizenull
Description
The font size of the Card.
+
$kendo-card-line-heightnull
Description
The line height of the Card.
+
$kendo-card-deck-gapnull
Description
The spacing between the Cards in the Card deck.
+
$kendo-card-bgnull
Description
The background color of the Card.
+
$kendo-card-textnull
Description
The text color of the Card.
+
$kendo-card-bordernull
Description
The border color of the Card.
+
$kendo-card-shadownull
Description
The shadow of the Card.
+
$kendo-card-focus-bgnull
Description
The background color of the focused Card.
+
$kendo-card-focus-textnull
Description
The text color of the focused Card.
+
$kendo-card-focus-bordernull
Description
The border color of the focused Card.
+
$kendo-card-focus-shadownull
Description
The shadow of the focused Card.
+
$kendo-card-header-padding-xnull
Description
The horizontal padding of the Card header.
+
$kendo-card-header-padding-ynull
Description
The vertical padding of the Card header.
+
$kendo-card-header-border-widthnull
Description
The bottom border width of the Card header.
+
$kendo-card-header-bgnull
Description
The background color of the Card header.
+
$kendo-card-header-textnull
Description
The text color of the Card header.
+
$kendo-card-header-bordernull
Description
The border color of the Card header.
+
$kendo-card-body-padding-xnull
Description
The horizontal padding of the Card body.
+
$kendo-card-body-padding-ynull
Description
The vertical padding of the Card body.
+
$kendo-card-footer-padding-xnull
Description
The horizontal padding of the Card footer.
+
$kendo-card-footer-padding-ynull
Description
The vertical padding of the Card footer.
+
$kendo-card-footer-border-widthnull
Description
The top border width of the Card footer.
+
$kendo-card-footer-bgnull
Description
The background color of the Card footer.
+
$kendo-card-footer-textnull
Description
The text color of the Card footer.
+
$kendo-card-footer-bordernull
Description
The border color of the Card footer.
+
$kendo-card-title-margin-bottomnull
Description
The bottom margin of the Card title.
+
$kendo-card-title-font-sizenull
Description
The font size of the Card title.
+
$kendo-card-title-font-familynull
Description
The font family of the Card title.
+
$kendo-card-title-line-heightnull
Description
The line height of the Card title.
+
$kendo-card-title-font-weightnull
Description
The font weight of the Card title.
+
$kendo-card-title-letter-spacingnull
Description
The letter spacing of the Card title.
+
$kendo-card-subtitle-margin-bottomnull
Description
The bottom margin of the Card subtitle.
+
$kendo-card-subtitle-font-sizenull
Description
The font size of the Card subtitle.
+
$kendo-card-subtitle-font-familynull
Description
The font family of the Card subtitle.
+
$kendo-card-subtitle-line-heightnull
Description
The line height of the Card subtitle.
+
$kendo-card-subtitle-font-weightnull
Description
The font weight of the Card subtitle.
+
$kendo-card-subtitle-letter-spacingnull
Description
The letter spacing of the Card subtitle.
+
$kendo-card-subtitle-textnull
Description
The text color of the Card subtitle.
+
$kendo-card-img-max-widthnull
Description
The maximum width of the Card image.
+
$kendo-card-avatar-sizenull
Description
The size of the Avatar in the Card.
+
$kendo-card-avatar-spacingnull
Description
The spacing between the Avatar and the text in the Card.
+
$kendo-card-actions-padding-xnull
Description
The horizontal padding of the Card actions.
+
$kendo-card-actions-padding-ynull
Description
The vertical padding of the Card actions.
+
$kendo-card-actions-border-widthnull
Description
The top border width of the Card actions.
+
$kendo-card-actions-gapnull
Description
The spacing between the Card actions.
+
$kendo-card-deck-scroll-button-radiusnull
Description
The border radius of the scroll button in the Card deck.
+
$kendo-card-deck-scroll-button-offsetnull
Description
The border radius of the scroll button in the Card deck.
+
$kendo-card-callout-widthnull
Description
The width of the Card callout.
+
$kendo-card-callout-heightnull
Description
The height of the Card callout.
+
+ +### ChartWizard + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-chart-wizard-icon-area-colornull
Description
The color of the area around the chart type icon.
+
$kendo-chart-wizard-icon-area-bgnull
Description
The background color of the area around the chart type icon.
+
$kendo-chart-wizard-icon-area-border-radiusnull
Description
The border radius of the area around the chart type icon.
+
$kendo-chart-wizard-icon-area-paddingnull
Description
The padding of the area around the chart type icon.
+
$kendo-chart-wizard-icon-area-focus-shadownull
Description
The box shadow of the focused area around the chart type icon.
+
$kendo-chart-wizard-icon-area-selected-shadownull
Description
The box shadow of the selected area around the chart type icon.
+
$kendo-chart-wizard-chart-type-selected-colornull
Description
The color of the selected chart type items in the Property panel.
+
$kendo-chart-wizard-preview-pane-paddingnull
Description
The padding of the preview pane.
+
$kendo-chart-wizard-property-pane-paddingnull
Description
The padding of the property pane.
+
$kendo-chart-wizard-chart-type-spacingnull
Description
The gap between the chart type items in the Property panel.
+
$kendo-chart-wizard-icon-text-gapnull
Description
The gap between the icon area and its text.
+
+ +### Charts + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-series-anull
Description
The first base series color and its light and dark shades.
+
$kendo-series-bnull
Description
The second base series color and its light and dark shades.
+
$kendo-series-cnull
Description
The third base series color and its light and dark shades.
+
$kendo-series-dnull
Description
The fourth base series color and its light and dark shades.
+
$kendo-series-enull
Description
The fifth base series color and its light and dark shades.
+
$kendo-series-fnull
Description
The sixth base series color and its light and dark shades.
+
$kendo-series-1null
Description
The series colors in order:
base, light, dark, lighter, darker
+
$kendo-chart-major-linesnull
Description
The color of the Chart grid lines (major).
+
$kendo-chart-minor-linesnull
Description
The color of the Chart grid lines (minor).
+
+ +### Chat + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-chat-padding-xnull
Description
The horizontal padding of the Chat.
+
$kendo-chat-padding-ynull
Description
The vertical padding of the Chat.
+
$kendo-chat-widthnull
Description
The width of the Chat.
+
$kendo-chat-heightnull
Description
The height of the Chat.
+
$kendo-chat-border-widthnull
Description
The border width of the Chat.
+
$kendo-chat-font-familynull
Description
The font family of the Chat.
+
$kendo-chat-font-sizenull
Description
The font size of the Chat.
+
$kendo-chat-line-heightnull
Description
The line height of the Chat.
+
$kendo-chat-item-spacing-xnull
Description
The horizontal spacing between the items of the Chat.
+
$kendo-chat-item-spacing-ynull
Description
The vertical spacing between the items of the Chat.
+
$kendo-chat-message-list-padding-xnull
Description
The horizontal padding of the Chat message list.
+
$kendo-chat-message-list-padding-ynull
Description
The vertical padding of the Chat message list.
+
$kendo-chat-message-list-spacingnull
Description
The spacing of the Chat message list.
+
$kendo-chat-timestamp-font-sizenull
Description
The font size of the Chat timestamp.
+
$kendo-chat-timestamp-line-heightnull
Description
The line height of the Chat timestamp.
+
$kendo-chat-timestamp-transformnull
Description
The text transform of the Chat timestamp.
+
$kendo-chat-timestamp-textnull
Description
The text color of the Chat timestamp.
+
$kendo-chat-timestamp-bgnull
Description
The background color of the Chat timestamp.
+
$kendo-chat-message-meta-font-sizenull
Description
The font size of the Chat message meta text.
+
$kendo-chat-message-meta-line-heightnull
Description
The line height of the Chat message meta text.
+
$kendo-chat-author-font-sizenull
Description
The font size of the Chat author text.
+
$kendo-chat-author-line-heightnull
Description
The line height of the Chat author text.
+
$kendo-chat-bubble-padding-xnull
Description
The horizontal padding of the Chat bubble message.
+
$kendo-chat-bubble-padding-ynull
Description
The vertical padding of the Chat bubble message.
+
$kendo-chat-bubble-spacingnull
Description
The spacing of the Chat bubble message.
+
$kendo-chat-bubble-line-heightnull
Description
The line height of the Chat bubble message.
+
$kendo-chat-bubble-border-radiusnull
Description
The border radius of the Chat bubble message.
+
$kendo-chat-bubble-border-radius-smnull
Description
The border radius of the Chat small bubble message
+
$kendo-chat-avatar-sizenull
Description
The size of the Chat Avatar.
+
$kendo-chat-avatar-spacingnull
Description
The spacing of the Chat Avatar.
+
$kendo-chat-toolbar-padding-xnull
Description
The horizontal padding of the Chat Toolbar.
+
$kendo-chat-toolbar-padding-ynull
Description
The vertical padding of the Chat Toolbar.
+
$kendo-chat-toolbar-spacingnull
Description
The spacing of the Chat Toolbar.
+
$kendo-chat-toolbar-bgnull
Description
The background color of the Chat Toolbar.
+
$kendo-chat-toolbar-textnull
Description
The text color of the Chat Toolbar.
+
$kendo-chat-toolbar-bordernull
Description
The border color of the Chat Toolbar.
+
$kendo-chat-quick-reply-padding-xnull
Description
The horizontal padding of the Chat quick reply.
+
$kendo-chat-quick-reply-padding-ynull
Description
The vertical padding of the Chat quick reply.
+
$kendo-chat-quick-reply-spacingnull
Description
The spacing of the Chat quick reply.
+
$kendo-chat-quick-reply-line-heightnull
Description
The line height of the Chat quick reply.
+
$kendo-chat-bgnull
Description
The background color of the Chat.
+
$kendo-chat-textnull
Description
The text color of the Chat.
+
$kendo-chat-bordernull
Description
The border color of the Chat.
+
$kendo-chat-bubble-bgnull
Description
The background color of the Chat bubble.
+
$kendo-chat-bubble-textnull
Description
The text color of the Chat bubble.
+
$kendo-chat-bubble-bordernull
Description
The border color of the Chat bubble.
+
$kendo-chat-bubble-shadownull
Description
The box shadow of the Chat bubble.
+
$kendo-chat-bubble-hover-shadownull
Description
The shadow of the hovered Chat bubble.
+
$kendo-chat-bubble-selected-shadownull
Description
The shadow of the selected Chat bubble.
+
$kendo-chat-alt-bubble-bgnull
Description
The background color of the Chat alt bubble.
+
$kendo-chat-alt-bubble-textnull
Description
The text color of the Chat alt bubble.
+
$kendo-chat-alt-bubble-bordernull
Description
The border color of the Chat alt bubble.
+
$kendo-chat-alt-bubble-shadownull
Description
The shadow of the Chat alt bubble.
+
$kendo-chat-alt-bubble-hover-shadownull
Description
The shadow of the hovered Chat alt bubble.
+
$kendo-chat-alt-bubble-selected-shadownull
Description
The shadow of the selected Chat alt bubble.
+
$kendo-chat-quick-reply-bgnull
Description
The background color of the Chat quick reply.
+
$kendo-chat-quick-reply-textnull
Description
The text color of the Chat quick reply.
+
$kendo-chat-quick-reply-bordernull
Description
The border color of the Chat quick reply.
+
$kendo-chat-quick-reply-hover-bgnull
Description
The background color of the hovered Chat quick reply.
+
$kendo-chat-quick-reply-hover-textnull
Description
The text color of the hovered Chat quick reply.
+
$kendo-chat-quick-reply-hover-bordernull
Description
The border color of the hovered Chat quick reply.
+
$kendo-chat-quick-reply-shadow-blurnull
Description
The shadow blur of the focused Chat quick reply.
+
$kendo-chat-quick-reply-shadow-spreadnull
Description
The shadow spread of the focused Chat quick reply.
+
$kendo-chat-quick-reply-shadow-opacitynull
Description
The shadow opacity of the focused Chat quick reply.
+
+ +### Checkbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-checkbox-border-widthnull
Description
The border width of the CheckBox.
+
$kendo-checkbox-sm-sizenull
Description
The size of a small CheckBox.
+
$kendo-checkbox-md-sizenull
Description
The size of a medium CheckBox.
+
$kendo-checkbox-lg-sizenull
Description
The size of a large CheckBox.
+
$kendo-checkbox-sm-glyph-sizenull
Description
The glyph size of a small CheckBox.
+
$kendo-checkbox-md-glyph-sizenull
Description
The glyph size of a medium CheckBox.
+
$kendo-checkbox-lg-glyph-sizenull
Description
The glyph size of a large CheckBox.
+
$kendo-checkbox-sm-ripple-sizenull
Description
The ripple size of a small CheckBox.
+
$kendo-checkbox-md-ripple-sizenull
Description
The ripple size of a medium CheckBox.
+
$kendo-checkbox-lg-ripple-sizenull
Description
The ripple size of a large CheckBox.
+
$kendo-checkbox-bgnull
Description
The background color of the CheckBox.
+
$kendo-checkbox-textnull
Description
The text color of the CheckBox.
+
$kendo-checkbox-bordernull
Description
The border color of the CheckBox.
+
$kendo-checkbox-hover-bgnull
Description
The background color of the hovered CheckBox.
+
$kendo-checkbox-hover-textnull
Description
The text color of the hovered CheckBox.
+
$kendo-checkbox-hover-bordernull
Description
The border color of the hovered CheckBox.
+
$kendo-checkbox-checked-bgnull
Description
The background color of the checked CheckBox.
+
$kendo-checkbox-checked-textnull
Description
The text color of the checked CheckBox.
+
$kendo-checkbox-checked-bordernull
Description
The border color of the checked CheckBox.
+
$kendo-checkbox-indeterminate-bgnull
Description
The background color of the indeterminate CheckBox.
+
$kendo-checkbox-indeterminate-textnull
Description
The text color of the indeterminate CheckBox.
+
$kendo-checkbox-indeterminate-bordernull
Description
The border color of the indeterminate CheckBox.
+
$kendo-checkbox-focus-bordernull
Description
The border color of the focused CheckBox.
+
$kendo-checkbox-focus-shadownull
Description
The box shadow of the focused CheckBox.
+
$kendo-checkbox-focus-checked-bordernull
Description
The border color of the focused and checked CheckBox.
+
$kendo-checkbox-focus-checked-shadownull
Description
The box shadow of the focused and checked CheckBox.
+
$kendo-checkbox-disabled-bgnull
Description
The background color of the disabled CheckBox.
+
$kendo-checkbox-disabled-textnull
Description
The text color of the disabled CheckBox.
+
$kendo-checkbox-disabled-bordernull
Description
The border color of the disabled CheckBox.
+
$kendo-checkbox-disabled-checked-bgnull
Description
The background color of the disabled and checked CheckBox.
+
$kendo-checkbox-disabled-checked-textnull
Description
The text color of the disabled and checked CheckBox.
+
$kendo-checkbox-disabled-checked-bordernull
Description
The border color of the disabled and checked CheckBox.
+
$kendo-checkbox-invalid-bgnull
Description
The background color of an invalid CheckBox.
+
$kendo-checkbox-invalid-textnull
Description
The text color of an invalid CheckBox.
+
$kendo-checkbox-invalid-bordernull
Description
The border color of an invalid CheckBox.
+
$kendo-checkbox-indicator-typenull
Description
The type of the CheckBox indicator.
+
$kendo-checkbox-glyph-font-familynull
Description
The font family of the CheckBox indicator glyph.
+
$kendo-checkbox-checked-glyphnull
Description
The glyph of the CheckBox indicator.
+
$kendo-checkbox-indeterminate-glyphnull
Description
The glyph of the indeterminate CheckBox indicator.
+
$kendo-checkbox-checked-imagenull
Description
The image for a checked CheckBox indicator.
+
$kendo-checkbox-indeterminate-imagenull
Description
The image for a indeterminate CheckBox indicator.
+
$kendo-checkbox-label-margin-xnull
Description
The horizontal margin of the CheckBox inside a label.
+
$kendo-checkbox-list-spacingnull
Description
The spacing between the items in a horizontal CheckBox list.
+
$kendo-checkbox-list-item-padding-xnull
Description
The horizontal padding of the CheckBox list items.
+
$kendo-checkbox-list-item-padding-ynull
Description
The vertical padding of the CheckBox list items.
+
$kendo-checkbox-ripple-bgnull
Description
The background color of the CheckBox' ripple.
+
$kendo-checkbox-ripple-opacitynull
Description
The opacity of the CheckBox' ripple.
+
+ +### Chip + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-chip-border-widthnull
Description
The width of the border around the Chip.
+
$kendo-chip-spacingnull
Description
The spacing between the text and the icons of the Chip.
+
$kendo-chip-padding-xnull
Description
The horizontal padding of the Chip.
+
$kendo-chip-sm-padding-xnull
Description
The horizontal padding of the small Chip.
+
$kendo-chip-md-padding-xnull
Description
The horizontal padding of the medium Chip.
+
$kendo-chip-lg-padding-xnull
Description
The horizontal padding of the large Chip.
+
$kendo-chip-padding-ynull
Description
The vertical padding of the Chip.
+
$kendo-chip-sm-padding-ynull
Description
The vertical padding of the small Chip.
+
$kendo-chip-md-padding-ynull
Description
The vertical padding of the medium Chip.
+
$kendo-chip-lg-padding-ynull
Description
The vertical padding of the large Chip.
+
$kendo-chip-font-sizenull
Description
The font size of the Chip.
+
$kendo-chip-sm-font-sizenull
Description
The font size of the small Chip.
+
$kendo-chip-md-font-sizenull
Description
The font size of the medium Chip.
+
$kendo-chip-lg-font-sizenull
Description
The font size of the large Chip.
+
$kendo-chip-line-heightnull
Description
The Chip's line height that is related to the $kendo-font-size.
+
$kendo-chip-sm-line-heightnull
Description
The small Chip's line height that is related to the $kendo-font-size.
+
$kendo-chip-md-line-heightnull
Description
The medium Chip's line height that is related to the $kendo-font-size.
+
$kendo-chip-lg-line-heightnull
Description
The large Chip's line height that is related to the $kendo-font-size.
+
$kendo-chip-calc-sizenull
Description
The calculated height of the Chip.
+
$kendo-chip-sizesnull
Description
The map with the sizes of the Chip.
+
$kendo-chip-base-bgnull
Description
The base background of the Chip.
+
$kendo-chip-theme-colorsnull
Description
The theme colors map for the Chip.
+
$kendo-chip-solid-bgnull
Description
The base background color of the solid Chip.
+
$kendo-chip-solid-textnull
Description
The base text color of the solid Chip.
+
$kendo-chip-solid-bordernull
Description
The base border color of the solid Chip.
+
$kendo-chip-solid-shadownull
Description
The base shadow of the solid Chip.
+
$kendo-chip-solid-gradientnull
Description
The base gradient of the solid Chip.
+
$kendo-chip-solid-focus-bgnull
Description
The base background color of the focused solid Chip.
+
$kendo-chip-solid-focus-textnull
Description
The base text color of the focused solid Chip.
+
$kendo-chip-solid-hover-bgnull
Description
The base background color of the hovered solid Chip.
+
$kendo-chip-solid-hover-textnull
Description
The base text color of the hovered solid Chip.
+
$kendo-chip-solid-selected-bgnull
Description
The base background color of the selected solid Chip.
+
$kendo-chip-solid-selected-textnull
Description
The base text color of the selected solid Chip.
+
$kendo-chip-outline-bgnull
Description
The base background color of the outline Chip.
+
$kendo-chip-outline-textnull
Description
The base text color of the outline Chip.
+
$kendo-chip-outline-bordernull
Description
The base border color of the outline Chip.
+
$kendo-chip-outline-shadownull
Description
The base shadow of the outline Chip.
+
$kendo-chip-outline-hover-bgnull
Description
The base background color of the hovered outline Chip.
+
$kendo-chip-outline-hover-textnull
Description
The base text color of the hovered outline Chip.
+
$kendo-chip-outline-selected-bgnull
Description
The base background color of the selected outline Chip.
+
$kendo-chip-outline-selected-textnull
Description
The base text color of the selected outline Chip.
+
$kendo-chip-list-sizesnull
Description
The sizes of the Chip list.
+
+ +### Color System + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-color-whiteColor#ffffff#ffffff
Description
The color white.
Note: you cannot change this value.
+
$kendo-color-blackColor#000000#000000
Description
The color black.
Note: you cannot change this value.
+
$kendo-color-rgba-transparentColorrgba(0, 0, 0, 0)rgba(0, 0, 0, 0)
Description
The color transparent.
Note: you cannot change this value.
+
$kendo-gradient-transparent-to-blackGradientrgba(black, 0), black(rgba(0, 0, 0, 0), black)
Description
A gradient that goes from transparent to black.
Note: you cannot change this value.
+
$kendo-gradient-transparent-to-whiteGradientrgba(white, 0), white(rgba(255, 255, 255, 0), white)
Description
A gradient that goes from transparent to white.
Note: you cannot change this value.
+
$kendo-gradient-black-to-transparentGradientblack, rgba(black, 0)(black, rgba(0, 0, 0, 0))
Description
A gradient that goes from black to transparent.
Note: you cannot change this value.
+
$kendo-gradient-white-to-transparentGradientwhite, rgba(white, 0)(white, rgba(255, 255, 255, 0))
Description
A gradient that goes from white to transparent.
Note: you cannot change this value.
+
$kendo-gradient-rainbowGradient#ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000(#ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000)
Description
A gradient that cycles through the colors of the rainbow.
Note: you cannot change this value.
+
$kendo-colorsMap$_default-colors
  • app-surface: #ffffff
  • on-app-surface: #3d3d3d
  • subtle: #666666
  • surface: #fafafa
  • surface-alt: #ffffff
  • border: rgba(0, 0, 0, 0.08)
  • border-alt: rgba(0, 0, 0, 0.16)
  • base-subtle: #ebebeb
  • base-subtle-hover: #e0e0e0
  • base-subtle-active: #d6d6d6
  • base: #f5f5f5
  • base-hover: #ebebeb
  • base-active: #d6d6d6
  • base-emphasis: #c2c2c2
  • base-on-subtle: #3d3d3d
  • on-base: #3d3d3d
  • base-on-surface: #3d3d3d
  • primary-subtle: #ffeceb
  • primary-subtle-hover: #ffdedb
  • primary-subtle-active: #ffc8c4
  • primary: #ff6358
  • primary-hover: #ea5a51
  • primary-active: #d45349
  • primary-emphasis: #ff9d97
  • primary-on-subtle: #5c201c
  • on-primary: #ffffff
  • primary-on-surface: #ff6358
  • secondary-subtle: #fafafa
  • secondary-subtle-hover: #f5f5f5
  • secondary-subtle-active: #ebebeb
  • secondary: #666666
  • secondary-hover: #525252
  • secondary-active: #3d3d3d
  • secondary-emphasis: #e0e0e0
  • secondary-on-subtle: #141414
  • on-secondary: #ffffff
  • secondary-on-surface: #292929
  • tertiary-subtle: #d8f1fd
  • tertiary-subtle-hover: #c5eafc
  • tertiary-subtle-active: #a3dffb
  • tertiary: #03a9f4
  • tertiary-hover: #039ae0
  • tertiary-active: #028ccb
  • tertiary-emphasis: #61c9f9
  • tertiary-on-subtle: #023f5c
  • on-tertiary: #ffffff
  • tertiary-on-surface: #028ccb
  • info-subtle: #d2e2fb
  • info-subtle-hover: #bdd4f8
  • info-subtle-active: #80acf4
  • info: #0058e9
  • info-hover: #0052d6
  • info-active: #004ac2
  • info-emphasis: #6098f2
  • info-on-subtle: #002259
  • on-info: #ffffff
  • info-on-surface: #004ac2
  • success-subtle: #dcf0d3
  • success-subtle-hover: #cbe9bf
  • success-subtle-active: #b7e1a5
  • success: #37b400
  • success-hover: #32a500
  • success-active: #2d9600
  • success-emphasis: #81d15f
  • success-on-subtle: #1c5a00
  • on-success: #ffffff
  • success-on-surface: #2d9600
  • warning-subtle: #fff4d3
  • warning-subtle-hover: #ffeebd
  • warning-subtle-active: #ffe79e
  • warning: #ffc000
  • warning-hover: #eaaf00
  • warning-active: #d49f00
  • warning-emphasis: #ffd760
  • warning-on-subtle: #5e4700
  • on-warning: #3d3d3d
  • warning-on-surface: #ffc000
  • error-subtle: #fcddda
  • error-subtle-hover: #fbc8c3
  • error-subtle-active: #f98b80
  • error: #f31700
  • error-hover: #df1600
  • error-active: #ca1400
  • error-emphasis: #f76f60
  • error-on-subtle: #7a0c00
  • on-error: #ffffff
  • error-on-surface: #ca1400
  • light-subtle: #fafafa
  • light-subtle-hover: #f5f5f5
  • light-subtle-active: #ebebeb
  • light: #ebebeb
  • light-hover: #e0e0e0
  • light-active: #d6d6d6
  • light-emphasis: #d6d6d6
  • light-on-subtle: #141414
  • on-light: #000000
  • light-on-surface: #e0e0e0
  • dark-subtle: #c2c2c2
  • dark-subtle-hover: #adadad
  • dark-subtle-active: #999999
  • dark: #3d3d3d
  • dark-hover: #292929
  • dark-active: #1f1f1f
  • dark-emphasis: #666666
  • dark-on-subtle: #1f1f1f
  • on-dark: #ffffff
  • dark-on-surface: #141414
  • inverse-subtle: #c2c2c2
  • inverse-subtle-hover: #adadad
  • inverse-subtle-active: #999999
  • inverse: #3d3d3d
  • inverse-hover: #292929
  • inverse-active: #1f1f1f
  • inverse-emphasis: #666666
  • inverse-on-subtle: #1f1f1f
  • on-inverse: #ffffff
  • inverse-on-surface: #141414
  • series-a: #ff6358
  • series-a-bold: #bf4a42
  • series-a-bolder: #80322c
  • series-a-subtle: #ffb1ac
  • series-a-subtler: #ff8a82
  • series-b: #ffe162
  • series-b-bold: #bfa94a
  • series-b-bolder: #807131
  • series-b-subtle: #fff0b1
  • series-b-subtler: #ffe989
  • series-c: #4cd180
  • series-c-bold: #399d60
  • series-c-bolder: #266940
  • series-c-subtle: #a6e8c0
  • series-c-subtler: #79dda0
  • series-d: #4b5ffa
  • series-d-bold: #3847bc
  • series-d-bolder: #26307d
  • series-d-subtle: #a5affd
  • series-d-subtler: #7887fb
  • series-e: #ac58ff
  • series-e-bold: #8142bf
  • series-e-bolder: #562c80
  • series-e-subtle: #d6acff
  • series-e-subtler: #c182ff
  • series-f: #ff5892
  • series-f-bold: #bf426e
  • series-f-bolder: #802c49
  • series-f-subtle: #ffacc9
  • series-f-subtler: #ff82ae
Description
The global default Colors map.
+
+
Groups
The groups of the $kendo-colors Map
+
GroupValuesDescription
misc app-surface, on-app-surface, subtle, surface, surface-alt, border, border-altThe Misc variable group.
base base-subtle, base-subtle-hover, base-subtle-active, base, base-hover, base-active, base-emphasis, base-on-subtle, on-base, base-on-surfaceThe Base variable group.
primary primary-subtle, primary-subtle-hover, primary-subtle-active, primary, primary-hover, primary-active, primary-emphasis, primary-on-subtle, on-primary, primary-on-surfaceThe Primary variable group.
secondary secondary-subtle, secondary-subtle-hover, secondary-subtle-active, secondary, secondary-hover, secondary-active, secondary-emphasis, secondary-on-subtle, on-secondary, secondary-on-surfaceThe Secondary variable group.
tertiary tertiary-subtle, tertiary-subtle-hover, tertiary-subtle-active, tertiary, tertiary-hover, tertiary-active, tertiary-emphasis, tertiary-on-subtle, on-tertiary, tertiary-on-surfaceThe Tertiary variable group.
info info-subtle, info-subtle-hover, info-subtle-active, info, info-hover, info-active, info-emphasis, info-on-subtle, on-info, info-on-surfaceThe Info variable group.
success success-subtle, success-subtle-hover, success-subtle-active, success, success-hover, success-active, success-emphasis, success-on-subtle, on-success, success-on-surfaceThe Success variable group.
warning warning-subtle, warning-subtle-hover, warning-subtle-active, warning, warning-hover, warning-active, warning-emphasis, warning-on-subtle, on-warning, warning-on-surfaceThe Warning variable group.
error error-subtle, error-subtle-hover, error-subtle-active, error, error-hover, error-active, error-emphasis, error-on-subtle, on-error, error-on-surfaceThe Error variable group.
light light-subtle, light-subtle-hover, light-subtle-active, light, light-hover, light-active, light-emphasis, light-on-subtle, on-light, light-on-surfaceThe Light variable group.
dark dark-subtle, dark-subtle-hover, dark-subtle-active, dark, dark-hover, dark-active, dark-emphasis, dark-on-subtle, on-dark, dark-on-surfaceThe Dark variable group.
inverse inverse-subtle, inverse-subtle-hover, inverse-subtle-active, inverse, inverse-hover, inverse-active, inverse-emphasis, inverse-on-subtle, on-inverse, inverse-on-surfaceThe Inverse variable group.
series-a series-a, series-a-bold, series-a-bolder, series-a-subtle, series-a-subtlerThe Series A variable group.
series-b series-b, series-b-bold, series-b-bolder, series-b-subtle, series-b-subtlerThe Series B variable group.
series-c series-c, series-c-bold, series-c-bolder, series-c-subtle, series-c-subtlerThe Series C variable group.
series-d series-d, series-d-bold, series-d-bolder, series-d-subtle, series-d-subtlerThe Series D variable group.
series-e series-e, series-e-bold, series-e-bolder, series-e-subtle, series-e-subtlerThe Series E variable group.
series-f series-f, series-f-bold, series-f-bolder, series-f-subtle, series-f-subtlerThe Series F variable group.
+
Properties
The properties of the $kendo-colors Map
+
TypeNameDescription
Colorapp-surfaceThe background color of the application.
Coloron-app-surfaceThe text color of the application.
ColorsubtleThe subtle text color.
ColorsurfaceThe background color of the components' chrome area.
Colorsurface-altThe alternative background color of the components' chrome area.
ColorborderThe border color of the application.
Colorborder-altThe alternative border color of the application.
Colorbase-subtleThe base subtle background color variable.
Colorbase-subtle-hoverThe base subtle background color variable for the hover state.
Colorbase-subtle-activeThe base subtle background color variable for the active state.
ColorbaseThe base background color variable.
Colorbase-hoverThe base background color variable for the hover state.
Colorbase-activeThe base background color variable for the active state.
Colorbase-emphasisThe emphasized base color variable.
Colorbase-on-subtleThe text color variable for content on base subtle.
Coloron-baseThe text color variable for content on base.
Colorbase-on-surfaceThe text color variable for content on surface.
Colorprimary-subtleThe primary subtle background color variable.
Colorprimary-subtle-hoverThe primary subtle background color variable for the hover state.
Colorprimary-subtle-activeThe primary subtle background color variable for the active state.
ColorprimaryThe primary background color variable.
Colorprimary-hoverThe primary background color variable for the hover state.
Colorprimary-active The primary background color variable for the active state.
Colorprimary-emphasisThe emphasized primary color variable.Colorprimary-emphasisThe emphasized primary color variable.
Colorprimary-on-subtleThe text color variable for content on primary subtle.
Coloron-primaryThe text color variable for content on primary.
Colorprimary-on-surfaceThe text color variable for content on surface.
Colorsecondary-subtleThe secondary subtle background color variable.
Colorsecondary-subtle-hoverThe secondary subtle background color variable for the hover state.
Colorsecondary-subtle-activeThe secondary subtle background color variable for the active state.
ColorsecondaryThe secondary background color variable.
Colorsecondary-hoverThe secondary background color variable for the hover state.
Colorsecondary-activeThe secondary background color variable for the active state.
Colorsecondary-emphasisThe emphasized secondary color variable.
Colorsecondary-on-subtleThe text color variable for content on secondary subtle.
Coloron-secondaryThe text color variable for content on secondary.
Colorsecondary-on-surfaceThe text color variable for content on surface.
Colortertiary-subtleThe tertiary subtle background color variable.
Colortertiary-subtle-hoverThe tertiary subtle background color variable for the hover state.
Colortertiary-subtle-activeThe tertiary subtle background color variable for the active state.
ColortertiaryThe tertiary background color variable.
Colortertiary-hoverThe tertiary background color variable for the hover state.
Colortertiary-activeThe tertiary background color variable for the active state.
Colortertiary-emphasisThe emphasized tertiary color variable.
Colortertiary-on-subtleThe text color variable for content on tertiary subtle.
Coloron-tertiaryThe text color variable for content on tertiary.
Colortertiary-on-surfaceThe text color variable for content on surface.
Colorinfo-subtleThe info subtle background color variable.
Colorinfo-subtle-hoverThe info subtle background color variable for the hover state.
Colorinfo-subtle-activeThe info subtle background color variable for the active state.
ColorinfoThe info background color variable.
Colorinfo-hoverThe info background color variable for the hover state.
Colorinfo-activeThe info background color variable for the active state.
Colorinfo-emphasisThe emphasized info color variable.
Colorinfo-on-subtleThe text color variable for content on info subtle.
Coloron-infoThe text color variable for content on info.
Colorinfo-on-surfaceThe text color variable for content on surface.
Colorsuccess-subtleThe success subtle background color variable.
Colorsuccess-subtle-hoverThe success subtle background color variable for the hover state.
Colorsuccess-subtle-activeThe success subtle background color variable for the active state.
ColorsuccessThe success background color variable.
Colorsuccess-hoverThe success background color variable for the hover state.
Colorsuccess-activeThe success background color variable for the active state.
Colorsuccess-emphasisThe emphasized success color variable.
Colorsuccess-on-subtleThe text color variable for content on success subtle.
Coloron-successThe text color variable for content on success.
Colorsuccess-on-surfaceThe text color variable for content on surface.
Colorwarning-subtleThe warning subtle background color variable.
Colorwarning-subtle-hoverThe warning subtle background color variable for the hover state.
Colorwarning-subtle-activeThe warning subtle background color variable for the active state.
ColorwarningThe warning background color variable.
Colorwarning-hoverThe warning background color variable for the hover state.
Colorwarning-activeThe warning background color variable for the active state.
Colorwarning-emphasisThe emphasized warning color variable.
Colorwarning-on-subtleThe text color variable for content on warning subtle.
Coloron-warningThe text color variable for content on warning.
Colorwarning-on-surfaceThe text color variable for content on surface.
Colorerror-subtleThe error subtle background color variable.
Colorerror-subtle-hoverThe error subtle background color variable for the hover state.
Colorerror-subtle-activeThe error subtle background color variable for the active state.
ColorerrorThe error background color variable.
Colorerror-hoverThe error background color variable for the hover state.
Colorerror-activeThe error background color variable for the active state.
Colorerror-emphasisThe emphasized error color variable.
Colorerror-on-subtleThe text color variable for content on error subtle.
Coloron-errorThe text color variable for content on error.
Colorerror-on-surfaceThe text color variable for content on surface.
Colorlight-subtleThe light subtle background color variable.
Colorlight-subtle-hoverThe light subtle background color variable for the hover state.
Colorlight-subtle-activeThe light subtle background color variable for the active state.
ColorlightThe light background color variable.
Colorlight-hoverThe light background color variable for the hover state.
Colorlight-activeThe light background color variable for the active state.
Colorlight-emphasisThe emphasized light color variable.
Colorlight-on-subtleThe text color variable for content on light subtle.
Coloron-lightThe text color variable for content on light.
Colorlight-on-surfaceThe text color variable for content on surface.
Colordark-subtleThe dark subtle background color variable.
Colordark-subtle-hoverThe dark subtle background color variable for the hover state.
Colordark-subtle-activeThe dark subtle background color variable for the active state.
ColordarkThe dark background color variable.
Colordark-hoverThe dark background color variable for the hover state.
Colordark-activeThe dark background color variable for the active state.
Colordark-emphasisThe emphasized dark color variable.
Colordark-on-subtleThe text color variable for content on dark subtle.
Coloron-darkThe text color variable for content on dark.
Colordark-on-surfaceThe text color variable for content on surface.
Colorinverse-subtleThe inverse subtle background color variable.
Colorinverse-subtle-hoverThe inverse subtle background color variable for the hover state.
Colorinverse-subtle-activeThe inverse subtle background color variable for the active state.
ColorinverseThe inverse background color variable.
Colorinverse-hoverThe inverse background color variable for the hover state.
Colorinverse-activeThe inverse background color variable for the active state.
Colorinverse-emphasisThe emphasized inverse color variable.
Colorinverse-on-subtleThe text color variable for content on inverse subtle.
Coloron-inverseThe text color variable for content on inverse.
Colorinverse-on-surfaceThe text color variable for content on surface.
Colorseries-aThe series A color variable.
Colorseries-a-boldThe bold series A color variable.
Colorseries-a-bolderThe bolder series A color variable.
Colorseries-a-subtleThe subtle series A color variable.
Colorseries-a-subtlerThe subtler series A color variable.
Colorseries-bThe series B color variable.
Colorseries-b-boldThe bold series B color variable.
Colorseries-b-bolderThe bolder series B color variable.
Colorseries-b-subtleThe subtle series B color variable.
Colorseries-b-subtlerThe subtler series B color variable.
Colorseries-cThe series C color variable.
Colorseries-c-boldThe bold series C color variable.
Colorseries-c-bolderThe bolder series C color variable.
Colorseries-c-subtleThe subtle series C color variable.
Colorseries-c-subtlerThe subtler series C color variable.
Colorseries-dThe series D color variable.
Colorseries-d-boldThe bold series D color variable.
Colorseries-d-bolderThe bolder series D color variable.
Colorseries-d-subtleThe subtle series D color variable.
Colorseries-d-subtlerThe subtler series D color variable.
Colorseries-eThe series E color variable.
Colorseries-e-boldThe bold series E color variable.
Colorseries-e-bolderThe bolder series E color variable.
Colorseries-e-subtleThe subtle series E color variable.
Colorseries-e-subtlerThe subtler series E color variable.
Colorseries-fThe series F color variable.
Colorseries-f-boldThe bold series F color variable.
Colorseries-f-bolderThe bolder series F color variable.
Colorseries-f-subtleThe subtle series F color variable.
Colorseries-f-subtlerThe subtler series F color variable.
+ +### ColorEditor + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-color-editor-spacernull
Description
The spacer of the ColorEditor.
+
$kendo-color-editor-min-widthnull
Description
The minimum width of the ColorEditor.
+
$kendo-color-editor-sm-min-widthnull
Description
The minimum width of the ColorEditor.
+
$kendo-color-editor-md-min-widthnull
Description
The minimum width of the ColorEditor.
+
$kendo-color-editor-lg-min-widthnull
Description
The minimum width of the ColorEditor.
+
$kendo-color-editor-border-widthnull
Description
The width of the border around the ColorEditor.
+
$kendo-color-editor-border-radiusnull
Description
The border radius of the ColorEditor.
+
$kendo-color-editor-font-familynull
Description
The font family of the ColorEditor.
+
$kendo-color-editor-font-sizenull
Description
The font size of the ColorEditor.
+
$kendo-color-editor-line-heightnull
Description
The line height of the ColorEditor.
+
$kendo-color-editor-textnull
Description
The text color of the ColorEditor.
+
$kendo-color-editor-bgnull
Description
The background color of the ColorEditor.
+
$kendo-color-editor-bordernull
Description
The border color of the ColorEditor.
+
$kendo-color-editor-focus-bordernull
Description
The border color of the focused ColorEditor.
+
$kendo-color-editor-focus-shadownull
Description
The box shadow of the focused ColorEditor.
+
$kendo-color-editor-header-padding-ynull
Description
The vertical padding of the ColorEditor header.
+
$kendo-color-editor-header-padding-xnull
Description
The horizontal padding of the ColorEditor header.
+
$kendo-color-editor-header-actions-gapnull
Description
The spacing between the ColorEditor header actions.
+
$kendo-color-editor-sm-header-padding-ynull
Description
The vertical padding of the small ColorEditor header.
+
$kendo-color-editor-sm-header-padding-xnull
Description
The horizontal padding of the small ColorEditor header.
+
$kendo-color-editor-md-header-padding-ynull
Description
The vertical padding of the medium ColorEditor header.
+
$kendo-color-editor-md-header-padding-xnull
Description
The horizontal padding of the medium ColorEditor header.
+
$kendo-color-editor-lg-header-padding-ynull
Description
The vertical padding of the large ColorEditor header.
+
$kendo-color-editor-lg-header-padding-xnull
Description
The horizontal padding of the large ColorEditor header.
+
$kendo-color-editor-color-preview-widthnull
Description
The width of the ColorEditor preview.
+
$kendo-color-editor-color-preview-heightnull
Description
The height of the ColorEditor preview.
+
$kendo-color-editor-preview-gapnull
Description
The spacing between the colors in the ColorEditor preview.
+
$kendo-color-editor-sm-preview-gapnull
Description
The spacing between the colors in the small ColorEditor preview.
+
$kendo-color-editor-md-preview-gapnull
Description
The spacing between the colors in the medium ColorEditor preview.
+
$kendo-color-editor-lg-preview-gapnull
Description
The spacing between the colors in the large ColorEditor preview.
+
$kendo-color-editor-sm-color-preview-widthnull
Description
The width of the small ColorEditor preview.
+
$kendo-color-editor-sm-color-preview-heightnull
Description
The height of the small ColorEditor preview.
+
$kendo-color-editor-md-color-preview-widthnull
Description
The width of the medium ColorEditor preview.
+
$kendo-color-editor-md-color-preview-heightnull
Description
The height of the medium ColorEditor preview.
+
$kendo-color-editor-lg-color-preview-widthnull
Description
The width of the large ColorEditor preview.
+
$kendo-color-editor-lg-color-preview-heightnull
Description
The height of the large ColorEditor preview.
+
$kendo-color-editor-views-padding-ynull
Description
The vertical padding of the ColorEditor views container.
+
$kendo-color-editor-views-padding-xnull
Description
The horizontal padding of the ColorEditor views container.
+
$kendo-color-editor-views-gapnull
Description
The spacing of the ColorEditor views container.
+
$kendo-color-editor-sm-views-padding-ynull
Description
The vertical padding of the small ColorEditor views container.
+
$kendo-color-editor-sm-views-padding-xnull
Description
The horizontal padding of the small ColorEditor views container.
+
$kendo-color-editor-sm-views-gapnull
Description
The spacing of the small ColorEditor views container.
+
$kendo-color-editor-md-views-padding-ynull
Description
The vertical padding of the medium ColorEditor views container.
+
$kendo-color-editor-md-views-padding-xnull
Description
The horizontal padding of the medium ColorEditor views container.
+
$kendo-color-editor-md-views-gapnull
Description
The spacing of the medium ColorEditor views container.
+
$kendo-color-editor-lg-views-padding-ynull
Description
The vertical padding of the large ColorEditor views container.
+
$kendo-color-editor-lg-views-padding-xnull
Description
The horizontal padding of the large ColorEditor views container.
+
$kendo-color-editor-lg-views-gapnull
Description
The spacing of the large ColorEditor views container.
+
$kendo-color-editor-color-gradient-focus-outline-colornull
Description
The outline color of the focused ColorGradient.
+
$kendo-color-editor-color-gradient-focus-outlinenull
Description
The outline width of the focused ColorGradient.
+
$kendo-color-editor-color-gradient-focus-outline-offsetnull
Description
The outline offset of the focused ColorGradient.
+
$kendo-color-editor-sizes()
Description
The size map of the ColorEditor.
+
+ +### ColorGradient + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-color-gradient-spacernull
Description
The spacer of the ColorGradient.
+
$kendo-color-gradient-widthnull
Description
The width of the ColorGradient.
+
$kendo-color-gradient-border-widthnull
Description
The width of the border around the ColorGradient.
+
$kendo-color-gradient-border-radiusnull
Description
The border radius of the ColorGradient.
+
$kendo-color-gradient-padding-ynull
Description
The vertical padding of the ColorGradient.
+
$kendo-color-gradient-padding-xnull
Description
The horizontal padding of the ColorGradient.
+
$kendo-color-gradient-gapnull
Description
The spacing between the sections of the ColorGradient.
+
$kendo-color-gradient-font-familynull
Description
The font family of the ColorGradient.
+
$kendo-color-gradient-font-sizenull
Description
The font size of the ColorGradient.
+
$kendo-color-gradient-line-heightnull
Description
The line height of the ColorGradient.
+
$kendo-color-gradient-textnull
Description
The text color of the ColorGradient.
+
$kendo-color-gradient-bgnull
Description
The background color of the ColorGradient.
+
$kendo-color-gradient-bordernull
Description
The border color of the ColorGradient.
+
$kendo-color-gradient-sm-widthnull
Description
The width of the small ColorGradient.
+
$kendo-color-gradient-md-widthnull
Description
The width of the medium ColorGradient.
+
$kendo-color-gradient-lg-widthnull
Description
The width of the large ColorGradient.
+
$kendo-color-gradient-sm-gapnull
Description
The spacing between the sections of the small ColorGradient.
+
$kendo-color-gradient-md-gapnull
Description
The spacing between the sections of the medium ColorGradient.
+
$kendo-color-gradient-lg-gapnull
Description
The spacing between the sections of the large ColorGradient.
+
$kendo-color-gradient-focus-bordernull
Description
The border color of the focused ColorGradient.
+
$kendo-color-gradient-focus-shadownull
Description
The box shadow of the focused ColorGradient.
+
$kendo-color-gradient-canvas-border-radiusnull
Description
The border radius of the ColorGradient canvas.
+
$kendo-color-gradient-canvas-gapnull
Description
The spacing between the items of the ColorGradient canvas.
+
$kendo-color-gradient-canvas-rectangle-heightnull
Description
The height the ColorGradient canvas hsv rectangle.
+
$kendo-color-gradient-sm-canvas-rectangle-heightnull
Description
The height the small ColorGradient canvas hsv rectangle.
+
$kendo-color-gradient-md-canvas-rectangle-heightnull
Description
The height the medium ColorGradient canvas hsv rectangle.
+
$kendo-color-gradient-lg-canvas-rectangle-heightnull
Description
The height the large ColorGradient canvas hsv rectangle.
+
$kendo-color-gradient-sm-canvas-gapnull
Description
The spacing between the items of the small ColorGradient canvas.
+
$kendo-color-gradient-md-canvas-gapnull
Description
The spacing between the items of the medium ColorGradient canvas.
+
$kendo-color-gradient-lg-canvas-gapnull
Description
The spacing between the items of the large ColorGradient canvas.
+
$kendo-color-gradient-slider-track-sizenull
Description
The width of the ColorGradient slider.
+
$kendo-color-gradient-slider-border-radiusnull
Description
The border radius of the ColorGradient slider.
+
$kendo-color-gradient-slider-draghandle-border-widthnull
Description
The width of the border around the ColorGradient slider drag handle.
+
$kendo-color-gradient-slider-vertical-sizenull
Description
The height of the ColorGradient vertical slider.
+
$kendo-color-gradient-slider-horizontal-sizenull
Description
The width of the ColorGradient horizontal slider.
+
$kendo-color-gradient-slider-alpha-bgr"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAuSURBVHgBxYyxDQAwDMJIL+YT+DjtzFRliUfLcklqBCRT4eCTxbD6kdL2/LgYXqpvCbs3kBv/AAAAAElFTkSuQmCC"
Description
The background image of the ColorGradient alpha slider.
+
$kendo-color-gradient-sm-slider-vertical-sizenull
Description
The height of the small ColorGradient vertical slider.
+
$kendo-color-gradient-md-slider-vertical-sizenull
Description
The height of the medium ColorGradient vertical slider.
+
$kendo-color-gradient-lg-slider-vertical-sizenull
Description
The height of the large ColorGradient vertical slider.
+
$kendo-color-gradient-draghandle-widthnull
Description
The width of the ColorGradient canvas drag handle.
+
$kendo-color-gradient-draghandle-heightnull
Description
The height of the ColorGradient canvas drag handle.
+
$kendo-color-gradient-draghandle-border-widthnull
Description
The width of the border around the ColorGradient canvas drag handle.
+
$kendo-color-gradient-draghandle-outline-widthnull
Description
The width of the outline around the ColorGradient canvas drag handle.
+
$kendo-color-gradient-draghandle-border-radiusnull
Description
The border radius of the ColorGradient canvas drag handle.
+
$kendo-color-gradient-draghandle-textnull
Description
The text color of the ColorGradient canvas drag handle.
+
$kendo-color-gradient-draghandle-bgnull
Description
The background color of the ColorGradient canvas drag handle.
+
$kendo-color-gradient-draghandle-bordernull
Description
The color of the border around the ColorGradient canvas drag handle.
+
$kendo-color-gradient-draghandle-focus-shadownull
Description
The focus color of the outline around the ColorGradient canvas drag handle.
+
$kendo-color-gradient-draghandle-hover-shadownull
Description
The hover color of the outline around the ColorGradient canvas drag handle.
+
$kendo-color-gradient-draghandle-shadownull
Description
The box shadow of the ColorGradient canvas drag handle.
+
$kendo-color-gradient-canvas-draghandle-margin-ynull
Description
The vertical margin of the ColorGradient canvas drag handle.
+
$kendo-color-gradient-canvas-draghandle-margin-xnull
Description
The horizontal margin of the ColorGradient canvas drag handle.
+
$kendo-color-gradient-input-widthnull
Description
The width of the ColorGradient input.
+
$kendo-color-gradient-input-gapnull
Description
The spacing between the ColorGradient inputs.
+
$kendo-color-gradient-input-label-gapnull
Description
The spacing between the ColorGradient inputs and their labels.
+
$kendo-color-gradient-input-label-textnull
Description
The text color of the ColorGradient input labels.
+
$kendo-color-gradient-sm-input-widthnull
Description
The width of the small ColorGradient input.
+
$kendo-color-gradient-md-input-widthnull
Description
The width of the medium ColorGradient input.
+
$kendo-color-gradient-lg-input-widthnull
Description
The width of the large ColorGradient input.
+
$kendo-color-gradient-contrast-ratio-font-weightnull
Description
The font weight of the ColorGradient contrast ratio text.
+
$kendo-color-gradient-contrast-spacernull
Description
The spacing between the items in the ColorGradient contrast tool.
+
$kendo-color-gradient-sizes()
Description
The size map of the ColorGradient.
+
+ +### ColorPalette + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-color-palette-font-familynull
Description
The font family of the ColorPalette.
+
$kendo-color-palette-font-sizenull
Description
The font size of the ColorPalette.
+
$kendo-color-palette-line-heightnull
Description
The line height of the ColorPalette.
+
$kendo-color-palette-tile-widthnull
Description
The width of the ColorPalette tile.
+
$kendo-color-palette-tile-heightnull
Description
The height of the ColorPalette tile.
+
$kendo-color-palette-tile-sm-widthnull
Description
The width of the small ColorPalette tile.
+
$kendo-color-palette-tile-sm-heightnull
Description
The height of the small ColorPalette tile.
+
$kendo-color-palette-tile-md-widthnull
Description
The width of the medium ColorPalette tile.
+
$kendo-color-palette-tile-md-heightnull
Description
The height of the medium ColorPalette tile.
+
$kendo-color-palette-tile-lg-widthnull
Description
The width of the large ColorPalette tile.
+
$kendo-color-palette-tile-lg-heightnull
Description
The height of the large ColorPalette tile.
+
$kendo-color-palette-tile-focus-shadownull
Description
The shadow of the ColorPalette focused tile.
+
$kendo-color-palette-tile-hover-shadownull
Description
The shadow of the ColorPalette hovered tile.
+
$kendo-color-palette-tile-selected-shadownull
Description
The shadow of the ColorPalette selected tile.
+
$kendo-color-palette-sizes()
Description
The size map of the ColorPalette.
+
+ +### Dialog + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-dialog-titlebar-bgnull
Description
The background color of the Dialog titlebar.
+
$kendo-dialog-titlebar-textnull
Description
The text color of the Dialog titlebar.
+
$kendo-dialog-titlebar-bordernull
Description
The border color of the Dialog titlebar.
+
$kendo-dialog-buttongroup-padding-xnull
Description
The horizontal padding of the Dialog action buttons.
+
$kendo-dialog-buttongroup-padding-ynull
Description
The vertical padding of the Dialog action buttons.
+
$kendo-dialog-buttongroup-border-widthnull
Description
The width of the top border of the Dialog action buttons.
+
$kendo-dialog-button-spacingnull
Description
The spacing between the Dialog action buttons.
+
$kendo-dialog-theme-colorsnull
Description
The theme colors map for the Dialog.
+
+ +### DockManager + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-dock-manager-border-widthnull
Description
The width of the border around the DockManager component.
+
$kendo-dock-manager-border-stylenull
Description
The style of the border around the DockManager component.
+
$kendo-dock-manager-bordernull
Description
The color of the border around the DockManager component.
+
$kendo-dock-manager-pane-header-padding-ynull
Description
The vertical padding of the pane header in the DockManager component.
+
$kendo-dock-manager-pane-header-padding-xnull
Description
The horizontal padding of the pane header in the DockManager component.
+
$kendo-dock-manager-pane-header-border-widthnull
Description
The width of the border around the pane header in the DockManager component.
+
$kendo-dock-manager-pane-header-border-stylenull
Description
The style of the border around the pane header in the DockManager component.
+
$kendo-dock-manager-pane-header-bgnull
Description
The background color of the pane header in the DockManager component.
+
$kendo-dock-manager-pane-title-padding-ynull
Description
The vertical padding of the pane title in the DockManager component.
+
$kendo-dock-manager-pane-title-padding-xnull
Description
The horizontal padding of the pane title in the DockManager component.
+
$kendo-dock-manager-pane-title-font-familynull
Description
The font family of the pane title in the DockManager component.
+
$kendo-dock-manager-pane-title-font-sizenull
Description
The font size of the pane title in the DockManager component.
+
$kendo-dock-manager-pane-title-line-heightnull
Description
The line height of the pane title in the DockManager component.
+
$kendo-dock-manager-pane-title-font-weightnull
Description
The font weight of the pane title in the DockManager component.
+
$kendo-dock-manager-pane-content-padding-xnull
Description
The horizontal padding of the pane content in the DockManager component.
+
$kendo-dock-manager-pane-content-padding-ynull
Description
The vertical padding of the pane content in the DockManager component.
+
$kendo-dock-manager-tabbed-pane-padding-ynull
Description
The horizontal padding of the tabbed pane in the DockManager component.
+
$kendo-dock-manager-tabbed-pane-padding-xnull
Description
The horizontal padding of the tabbed pane in the DockManager component.
+
$kendo-dock-manager-unpinned-container-widthnull
Description
The width of the unpinned pane container in the DockManager component.
+
$kendo-dock-manager-unpinned-container-bgnull
Description
The background-color of the unpinned pane container in the DockManager component.
+
$kendo-dock-manager-unpinned-container-shadownull
Description
The box shadow of the unpinned pane container in the DockManager component.
+
$kendo-dock-indicator-paddingnull
Description
The padding of the dock indicator in the DockManager component.
+
$kendo-dock-indicator-bgnull
Description
The background color of the dock indicator in the DockManager component.
+
$kendo-dock-indicator-textnull
Description
The text color of the dock indicator in the DockManager component.
+
$kendo-dock-indicator-outline-widthnull
Description
The outline width of the dock indicator in the DockManager component.
+
$kendo-dock-indicator-outline-stylenull
Description
The outline style of the dock indicator in the DockManager component.
+
$kendo-dock-indicator-outlinenull
Description
The outline color of the dock indicator in the DockManager component.
+
$kendo-dock-indicator-shadownull
Description
The box shadow of the dock indicator in the DockManager component.
+
$kendo-dock-indicator-hover-bgnull
Description
The background color of the hovered dock indicator in the DockManager component.
+
$kendo-dock-indicator-hover-textnull
Description
The text color of the hovered dock indicator in the DockManager component.
+
$kendo-dock-manager-dock-preview-border-widthnull
Description
The width of the border around the dropping area in the DockManager component.
+
$kendo-dock-manager-dock-preview-border-stylenull
Description
The style of the border around the dropping area in the DockManager component.
+
$kendo-dock-manager-dock-preview-border-radiusnull
Description
The border radius of the dropping area in the DockManager component.
+
$kendo-dock-manager-dock-preview-bgnull
Description
The background color of the dropping area in the DockManager component.
+
$kendo-dock-manager-dock-preview-bordernull
Description
The border color of the dropping area in the DockManager component.
+
+ +### Drawer + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-drawer-bgnull
Description
The background color of the Drawer.
+
$kendo-drawer-textnull
Description
The text color of the Drawer.
+
$kendo-drawer-bordernull
Description
The border color of the Drawer.
+
$kendo-drawer-border-widthnull
Description
The border width of the Drawer.
+
$kendo-drawer-font-familynull
Description
The font family of the Drawer.
+
$kendo-drawer-font-sizenull
Description
The font size of the Drawer.
+
$kendo-drawer-line-heightnull
Description
The line height of the Drawer.
+
$kendo-drawer-content-padding-xnull
Description
The horizontal padding of the Drawer content.
+
$kendo-drawer-content-padding-ynull
Description
The vertical padding of the Drawer content.
+
$kendo-drawer-scrollbar-widthnull
Description
The width of the Drawer scrollbar.
+
$kendo-drawer-scrollbar-colornull
Description
The color of the Drawer scrollbar track.
+
$kendo-drawer-scrollbar-bgnull
Description
The background color of the Drawer scrollbar thumb.
+
$kendo-drawer-scrollbar-radiusnull
Description
The border radius of the Drawer scrollbar.
+
$kendo-drawer-scrollbar-hover-colornull
Description
The hover color of the Drawer scrollbar track.
+
$kendo-drawer-item-padding-xnull
Description
The horizontal padding of the Drawer item.
+
$kendo-drawer-item-padding-ynull
Description
The vertical padding of the Drawer item.
+
$kendo-drawer-item-font-sizenull
Description
The font size of the Drawer item.
+
$kendo-drawer-item-line-heightnull
Description
The line height of the Drawer item.
+
$kendo-drawer-item-level-padding-xnull
Description
The horizontal padding of the Drawer item in each level.
+
$kendo-drawer-item-level-countnull
Description
The count of the Drawer item levels.
+
$kendo-drawer-icon-padding-xnull
Description
The horizontal padding of the Drawer icon.
+
$kendo-drawer-icon-padding-ynull
Description
The vertical padding of the Drawer icon.
+
$kendo-drawer-mini-initial-widthnull
Description
The initial width of the mini Drawer.
+
$kendo-drawer-hover-bgnull
Description
The background color of the hovered Drawer item.
+
$kendo-drawer-hover-textnull
Description
The text color of the hovered Drawer item.
+
$kendo-drawer-focus-bgnull
Description
The background color of the focused Drawer item.
+
$kendo-drawer-focus-shadownull
Description
The box shadow of the focused Drawer item.
+
$kendo-drawer-selected-bgnull
Description
The background color of the selected Drawer item.
+
$kendo-drawer-selected-textnull
Description
The text color of the selected Drawer item.
+
$kendo-drawer-selected-hover-bgnull
Description
The background color of the selected and hovered Drawer item.
+
$kendo-drawer-selected-hover-textnull
Description
The text color of the selected and hovered Drawer item.
+
+ +### Dropdowntree + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-dropdowntree-popup-padding-xnull
Description
The horizontal padding of the DropdownTree popup
+
$kendo-dropdowntree-popup-padding-ynull
Description
The vertical padding of the DropdownTree popup
+
+ +### Dropzone + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-dropzone-padding-xnull
Description
The horizontal padding of the DropZone.
+
$kendo-dropzone-padding-ynull
Description
The vertical padding of the DropZone.
+
$kendo-dropzone-border-widthnull
Description
The border width of the DropZone.
+
$kendo-dropzone-min-heightnull
Description
The minimum height of the DropZone.
+
$kendo-dropzone-font-familynull
Description
The font family of the DropZone.
+
$kendo-dropzone-font-sizenull
Description
The font size of the DropZone.
+
$kendo-dropzone-line-heightnull
Description
The line height of the DropZone.
+
$kendo-dropzone-bgnull
Description
The background color of the DropZone.
+
$kendo-dropzone-textnull
Description
The text color of the DropZone.
+
$kendo-dropzone-bordernull
Description
The border color of the DropZone.
+
$kendo-dropzone-icon-spacingnull
Description
The spacing below the DropZone icon.
+
$kendo-dropzone-icon-textnull
Description
The text color of the DropZone icon.
+
$kendo-dropzone-icon-hover-textnull
Description
The text color of the hovered DropZone icon.
+
$kendo-dropzone-hint-font-sizenull
Description
The font size of the DropZone hint.
+
$kendo-dropzone-hint-spacingnull
Description
The spacing below the DropZone hint.
+
$kendo-dropzone-hint-textnull
Description
The text color of the DropZone hint.
+
$kendo-dropzone-note-font-sizenull
Description
The font size of the DropZone note.
+
$kendo-dropzone-note-spacingnull
Description
The spacing below the DropZone note.
+
$kendo-dropzone-note-textnull
Description
The text color of the DropZone note.
+
+ +### Editor + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-editor-border-widthnull
Description
The width of the border around the Еditor.
+
$kendo-editor-font-familynull
Description
The font family of the Еditor.
+
$kendo-editor-font-sizenull
Description
The font size of the Еditor.
+
$kendo-editor-line-heightnull
Description
The line height of the Еditor.
+
$kendo-editor-placeholder-textnull
Description
The text color of the Еditor placeholder.
+
$kendo-editor-placeholder-opacitynull
Description
The opacity of the Editor placeholder.
+
$kendo-editor-selected-textnull
Description
The selected text color of the Editor.
+
$kendo-editor-selected-bgnull
Description
The selected background color of the Editor.
+
$kendo-editor-highlighted-bgnull
Description
The highlighted background color of the Editor.
+
$kendo-editor-export-tool-icon-margin-xnull
Description
The horizontal margin of the Editor's export tool icon.
+
$kendo-editor-resize-handle-sizenull
Description
The size of the Editor's resize handle.
+
$kendo-editor-resize-handle-border-widthnull
Description
The border width of the Editor's resize handle.
+
$kendo-editor-resize-handle-bordernull
Description
The border color of the Editor's resize handle.
+
$kendo-editor-resize-handle-bgnull
Description
The background color of the Editor's resize handle.
+
$kendo-editor-selectednode-outline-widthnull
Description
The outline width of the Editor's selected node.
+
$kendo-editor-selectednode-outline-colornull
Description
The outline color of the Editor's selected node.
+
$kendo-editor-inline-padding-xnull
Description
The horizontal padding of the inline Editor.
+
$kendo-editor-inline-padding-ynull
Description
The vertical padding of the inline Editor.
+
$kendo-editor-filebrowser-tiles-padding-xnull
Description
The horizontal padding of the Editor file browser tiles.
+
$kendo-editor-filebrowser-tiles-padding-ynull
Description
The vertical padding of the Editor file browser tiles.
+
$kendo-editor-content-paddingnull
Description
The padding of the Editor content.
+
+ +### Elevation + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-elevationMap$_default-elevation
  • 1: (0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12))
  • 2: (0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12))
  • 3: (0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12))
  • 4: (0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12))
  • 5: (0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12))
  • 6: (0 12px 14px rgba(0, 0, 0, 0.2), 0 4px 16px rgba(0, 0, 0, 0.12))
  • 7: (0 14px 16px rgba(0, 0, 0, 0.24), 0 4px 16px rgba(0, 0, 0, 0.12))
  • 8: (0 16px 18px rgba(0, 0, 0, 0.28), 0 4px 16px rgba(0, 0, 0, 0.12))
  • 9: (0 32px 34px rgba(0, 0, 0, 0.32), 0 4px 16px rgba(0, 0, 0, 0.12))
Description
The global default Elevation map.
+
+ +### Expander + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-expander-spacing-ynull
Description
The vertical spacing of the ExpansionPanel.
+
$kendo-expander-border-widthnull
Description
The width of the border around the ExpansionPanel.
+
$kendo-expander-font-familynull
Description
The font family of the ExpansionPanel.
+
$kendo-expander-font-sizenull
Description
The font size of the ExpansionPanel.
+
$kendo-expander-line-heightnull
Description
The hine height of the ExpansionPanel.
+
$kendo-expander-textnull
Description
The text color of the ExpansionPanel.
+
$kendo-expander-bgnull
Description
The background color of the ExpansionPanel.
+
$kendo-expander-bordernull
Description
The border color of the ExpansionPanel.
+
$kendo-expander-focus-shadownull
Description
The box shadow of the focused ExpansionPanel.
+
$kendo-expander-header-padding-xnull
Description
The horizontal padding of the ExpansionPanel header.
+
$kendo-expander-header-padding-ynull
Description
The vertical padding of the ExpansionPanel header.
+
$kendo-expander-header-textnull
Description
The text color of the ExpansionPanel header.
+
$kendo-expander-header-bgnull
Description
The background color of the ExpansionPanel header.
+
$kendo-expander-header-bordernull
Description
The border color of the ExpansionPanel header.
+
$kendo-expander-header-hover-bgnull
Description
The background color of the hovered ExpansionPanel header.
+
$kendo-expander-header-focus-bgnull
Description
The background color of the focused ExpansionPanel header.
+
$kendo-expander-header-focus-shadownull
Description
The box shadow of the focused ExpansionPanel header.
+
$kendo-expander-title-textnull
Description
The text color of the ExpansionPanel title.
+
$kendo-expander-header-sub-title-textnull
Description
The text color of the ExpansionPanel sub-title.
+
$kendo-expander-indicator-margin-xnull
Description
The horizontal margin of the ExpansionPanel indicator.
+
$kendo-expander-content-padding-xnull
Description
The horizontal padding of the ExpansionPanel content.
+
$kendo-expander-content-padding-ynull
Description
The vertical padding of the ExpansionPanel content.
+
+ +### FileManager + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-file-manager-spacernull
Description
The space between the FileManager items.
+
$kendo-file-manager-border-widthnull
Description
The border width of the FileManager.
+
$kendo-file-manager-font-familynull
Description
The font family of the FileManager.
+
$kendo-file-manager-font-sizenull
Description
The font size of the FileManager.
+
$kendo-file-manager-line-heightnull
Description
The line height of the FileManager.
+
$kendo-file-manager-bgnull
Description
The background color of the FileManager.
+
$kendo-file-manager-textnull
Description
The text color of the FileManager.
+
$kendo-file-manager-bordernull
Description
The border color of the FileManager.
+
$kendo-file-manager-toolbar-border-widthnull
Description
The border width of the FileManager Toolbar.
+
$kendo-file-manager-toolbar-bgnull
Description
The background color of the FileManager Toolbar.
+
$kendo-file-manager-toolbar-textnull
Description
The text color of the FileManager Toolbar.
+
$kendo-file-manager-toolbar-bordernull
Description
The border color of the FileManager Toolbar.
+
$kendo-file-manager-toolbar-gradientnull
Description
The gradient of the FileManager Toolbar.
+
$kendo-file-manager-navigation-padding-xnull
Description
The horizontal padding of the FileManager Navigation.
+
$kendo-file-manager-navigation-padding-ynull
Description
The vertical padding of the FileManager Navigation.
+
$kendo-file-manager-navigation-widthnull
Description
The width of the FileManager Navigation.
+
$kendo-file-manager-navigation-border-widthnull
Description
The border width of the FileManager Navigation.
+
$kendo-file-manager-navigation-bgnull
Description
The background color of the FileManager Navigation.
+
$kendo-file-manager-navigation-textnull
Description
The text color of the FileManager Navigation.
+
$kendo-file-manager-navigation-bordernull
Description
The border color of the FileManager Navigation.
+
$kendo-file-manager-breadcrumb-padding-xnull
Description
The horizontal padding of the FileManager Breadcrumb.
+
$kendo-file-manager-breadcrumb-padding-ynull
Description
The vertical padding of the FileManager Breadcrumb.
+
$kendo-file-manager-breadcrumb-border-widthnull
Description
The border width of the FileManager Breadcrumb.
+
$kendo-file-manager-breadcrumb-bgnull
Description
The background color of the FileManager Breadcrumb.
+
$kendo-file-manager-breadcrumb-textnull
Description
The text color of the FileManager Breadcrumb.
+
$kendo-file-manager-breadcrumb-bordernull
Description
The border color of the FileManager Breadcrumb.
+
$kendo-file-manager-listview-bgnull
Description
The background color of the FileManager ListView.
+
$kendo-file-manager-listview-textnull
Description
The text color of the FileManager ListView.
+
$kendo-file-manager-listview-bordernull
Description
The border color of the FileManager ListView.
+
$kendo-file-manager-listview-item-padding-xnull
Description
The horizontal padding of the FileManager ListView item.
+
$kendo-file-manager-listview-item-padding-ynull
Description
The vertical padding of the FileManager ListView item.
+
$kendo-file-manager-listview-item-widthnull
Description
The width of the FileManager ListView item.
+
$kendo-file-manager-listview-item-heightnull
Description
The height of the FileManager ListView item.
+
$kendo-file-manager-listview-item-bgnull
Description
The background color of the FileManager ListView item.
+
$kendo-file-manager-listview-item-textnull
Description
The text color of the FileManager ListView item.
+
$kendo-file-manager-listview-item-bordernull
Description
The border color of the FileManager ListView item.
+
$kendo-file-manager-listview-item-icon-bgnull
Description
The background color of the FileManager ListView item icon.
+
$kendo-file-manager-listview-item-icon-textnull
Description
The text color of the FileManager ListView item icon.
+
$kendo-file-manager-listview-item-icon-bordernull
Description
The border color of the FileManager ListView item icon.
+
$kendo-file-manager-listview-item-icon-selected-bgnull
Description
Background color of the FileManager selected ListView item icon.
+
$kendo-file-manager-listview-item-icon-selected-textnull
Description
Text color of the FileManager selected ListView item icon.
+
$kendo-file-manager-listview-item-icon-selected-bordernull
Description
Border color of the FileManager selected ListView item icon.
+
$kendo-file-manager-grid-bgnull
Description
The background color of the FileManager Grid.
+
$kendo-file-manager-grid-textnull
Description
The text color of the FileManager Grid.
+
$kendo-file-manager-grid-bordernull
Description
The border color of the FileManager Grid.
+
$kendo-file-manager-preview-padding-xnull
Description
The horizontal padding of the FileManager preview.
+
$kendo-file-manager-preview-padding-ynull
Description
The vertical padding of the FileManager preview.
+
$kendo-file-manager-preview-widthnull
Description
The width of the FileManager preview.
+
$kendo-file-manager-preview-border-widthnull
Description
The border width of the FileManager preview.
+
$kendo-file-manager-preview-spacingnull
Description
The spacing of the FileManager preview.
+
$kendo-file-manager-preview-column-gapnull
Description
The gap between the columns in the FileManager preview.
+
$kendo-file-manager-preview-bgnull
Description
The background color of the FileManager preview.
+
$kendo-file-manager-preview-textnull
Description
The text color of the FileManager preview.
+
$kendo-file-manager-preview-bordernull
Description
The border color of the FileManager preview.
+
$kendo-file-manager-preview-icon-bgnull
Description
The background color of the FileManager preview icon.
+
$kendo-file-manager-preview-icon-textnull
Description
The text color of the FileManager preview icon.
+
$kendo-file-manager-preview-icon-bordernull
Description
The border color of the FileManager preview icon.
+
+ +### Filter + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-filter-padding-xnull
Description
The horizontal padding of the Filter.
+
$kendo-filter-padding-ynull
Description
The vertical padding of the Filter.
+
$kendo-filter-bottom-marginnull
Description
The bottom margin of the Filter.
+
$kendo-filter-line-sizenull
Description
The width of the line that connects the Filter items.
+
$kendo-filter-operator-dropdown-widthnull
Description
The width of the dropdown elements in the Filter items.
+
$kendo-filter-preview-field-textnull
Description
The text color of the Filter preview field.
+
$kendo-filter-preview-operator-textnull
Description
The text color of the Filter preview operator.
+
$kendo-filter-toolbar-focus-shadownull
Description
The box shadow of the focused Filter toolbar.
+
+ +### FloatingActionButton + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-fab-border-widthnull
Description
The width of the border around the FAB.
+
$kendo-fab-border-radiusnull
Description
The border radius of the FAB.
+
$kendo-fab-font-familynull
Description
The font family of the FAB.
+
$kendo-fab-font-sizenull
Description
The font size of the FAB.
+
$kendo-fab-line-heightnull
Description
The line height of the FAB.
+
$kendo-fab-padding-xnull
Description
The horizontal padding of the FAB.
+
$kendo-fab-sm-padding-xnull
Description
The horizontal padding of the small FAB.
+
$kendo-fab-md-padding-xnull
Description
The horizontal padding of the medium FAB.
+
$kendo-fab-lg-padding-xnull
Description
The horizontal padding of the large FAB.
+
$kendo-fab-padding-ynull
Description
The vertical padding of the FAB.
+
$kendo-fab-sm-padding-ynull
Description
The vertical padding of the small FAB.
+
$kendo-fab-md-padding-ynull
Description
The vertical padding of the medium FAB.
+
$kendo-fab-lg-padding-ynull
Description
The vertical padding of the large FAB.
+
$kendo-fab-icon-padding-xnull
Description
The horizontal padding of the FAB icon.
+
$kendo-fab-icon-padding-ynull
Description
The vertical padding of the FAB icon.
+
$kendo-fab-icon-spacingnull
Description
The spacing of the FAB icon.
+
$kendo-fab-items-padding-xnull
Description
The horizontal padding of the FAB items.
+
$kendo-fab-items-padding-ynull
Description
The vertical padding of the FAB items.
+
$kendo-fab-item-text-padding-xnull
Description
The horizontal padding of the FAB item text.
+
$kendo-fab-item-text-padding-ynull
Description
The vertical padding of the FAB item text.
+
$kendo-fab-item-text-border-widthnull
Description
The width of the FAB item text border.
+
$kendo-fab-item-text-border-radiusnull
Description
The border radius of the FAB item text.
+
$kendo-fab-item-text-font-sizenull
Description
The font size of the FAB item text.
+
$kendo-fab-item-text-line-heightnull
Description
The line height of the FAB item text.
+
$kendo-fab-item-icon-padding-xnull
Description
The horizontal padding of the FAB item icon.
+
$kendo-fab-item-icon-padding-ynull
Description
The vertical padding of the FAB item icon.
+
$kendo-fab-item-icon-border-widthnull
Description
The width of the FAB item icon border.
+
$kendo-fab-item-icon-border-radiusnull
Description
The border radius of the FAB item icon.
+
$kendo-fab-theme-colorsnull
Description
The theme colors map for the FAB.
+
$kendo-fab-sizesnull
Description
The size map for the FAB.
+
$kendo-fab-shadownull
Description
The base shadow of the FAB.
+
$kendo-fab-disabled-shadownull
Description
The shadow of the disabled FAB.
+
$kendo-fab-active-shadownull
Description
The shadow of the active FAB.
+
$kendo-fab-outline-stylenull
Description
The outline style of the FAB.
+
$kendo-fab-outline-widthnull
Description
The outline width of the FAB.
+
$kendo-fab-item-textnull
Description
The base text color of the FAB item.
+
$kendo-fab-item-bgnull
Description
The base background color of the FAB item.
+
$kendo-fab-item-bordernull
Description
The base border color of the FAB item.
+
$kendo-fab-item-icon-textnull
Description
The base text color of the FAB item icon.
+
$kendo-fab-item-icon-bgnull
Description
The base background color of the FAB item icon.
+
$kendo-fab-item-icon-bordernull
Description
The base border color of the FAB item icon.
+
$kendo-fab-item-shadownull
Description
The base shadow of the FAB item.
+
$kendo-fab-item-disabled-shadownull
Description
The shadow of the disabled FAB item.
+
$kendo-fab-item-active-shadownull
Description
The shadow of the active FAB item.
+
$kendo-fab-item-outline-stylenull
Description
The outline style of the FAB item.
+
$kendo-fab-item-outline-widthnull
Description
The outline width of the FAB item.
+
$kendo-fab-item-outline-colornull
Description
The outline color of the FAB item.
+
+ +### FloatingLabel + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-floating-label-scalenull
Description
The transformation scale of the Floating Label.
+
$kendo-floating-label-font-sizenull
Description
The font size of the Floating Label.
+
$kendo-floating-label-max-widthnull
Description
The maximum width of the Floating Label.
+
$kendo-floating-label-line-heightnull
Description
The line height of the Floating Label.
+
$kendo-floating-label-heightnull
Description
The height of the Floating Label.
+
$kendo-floating-label-offset-xnull
Description
The horizontal offset of the Floating Label.
+
$kendo-floating-label-offset-ynull
Description
The vertical offset of the Floating Label.
+
$kendo-floating-label-focus-scalenull
Description
The transformation scale of the focused Floating Label.
+
$kendo-floating-label-focus-offset-xnull
Description
The horizontal offset of the focused Floating Label.
+
$kendo-floating-label-focus-offset-ynull
Description
The vertical offset of the focused Floating Label.
+
$kendo-floating-label-transitionnull
Description
The transition of the Floating Label.
+
$kendo-floating-label-bgnull
Description
The background color of the Floating Label.
+
$kendo-floating-label-textnull
Description
The text color of the Floating Label.
+
$kendo-floating-label-focus-bgnull
Description
The background color of the focused Floating Label.
+
$kendo-floating-label-focus-textnull
Description
The text color of the focused Floating Label.
+
+ +### Form + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-form-spacernull
Description
The padding of the inline Form.
+
$kendo-form-font-sizenull
Description
The font size of the Form.
+
$kendo-form-line-heightnull
Description
The line height of the Form.
+
$kendo-form-line-height-emnull
Description
The line height of the Form in em units.
+
$kendo-form-sm-line-heightnull
Description
The line height of the small Form.
+
$kendo-form-lg-line-heightnull
Description
The line height of the large Form.
+
$kendo-form-fieldset-marginnull
Description
The margin of the Form fieldset.
+
$kendo-form-fieldset-paddingnull
Description
The padding of the Form fieldset.
+
$kendo-form-legend-marginnull
Description
The margin of the Form legend.
+
$kendo-form-legend-paddingnull
Description
The padding of the Form legend.
+
$kendo-form-legend-border-widthnull
Description
The border width of the Form legend.
+
$kendo-form-legend-border-stylenull
Description
The border style of the Form legend.
+
$kendo-form-legend-border-colornull
Description
The border color of the Form legend.
+
$kendo-form-legend-widthnull
Description
The width of the Form legend.
+
$kendo-form-legend-font-sizenull
Description
The font size of the Form legend.
+
$kendo-form-legend-text-transformnull
Description
The text capitalization of the Form legend.
+
$kendo-form-label-margin-bottomnull
Description
The bottom margin of the Form label.
+
$kendo-form-button-margin-xnull
Description
The horizontal margin of the Form buttons.
+
$kendo-form-hint-font-sizenull
Description
The font size of the Form hint.
+
$kendo-form-hint-font-stylenull
Description
The font style of the Form hint.
+
$kendo-form-hint-margin-topnull
Description
The top margin of the Form hint.
+
$kendo-form-sm-rows-spacingnull
Description
The row spacing of the small Form.
+
$kendo-form-md-rows-spacingnull
Description
The row spacing of the medium Form.
+
$kendo-form-lg-rows-spacingnull
Description
The row spacing of the large Form.
+
$kendo-form-separator-marginnull
Description
The margin of the Form separator.
+
$kendo-form-separator-border-colornull
Description
The border color of the Form separator.
+
$kendo-horizontal-form-label-padding-topnull
Description
The top padding of the label in the horizontal Form.
+
$kendo-horizontal-form-label-margin-xnull
Description
The horizontal margin of the label in the horizontal Form.
+
$kendo-horizontal-form-label-widthnull
Description
The width of the label in the horizontal Form.
+
$kendo-horizontal-form-label-alignnull
Description
The horizontal alignment of the label in the horizontal Form.
+
$kendo-horizontal-form-field-wrap-max-widthnull
Description
The maximum width of the field wrap in the horizontal Form.
+
$kendo-inline-form-element-widthnull
Description
The width of the inline Form element.
+
$kendo-inline-form-field-padding-xnull
Description
The horizontal padding of the inline Form field.
+
$kendo-inline-form-field-padding-ynull
Description
The vertical padding of the inline Form field.
+
$kendo-forms-invalid-colornull
Description
The invalid text color of the Form.
+
$kendo-label-optional-margin-xnull
Description
The horizontal margin of the optional label in the Form.
+
$kendo-label-optional-font-sizenull
Description
The font size of the optional label in the Form.
+
$kendo-label-optional-font-stylenull
Description
The font style of the optional label in the Form.
+
$kendo-fieldset-marginnull
Description
The margin of the Form fieldset.
+
$kendo-fieldset-font-sizenull
Description
The font size of the Form fieldset.
+
$kendo-fieldset-bgnull
Description
The background color of the Form fieldset.
+
$kendo-fieldset-textnull
Description
The text color of the Form fieldset.
+
$kendo-fieldset-bordernull
Description
The border color of the Form fieldset.
+
$kendo-fieldset-legend-paddingnull
Description
The padding of the Form fieldset legend.
+
$kendo-fieldset-legend-marginnull
Description
The margin of the Form fieldset legend
+
$kendo-form-alert-error-marginnull
Description
The margin of the Form alert error.
+
$kendo-form-field-info-marginnull
Description
The margin of the Form field info.
+
$kendo-fieldset-legend-bgnull
Description
The background color of the Form legend.
+
$kendo-fieldset-legend-textnull
Description
The text color of the Form legend.
+
$kendo-fieldset-legend-bordernull
Description
The border color of the Form legend.
+
$kendo-form-sizesnull
Description
The sizes map for the Form.
+
+ +### Gantt + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-gantt-border-widthnull
Description
The border width of the Gantt.
+
$kendo-gantt-font-familynull
Description
The font family of the Gantt.
+
$kendo-gantt-font-sizenull
Description
The font size of the Gantt.
+
$kendo-gantt-line-heightnull
Description
The line height of the Gantt.
+
$kendo-gantt-bgnull
Description
The background color of the Gantt.
+
$kendo-gantt-textnull
Description
The text color of the Gantt.
+
$kendo-gantt-bordernull
Description
The border color of the Gantt.
+
$kendo-gantt-treelist-bgnull
Description
The background color of the Gantt TreeList.
+
$kendo-gantt-treelist-textnull
Description
The text color of the Gantt TreeList.
+
$kendo-gantt-treelist-bordernull
Description
The border color of the Gantt TreeList.
+
$kendo-gantt-nonwork-bgnull
Description
The background color of the Gantt non-working days.
+
$kendo-gantt-nonwork-textnull
Description
The text color of the Gantt non-working days.
+
$kendo-gantt-nonwork-bordernull
Description
The border color of the Gantt non-working days.
+
$kendo-gantt-line-sizenull
Description
The size of the Gantt connecting lines.
+
$kendo-gantt-line-fillnull
Description
The background fill color of the Gantt connecting lines.
+
$kendo-gantt-line-selected-fillnull
Description
The background fill of the selected Gantt connecting lines.
+
$kendo-gantt-dot-sizenull
Description
The size of the Gantt task dot.
+
$kendo-gantt-dot-spacingnull
Description
The spacing of the Gantt task dot.
+
$kendo-gantt-dot-bgnull
Description
The background color of the Gantt task dot.
+
$kendo-gantt-dot-bordernull
Description
The border color of the Gantt task dot.
+
$kendo-gantt-dot-hover-bgnull
Description
The background color of the hovered Gantt task dot.
+
$kendo-gantt-dot-hover-bordernull
Description
The border color of the hovered Gantt task dot.
+
$kendo-gantt-milestone-bgnull
Description
The background color of the Gantt milestone.
+
$kendo-gantt-milestone-bordernull
Description
The border color of the Gantt milestone.
+
$kendo-gantt-milestone-selected-bgnull
Description
The background color of the selected Gantt milestone.
+
$kendo-gantt-milestone-selected-bordernull
Description
The border color of the selected Gantt milestone.
+
$kendo-gantt-summary-bgnull
Description
The background color of the Gantt summary.
+
$kendo-gantt-summary-progress-bgnull
Description
The background color of the Gantt summary progress.
+
$kendo-gantt-summary-selected-bgnull
Description
The background color of the selected Gantt summary.
+
$kendo-gantt-summary-progress-selected-bgnull
Description
The background color of the selected Gantt summary progress.
+
$kendo-gantt-task-border-widthnull
Description
The border width of the Gantt task.
+
$kendo-gantt-task-padding-xnull
Description
The horizontal padding of the Gantt task.
+
$kendo-gantt-task-padding-ynull
Description
The vertical padding of the Gantt task.
+
$kendo-gantt-task-bgnull
Description
The background color of the Gantt task.
+
$kendo-gantt-task-textnull
Description
The text color of the Gantt task.
+
$kendo-gantt-task-bordernull
Description
The border color of the Gantt task.
+
$kendo-gantt-task-progress-bgnull
Description
The background color of the Gantt task progress.
+
$kendo-gantt-task-selected-bgnull
Description
The background color of selected the Gantt task.
+
$kendo-gantt-task-selected-textnull
Description
The text color of the selected Gantt task.
+
$kendo-gantt-task-selected-bordernull
Description
The border color of the selected Gantt task.
+
$kendo-gantt-task-progress-selected-bgnull
Description
The background color of the selected Gantt task progress.
+
$kendo-gantt-task-actions-paddingnull
Description
The padding of the Gantt task actions.
+
$kendo-gantt-planned-margin-ynull
Description
The vertical margin of the Gantt task planned line.
+
$kendo-gantt-planned-border-widthnull
Description
The border width of the Gantt task planned line.
+
$kendo-gantt-planned-line-heightnull
Description
The line height of the Gantt task planned line.
+
$kendo-gantt-planned-dependency-margin-ynull
Description
The vertical margin of the Gantt planned dependencies.
+
$kendo-gantt-planned-moment-widthnull
Description
The default width of the Gantt planned line dot.
+
$kendo-gantt-planned-moment-heightnull
Description
The default height of the Gantt planned line dot.
+
$kendo-gantt-planned-moment-border-radiusnull
Description
The border radius of the Gantt planned line dot.
+
$kendo-gantt-planned-moment-left-margin-xnull
Description
The horizontal margin of the Gantt planned line dot.
+
$kendo-gantt-planned-milestone-moment-margin-xnull
Description
The horizontal margin of the Gantt milestone planned line dot.
+
$kendo-gantt-planned-duration-heightnull
Description
The default height of the Gantt planned line.
+
$kendo-gantt-planned-duration-hover-heightnull
Description
The height of the hovered Gantt planned line.
+
$kendo-gantt-planned-single-drag-hint-topnull
Description
The top position of the Gantt drag hint.
+
$kendo-gantt-planned-summary-drag-hint-topnull
Description
The top position of the Gantt summary drag hint.
+
$kendo-gantt-planned-milestone-drag-hint-topnull
Description
The top position of the Gantt planned milestone drag hint.
+
$kendo-gantt-rtl-milestone-wrap-margin-xnull
Description
The horizontal margin of the Gantt milestone wrap.
+
$kendo-gantt-rtl-milestone-planned-moment-margin-xnull
Description
The horizontal margin of the Gantt milestone line dot.
+
$kendo-gantt-rtl-milestone-dot-start-margin-xnull
Description
The horizontal margin of the Gantt milestone task dot.
+
$kendo-gantt-planned-offset-resize-handler-margin-xnull
Description
The horizontal offset of the Gantt delayed task resize handler.
+
$kendo-gantt-planned-bgnull
Description
The background color of the Gantt planned Tooltip.
+
$kendo-gantt-planned-bordernull
Description
The border color of the Gantt planned Tooltip.
+
$kendo-gantt-delayed-bgnull
Description
The background color of the Gantt delayed task.
+
$kendo-gantt-delayed-bg-lighternull
Description
The complement background color of the Gantt delayed task.
+
$kendo-gantt-advanced-bgnull
Description
The background color of the Gantt advanced task.
+
$kendo-gantt-advanced-bg-lighternull
Description
The complement background color of the Gantt advanced task.
+
$kendo-gantt-action-on-offset-textnull
Description
The text color of the Gantt delayed task action.
+
$kendo-gantt-offset-resize-handler-topnull
Description
The top position of the Gantt delayed task resize handler.
+
$kendo-gantt-validation-tooltip-widthnull
Description
The default width of the Gantt validation Tooltip.
+
$kendo-gantt-validation-tooltip-label-widthnull
Description
The default width of the Gantt validation Tooltip label.
+
$kendo-gantt-validation-tooltip-bordernull
Description
The border color of the Gantt validation Tooltip.
+
$kendo-gantt-validation-tooltip-valid-bordernull
Description
The border color of the valid Gantt validation Tooltip.
+
$kendo-gantt-validation-tooltip-invalid-bordernull
Description
The border color of the invalid Gantt validation Tooltip.
+
$kendo-gantt-task-tooltip-padding-xnull
Description
The horizontal padding of the Gantt task Tooltip.
+
$kendo-gantt-task-tooltip-padding-ynull
Description
The vertical padding of the Gantt task Tooltip.
+
+ +### Grid + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-grid-padding-xnull
Description
The horizontal padding of the Grid.
+
$kendo-grid-padding-ynull
Description
The vertical padding of the Grid.
+
$kendo-grid-header-padding-xnull
Description
The horizontal padding of the Grid header.
+
$kendo-grid-header-padding-ynull
Description
The vertical padding of the Grid header.
+
$kendo-grid-grouping-header-padding-xnull
Description
The horizontal padding of the Grid grouping header.
+
$kendo-grid-grouping-header-padding-ynull
Description
The vertical padding of the Grid grouping header.
+
$kendo-grid-cell-padding-xnull
Description
The horizontal padding of the Grid cell.
+
$kendo-grid-cell-padding-ynull
Description
The vertical padding of the Grid cell.
+
$kendo-grid-filter-cell-padding-xnull
Description
The horizontal padding of the Grid filter cell.
+
$kendo-grid-filter-cell-padding-ynull
Description
The vertical padding of the Grid filter cell.
+
$kendo-grid-edit-cell-padding-xnull
Description
The horizontal padding of the Grid edit cell.
+
$kendo-grid-edit-cell-padding-ynull
Description
The vertical padding of the Grid filter cell.
+
$kendo-grid-bgnull
Description
The background color of the Grid.
+
$kendo-grid-textnull
Description
The text color of the Grid.
+
$kendo-grid-bordernull
Description
The border color of the Grid.
+
$kendo-grid-header-bgnull
Description
The background color of Grid header.
+
$kendo-grid-header-textnull
Description
The text color of Grid header.
+
$kendo-grid-header-bordernull
Description
The border color of Grid header.
+
$kendo-grid-header-gradientnull
Description
The background gradient of Grid header.
+
$kendo-grid-footer-bgnull
Description
The background color of Grid footer.
+
$kendo-grid-footer-textnull
Description
The text color of Grid footer.
+
$kendo-grid-footer-bordernull
Description
The border color of Grid footer.
+
$kendo-grid-alt-bgnull
Description
The background color of the Grid alternating rows.
+
$kendo-grid-alt-textnull
Description
The text color of the Grid alternating rows.
+
$kendo-grid-alt-bordernull
Description
The border color of the Grid alternating rows.
+
$kendo-grid-hover-bgnull
Description
The background color of hovered Grid rows.
+
$kendo-grid-hover-textnull
Description
The text color of hovered Grid rows.
+
$kendo-grid-hover-bordernull
Description
The border color of hovered Grid rows.
+
$kendo-grid-selected-bgnull
Description
The background color of selected Grid rows.
+
$kendo-grid-selected-textnull
Description
The text color of selected Grid rows.
+
$kendo-grid-selected-bordernull
Description
The border color of selected Grid rows.
+
$kendo-grid-selection-aggregates-bgnull
Description
The background color of the Grid selection aggregates container.
+
$kendo-grid-selection-aggregates-textnull
Description
The text color of the Grid selection aggregates container.
+
$kendo-grid-selection-aggregates-bordernull
Description
The border color of the Grid selection aggregates container.
+
$kendo-grid-selection-aggregates-border-widthnull
Description
The border width of the Grid selection aggregates container.
+
$kendo-grid-selection-aggregates-spacingnull
Description
The spacing between the selection aggregates items.
+
$kendo-grid-selection-aggregates-line-heightnull
Description
The line height of the Grid selection aggregates container.
+
$kendo-grid-selection-aggregates-font-weightnull
Description
The font weight of the Grid selection aggregates container.
+
$kendo-grid-row-resizer-hover-bgnull
Description
The background color of the Grid row resize indicator.
+
$kendo-grid-row-resizer-active-bgnull
Description
The background color of the active Grid row resize indicator.
+
$kendo-grid-row-resizer-heightnull
Description
The height of the Grid row resize indicator.
+
+ +### Icon + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-icon-sizenull
Description
The default size icon size.
+
$kendo-icon-size-xsnull
Description
The extra small icon size.
+
$kendo-icon-size-smnull
Description
The small icon size.
+
$kendo-icon-size-mdnull
Description
The medium icon size.
+
$kendo-icon-size-lgnull
Description
The large icon size.
+
$kendo-icon-size-xlnull
Description
The extra large icon size.
+
$kendo-icon-size-xxlnull
Description
The double extra large icon size.
+
$kendo-icon-size-xxxlnull
Description
The triple extra large icon size.
+
$kendo-icon-spacingnull
Description
The default icon spacing.
+
$kendo-icon-paddingnull
Description
The default icon padding.
+
+ +### Input + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-input-default-widthnull
Description
The default width of the Input components.
+
$kendo-input-border-widthnull
Description
The border width of the Input components.
+
$kendo-input-border-radiusnull
Description
The border radius of the Input components.
+
$kendo-input-padding-xnull
Description
The horizontal padding of the Input components.
+
$kendo-input-sm-padding-xnull
Description
The horizontal padding of the small Input components.
+
$kendo-input-md-padding-xnull
Description
The horizontal padding of the medium Input components.
+
$kendo-input-lg-padding-xnull
Description
The horizontal padding of the large Input components.
+
$kendo-input-padding-ynull
Description
The vertical padding of the Input components.
+
$kendo-input-sm-padding-ynull
Description
The vertical padding of the small Input components.
+
$kendo-input-md-padding-ynull
Description
The vertical padding of the medium Input components.
+
$kendo-input-lg-padding-ynull
Description
The vertical padding of the large Input components.
+
$kendo-input-font-familynull
Description
The font family of the Input components.
+
$kendo-input-font-sizenull
Description
The font size of the Input components.
+
$kendo-input-sm-font-sizenull
Description
The font size of the small Input components.
+
$kendo-input-md-font-sizenull
Description
The font size of the medium Input components.
+
$kendo-input-lg-font-sizenull
Description
The font size of the large Input components.
+
$kendo-input-line-heightnull
Description
The line height of the Input components.
+
$kendo-input-sm-line-heightnull
Description
The line height of the small Input components.
+
$kendo-input-md-line-heightnull
Description
The line height of the medium Input components.
+
$kendo-input-lg-line-heightnull
Description
The line height of the large Input components.
+
$kendo-input-calc-sizenull
Description
The calculated height of the Input.
+
$kendo-input-sizesnull
Description
The sizes map for the Input components.
+
$kendo-input-bgnull
Description
The background color of the Input components.
+
$kendo-input-textnull
Description
The text color of the Input components.
+
$kendo-input-bordernull
Description
The border color of the Input components.
+
$kendo-input-shadownull
Description
The shadow of the Input components.
+
$kendo-input-hover-bgnull
Description
The background color of the hovered Input components.
+
$kendo-input-hover-textnull
Description
The text color of the hovered Input components.
+
$kendo-input-hover-bordernull
Description
The border color of the hovered Input components.
+
$kendo-input-hover-shadownull
Description
The shadow of the hovered Input components.
+
$kendo-input-focus-bgnull
Description
The background color of the focused Input components.
+
$kendo-input-focus-textnull
Description
The text color of the focused Input components.
+
$kendo-input-focus-bordernull
Description
The border color of the focused Input components.
+
$kendo-input-focus-shadownull
Description
The shadow of the focused Input components.
+
$kendo-input-selected-bgnull
Description
The background color of the selected Input components.
+
$kendo-input-selected-textnull
Description
The text color of the selected Input components.
+
$kendo-input-disabled-bgnull
Description
The background color of the disabled Input components.
+
$kendo-input-disabled-textnull
Description
The text color of the disabled Input components.
+
$kendo-input-disabled-bordernull
Description
The border color of the disabled Input components.
+
$kendo-input-disabled-gradientnull
Description
The gradient of the disabled Input components.
+
$kendo-input-disabled-shadownull
Description
The shadow of the disabled Input components.
+
$kendo-input-outline-bgnull
Description
The background color of the outline Input components.
+
$kendo-input-outline-textnull
Description
The text color of the outline Input components.
+
$kendo-input-outline-bordernull
Description
The border color of the outline Input components.
+
$kendo-input-outline-hover-bgnull
Description
The background color of the outline hovered Input components.
+
$kendo-input-outline-hover-textnull
Description
The text color of the outline hovered Input components.
+
$kendo-input-outline-hover-bordernull
Description
The border color of the outline hovered Input components.
+
$kendo-input-outline-focus-bgnull
Description
The background color of the outline focused Input components.
+
$kendo-input-outline-focus-textnull
Description
The text color of the outline focused Input components.
+
$kendo-input-outline-focus-bordernull
Description
The border color of the outline focused Input components.
+
$kendo-input-outline-focus-shadownull
Description
The shadow of the outline focused Input components.
+
$kendo-input-flat-bgnull
Description
The background color of the flat Input components.
+
$kendo-input-flat-textnull
Description
The text color of the flat Input components.
+
$kendo-input-flat-bordernull
Description
The border color of the flat Input components.
+
$kendo-input-flat-hover-bgnull
Description
The background color of the flat hovered Input components.
+
$kendo-input-flat-hover-textnull
Description
The text color of the flat hovered Input components.
+
$kendo-input-flat-hover-bordernull
Description
The border color of the flat hovered Input components.
+
$kendo-input-flat-focus-bgnull
Description
The background color of the flat focused Input components.
+
$kendo-input-flat-focus-textnull
Description
The text color of the flat focused Input components.
+
$kendo-input-flat-focus-bordernull
Description
The border color of the flat focused Input components.
+
$kendo-input-flat-focus-shadownull
Description
The shadow of the flat focused Input components.
+
$kendo-input-placeholder-textnull
Description
The text color of the Input placeholder.
+
$kendo-input-placeholder-opacitynull
Description
The opacity of the Input placeholder.
+
$kendo-input-clear-value-textnull
Description
The color of the Input clear value icon.
+
$kendo-input-clear-value-opacitynull
Description
The opacity of the Input clear value icon.
+
$kendo-input-clear-value-hover-textnull
Description
The color of the hovered Input clear value icon.
+
$kendo-input-clear-value-hover-opacitynull
Description
The opacity of the hovered Input clear value icon.
+
$kendo-input-values-margin-ynull
Description
The vertical margin of the clear value icon.
+
$kendo-input-values-margin-xnull
Description
The horizontal margin of the clear value icon.
+
$kendo-input-button-widthnull
Description
The width of the Input button.
+
$kendo-input-button-border-widthnull
Description
The border width of the Input button.
+
$kendo-input-spinner-widthnull
Description
The width of the Input spinner button.
+
$kendo-input-spinner-icon-offsetnull
Description
The icon offset of the Input spinner button.
+
$kendo-input-separator-textnull
Description
The color of the Input separator.
+
$kendo-input-separator-opacitynull
Description
The opacity of the Input separator.
+
$kendo-input-prefix-textnull
Description
The text color of the Input prefix.
+
$kendo-input-suffix-textnull
Description
The text color of the Input suffix.
+
$kendo-input-prefix-textnull
Description
The text color of the Input prefix.
+
$kendo-input-suffix-textnull
Description
The text color of the Input suffix.
+
$kendo-input-invalid-bordernull
Description
The border color of the invalid Input components.
+
$kendo-input-invalid-shadownull
Description
The shadow of the invalid Input components.
+
+ +### List + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-list-font-familynull
Description
The font family of the List components.
+
$kendo-list-font-sizenull
Description
The font size of the List component, if no size is set.
+
$kendo-list-line-heightnull
Description
The line height of the List component, if no size is set.
+
$kendo-list-header-padding-xnull
Description
The horizontal padding of the List header, if no size is set.
+
$kendo-list-header-padding-ynull
Description
The vertical padding of the List header, if no size is set.
+
$kendo-list-header-border-widthnull
Description
The border width of the List header.
+
$kendo-list-header-font-sizenull
Description
The font size of the List header, if no size is set.
+
$kendo-list-header-line-heightnull
Description
The line height of the List header, if no size is set.
+
$kendo-list-header-font-weightnull
Description
The font weight of the List header.
+
$kendo-list-filter-paddingnull
Description
The padding of the the List filter input.
+
$kendo-list-item-padding-xnull
Description
The horizontal padding of the List items, when no size is set.
+
$kendo-list-item-padding-ynull
Description
The vertical padding of the List items, when no size is set.
+
$kendo-list-item-font-sizenull
Description
The font size of the List items, if no size is set.
+
$kendo-list-item-line-heightnull
Description
The line height of the List items, if no size is set.
+
$kendo-list-group-item-padding-xnull
Description
The horizontal padding of the List group items, when no size is set.
+
$kendo-list-group-item-padding-ynull
Description
The vertical padding of the List group items, when no size is set.
+
$kendo-list-group-item-border-widthnull
Description
The border width of the List group items.
+
$kendo-list-group-item-font-sizenull
Description
The font size of the List group items, if no size is set.
+
$kendo-list-group-item-line-heightnull
Description
The line height of the List group items, if no size is set.
+
$kendo-list-group-item-font-weightnull
Description
The font weight of a List group item.
+
$kendo-list-sizesnull
Description
The map with the sizes of the List.
+
$kendo-list-bgnull
Description
The background color of the List component.
+
$kendo-list-textnull
Description
The text color of the List component.
+
$kendo-list-bordernull
Description
The border color of the List component.
+
$kendo-list-header-bgnull
Description
The background color of the List header.
+
$kendo-list-header-textnull
Description
The text color of the List header.
+
$kendo-list-header-bordernull
Description
The border color of the List header.
+
$kendo-list-header-shadownull
Description
The box shadow of the List header.
+
$kendo-list-item-bgnull
Description
The background color of the List items.
+
$kendo-list-item-textnull
Description
The text color of the List items.
+
$kendo-list-item-hover-bgnull
Description
The background color of the hovered List items.
+
$kendo-list-item-hover-textnull
Description
The text color of the hovered List items.
+
$kendo-list-item-focus-bgnull
Description
The background color of the focused List items.
+
$kendo-list-item-focus-textnull
Description
The text color of the focused List items.
+
$kendo-list-item-focus-shadownull
Description
The box shadow of the focused List items.
+
$kendo-list-item-selected-bgnull
Description
The background color of the selected List items.
+
$kendo-list-item-selected-textnull
Description
The text color of the selected List items.
+
$kendo-list-group-item-bgnull
Description
The background color of the List group items.
+
$kendo-list-group-item-textnull
Description
The text color of the List group items.
+
$kendo-list-group-item-bordernull
Description
The border color of the List group items.
+
$kendo-list-group-item-shadownull
Description
The base shadow of the List group items.
+
$kendo-list-option-label-textnull
Description
The color of the 'Option Label' text.
+
+ +### Listbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-listbox-spacingnull
Description
The spacing between the ListBox elements.
+
$kendo-listbox-button-spacingnull
Description
The spacing between the ListBox buttons.
+
$kendo-listbox-widthnull
Description
The width of the ListBox.
+
$kendo-listbox-default-heightnull
Description
The height of the ListBox.
+
$kendo-listbox-border-widthnull
Description
The width of the border around the ListBox.
+
$kendo-listbox-font-familynull
Description
The font family of the ListBox.
+
$kendo-listbox-font-sizenull
Description
The font size of the ListBox.
+
$kendo-listbox-line-heightnull
Description
The line height of the ListBox.
+
$kendo-listbox-textnull
Description
The text color of the ListBox.
+
$kendo-listbox-bgnull
Description
The background color of the ListBox.
+
$kendo-listbox-bordernull
Description
The border color of the ListBox.
+
$kendo-listbox-item-padding-xnull
Description
The inline padding of the ListBox item.
+
$kendo-listbox-item-padding-ynull
Description
The block padding of the ListBox item.
+
$kendo-listbox-drop-hint-widthnull
Description
The width of the ListBox drop hint.
+
$kendo-listbox-drop-hint-border-widthnull
Description
The width of the border around the ListBox drop hint.
+
+ +### Listview + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-listview-padding-xnull
Description
The horizontal padding of the ListView.
+
$kendo-listview-padding-ynull
Description
The vertical padding of the ListView.
+
$kendo-listview-border-widthnull
Description
The width of the border around bordered ListView.
+
$kendo-listview-font-familynull
Description
The font family of the ListView.
+
$kendo-listview-font-sizenull
Description
The font size of the ListView.
+
$kendo-listview-line-heightnull
Description
The line height of the ListView.
+
$kendo-listview-textnull
Description
The text color of the ListView.
+
$kendo-listview-bgnull
Description
The background color of the ListView.
+
$kendo-listview-bordernull
Description
The border color of the ListView.
+
$kendo-listview-item-padding-xnull
Description
The horizontal padding of the ListView items.
+
$kendo-listview-item-padding-ynull
Description
The vertical padding of the ListView items.
+
$kendo-listview-item-selected-textnull
Description
The text color of the selected ListView items.
+
$kendo-listview-item-selected-bgnull
Description
The background color of the selected ListView items.
+
$kendo-listview-item-selected-bordernull
Description
The border color of the selected ListView items.
+
$kendo-listview-item-focus-textnull
Description
The text color of the focused ListView items.
+
$kendo-listview-item-focus-bgnull
Description
The background color of the focused ListView items.
+
$kendo-listview-item-focus-bordernull
Description
The border color of the focused ListView items.
+
$kendo-listview-item-focus-shadownull
Description
The box shadow of the focused ListView items.
+
+ +### Loader + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-loader-segment-border-radiusnull
Description
The border radius of the Loader segment.
+
$kendo-loader-sm-segment-sizenull
Description
The size of the small Loader segment.
+
$kendo-loader-md-segment-sizenull
Description
The size of the medium Loader segment.
+
$kendo-loader-lg-segment-sizenull
Description
The size of the large Loader segment.
+
$kendo-loader-sm-paddingnull
Description
The padding of the small Loader.
+
$kendo-loader-md-paddingnull
Description
The padding of the medium Loader.
+
$kendo-loader-lg-paddingnull
Description
The padding of the large Loader.
+
$kendo-loader-sm-spinner-3-widthnull
Description
The width of the small spinner-3 Loader.
+
$kendo-loader-md-spinner-3-widthnull
Description
The width of the medium spinner-3 Loader.
+
$kendo-loader-lg-spinner-3-widthnull
Description
The width of the large spinner-3 Loader.
+
$kendo-loader-sm-spinner-3-heightnull
Description
The height of the small spinner-3 Loader.
+
$kendo-loader-md-spinner-3-heightnull
Description
The height of the medium spinner-3 Loader.
+
$kendo-loader-lg-spinner-3-heightnull
Description
The height of the large spinner-3 Loader.
+
$kendo-loader-sm-spinner-4-widthnull
Description
The width of the small spinner-4 Loader.
+
$kendo-loader-md-spinner-4-widthnull
Description
The width of the medium spinner-4 Loader.
+
$kendo-loader-lg-spinner-4-widthnull
Description
The width of the large spinner-4 Loader.
+
$kendo-loader-sm-spinner-4-heightnull
Description
The height of the small spinner-4 Loader.
+
$kendo-loader-md-spinner-4-heightnull
Description
The height of the medium spinner-4 Loader.
+
$kendo-loader-lg-spinner-4-heightnull
Description
The height of the large spinner-4 Loader.
+
$kendo-loader-container-panel-border-widthnull
Description
The border width of the container panel.
+
$kendo-loader-container-panel-border-stylenull
Description
The border style of the container panel.
+
$kendo-loader-container-panel-border-colornull
Description
The border color of the container panel.
+
$kendo-loader-container-panel-border-radiusnull
Description
The border radius of the container panel.
+
$kendo-loader-container-panel-bgnull
Description
The background color of the container panel.
+
$kendo-loader-sm-container-paddingnull
Description
The padding of the small Loader container.
+
$kendo-loader-md-container-paddingnull
Description
The padding of the medium Loader container.
+
$kendo-loader-lg-container-paddingnull
Description
The padding of the large Loader container.
+
$kendo-loader-sm-container-gapnull
Description
The gap of the small Loader container.
+
$kendo-loader-md-container-gapnull
Description
The gap of the medium Loader container.
+
$kendo-loader-lg-container-gapnull
Description
The gap of the large Loader container.
+
$kendo-loader-sm-container-font-sizenull
Description
The font size of the small Loader container.
+
$kendo-loader-md-container-font-sizenull
Description
The font size of the medium Loader container.
+
$kendo-loader-lg-container-font-sizenull
Description
The font size of the large Loader container.
+
+ +### Loading + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-loading-bgnull
Description
The background color of the Loading indicator.
+
$kendo-loading-textnull
Description
The text color of the Loading indicator.
+
$kendo-loading-opacitynull
Description
The opacity of the Loading indicator.
+
$kendo-zindex-loadingnull
Description
The z-index of the Loading indicator.
+
+ +### Map + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-map-border-widthnull
Description
The border width of the Map.
+
$kendo-map-font-sizenull
Description
The font size of the Map.
+
$kendo-map-line-heightnull
Description
The line height of the Map.
+
$kendo-map-font-familynull
Description
The font family of the Map.
+
$kendo-map-bgnull
Description
The background color of the Map.
+
$kendo-map-textnull
Description
The text color of the Map.
+
$kendo-map-bordernull
Description
The border color of the Map.
+
$kendo-map-navigator-marginnull
Description
The margin of the Map navigator.
+
$kendo-map-navigator-paddingnull
Description
The padding of the Map navigator.
+
$kendo-map-navigator-widthnull
Description
The width of the Map navigator.
+
$kendo-map-navigator-heightnull
Description
The height of the Map navigator.
+
$kendo-map-navigator-border-widthnull
Description
The border width of the Map navigator.
+
$kendo-map-zoom-control-marginnull
Description
The margin of the Map zoom control.
+
$kendo-map-zoom-control-button-padding-xnull
Description
The horizontal padding of the Map zoom control.
+
$kendo-map-zoom-control-button-padding-ynull
Description
The vertical padding of the Map zoom control.
+
$kendo-map-attribution-padding-xnull
Description
The horizontal padding of the Map attribution.
+
$kendo-map-attribution-padding-ynull
Description
The vertical padding of the Map attribution.
+
$kendo-map-attribution-font-sizenull
Description
The font size of the Map attribution.
+
$kendo-map-attribution-bgnull
Description
The background color of the Map attribution.
+
$kendo-map-marker-fillnull
Description
The fill color of the Map marker.
+
+ +### Mediaplayer + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-media-player-border-widthnull
Description
The border width of the MediaPlayer.
+
$kendo-media-player-font-familynull
Description
The font family of the MediaPlayer.
+
$kendo-media-player-font-sizenull
Description
The font size of the MediaPlayer.
+
$kendo-media-player-line-heightnull
Description
The line height of the MediaPlayer.
+
$kendo-media-player-bgnull
Description
The background color of the MediaPlayer.
+
$kendo-media-player-textnull
Description
The text color of the MediaPlayer.
+
$kendo-media-player-bordernull
Description
The border color of the MediaPlayer.
+
$kendo-media-player-titlebar-padding-xnull
Description
The horizontal padding of the MediaPlayer title.
+
$kendo-media-player-titlebar-padding-ynull
Description
The vertical padding of the MediaPlayer title.
+
$kendo-media-player-titlebar-bgnull
Description
The background color of the MediaPlayer title.
+
$kendo-media-player-titlebar-textnull
Description
The text color of the MediaPlayer title.
+
$kendo-media-player-titlebar-bordernull
Description
The border color of the MediaPlayer title.
+
$kendo-media-player-titlebar-gradientnull
Description
The gradient of the MediaPlayer title.
+
+ +### Menu + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-menu-border-widthnull
Description
The width of the border around the Menu.
+
$kendo-menu-font-familynull
Description
The font family of the Menu.
+
$kendo-menu-font-sizenull
Description
The font size of the Menu.
+
$kendo-menu-line-heightnull
Description
The line height of the Menu used along with $kendo-font-size.
+
$kendo-menu-bgnull
Description
The background color of the Menu.
+
$kendo-menu-textnull
Description
The text color of the Menu.
+
$kendo-menu-bordernull
Description
The border color of the Menu.
+
$kendo-menu-gradientnull
Description
The background gradient of the Menu.
+
$kendo-menu-item-padding-xnull
Description
The horizontal padding of the Menu item.
+
$kendo-menu-item-padding-ynull
Description
The vertical padding of the Menu item.
+
$kendo-menu-item-spacingnull
Description
The spacing between the Menu items.
+
$kendo-menu-item-icon-spacingnull
Description
The spacing between the Menu item text and icons.
+
$kendo-menu-item-selected-font-weightnull
Description
The font weight of the selected Menu item.
+
$kendo-menu-item-bgnull
Description
The background color of the Menu item.
+
$kendo-menu-item-textnull
Description
The text color of the Menu item.
+
$kendo-menu-item-bordernull
Description
The border color of the Menu item.
+
$kendo-menu-item-gradientnull
Description
The background gradient of the Menu item.
+
$kendo-menu-item-hover-bgnull
Description
The background color of hovered Menu item.
+
$kendo-menu-item-hover-textnull
Description
The text color of hovered Menu item.
+
$kendo-menu-item-hover-bordernull
Description
The border color of hovered Menu item.
+
$kendo-menu-item-hover-gradientnull
Description
The background gradient of hovered Menu item.
+
$kendo-menu-item-active-bgnull
Description
The background color of active Menu item.
+
$kendo-menu-item-active-textnull
Description
The text color of active Menu item.
+
$kendo-menu-item-active-bordernull
Description
The border color of active Menu item.
+
$kendo-menu-item-active-gradientnull
Description
The background gradient of active Menu item.
+
$kendo-menu-item-focus-shadownull
Description
The base shadow of focused Menu item.
+
$kendo-menu-item-selected-bgnull
Description
The background color of selected Menu item.
+
$kendo-menu-item-selected-textnull
Description
The text color of selected Menu item.
+
$kendo-menu-item-selected-bordernull
Description
The border color of selected Menu item.
+
$kendo-menu-item-selected-gradientnull
Description
The background gradient of selected Menu item.
+
$kendo-menu-scroll-button-bgnull
Description
The background color of the Menu scroll buttons.
+
$kendo-menu-scroll-button-textnull
Description
The text color of the Menu scroll buttons.
+
$kendo-menu-scroll-button-bordernull
Description
The border color of the Menu scroll buttons.
+
$kendo-menu-scroll-button-gradientnull
Description
The background gradient of the Menu scroll buttons.
+
$kendo-menu-scroll-button-hover-bgnull
Description
The background color of hovered Menu scroll buttons.
+
$kendo-menu-scroll-button-hover-textnull
Description
The text color of hovered Menu scroll buttons.
+
$kendo-menu-scroll-button-hover-bordernull
Description
The border color of hovered Menu scroll buttons.
+
$kendo-menu-scroll-button-hover-gradientnull
Description
The background gradient of hovered Menu scroll buttons.
+
$kendo-menu-separator-margin-inlinenull
Description
The inline margin of the horizontal Menu separator.
+
$kendo-menu-separator-margin-blocknull
Description
The block margin of the horizontal Menu separator.
+
$kendo-menu-separator-bordernull
Description
The border color of the Menu separator.
+
$kendo-menu-popup-padding-xnull
Description
The horizontal padding of the Menu popup.
+
$kendo-menu-popup-padding-ynull
Description
The vertical padding of the Menu popup.
+
$kendo-menu-popup-border-widthnull
Description
The width of the border around the Menu popup.
+
$kendo-menu-popup-font-sizenull
Description
The font sizes of the Menu popup.
+
$kendo-menu-popup-line-heightnull
Description
The line heights used along with $kendo-font-size.
+
$kendo-menu-popup-bgnull
Description
The background color of the Menu popup.
+
$kendo-menu-popup-textnull
Description
The text color of the Menu popup.
+
$kendo-menu-popup-bordernull
Description
The border color of the Menu popup.
+
$kendo-menu-popup-gradientnull
Description
The background gradient of the Menu popup.
+
$kendo-menu-popup-item-padding-xnull
Description
The horizontal padding of the Menu item in popup.
+
$kendo-menu-popup-item-padding-ynull
Description
The vertical padding of the Menu item in popup.
+
$kendo-menu-popup-item-padding-endnull
Description
The end padding of the Menu item in popup.
+
$kendo-menu-popup-sm-item-icon-margin-startnull
Description
The start margin of the Menu item expand icon.
+
$kendo-menu-popup-sm-item-icon-margin-endnull
Description
The end margin of the Menu item expand icon.
+
$kendo-menu-popup-item-spacingnull
Description
The spacing between the Menu items in popup.
+
$kendo-menu-popup-item-bgnull
Description
The background color of the Menu item in popup.
+
$kendo-menu-popup-item-textnull
Description
The text color of the Menu item in popup.
+
$kendo-menu-popup-item-bordernull
Description
The border color of the Menu item in popup.
+
$kendo-menu-popup-item-gradientnull
Description
The background gradient of the Menu item in popup.
+
$kendo-menu-popup-item-hover-bgnull
Description
The background color of hovered Menu item in popup.
+
$kendo-menu-popup-item-hover-textnull
Description
The text color of hovered Menu item in popup.
+
$kendo-menu-popup-item-hover-bordernull
Description
The border color of hovered Menu item in popup.
+
$kendo-menu-popup-item-hover-gradientnull
Description
The background gradient of hovered Menu item in popup.
+
$kendo-menu-popup-item-active-bgnull
Description
The background color of active Menu item in popup.
+
$kendo-menu-popup-item-active-textnull
Description
The text color of active Menu item in popup.
+
$kendo-menu-popup-item-active-bordernull
Description
The border color of active Menu item in popup.
+
$kendo-menu-popup-item-active-gradientnull
Description
The background gradient of active Menu item in popup.
+
$kendo-menu-popup-item-focus-shadownull
Description
The base shadow of focused Menu item in popup.
+
+ +### MenuButton + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-menu-button-arrow-padding-xnull
Description
The horizontal padding of the button arrow in the Menu Button..
+
+ +### NoData + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-no-data-min-heightnull
Description
The minimum height of the 'No Data' text container.
+
$kendo-no-data-textnull
Description
The color of the 'No Data' text.
+
+ +### Notification + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-notification-group-gapnull
Description
The row-gap between the elements in the Notification group.
+
$kendo-notification-padding-xnull
Description
The horizontal padding of the Notification.
+
$kendo-notification-padding-ynull
Description
The vertical padding of the Notification.
+
$kendo-notification-border-widthnull
Description
The width of the border around the Notification.
+
$kendo-notification-border-radiusk-border-radius(md)!default
Description
The border radius of the Notification.
+
$kendo-notification-font-familynull
Description
The font family of the Notification.
+
$kendo-notification-font-sizenull
Description
The font size of the Notification.
+
$kendo-notification-line-heightnull
Description
The line height of the Notification.
+
$kendo-notification-bgnull
Description
The background color of the Notification.
+
$kendo-notification-textnull
Description
The text color of the Notification.
+
$kendo-notification-bordernull
Description
The border color of the Notification.
+
$kendo-notification-shadownull
Description
The box shadow of the Notification.
+
$kendo-notification-icon-spacingnull
Description
The horizontal spacing of the Notification icon.
+
$kendo-notification-theme-colorsnull
Description
The theme colors map for the Notification.
+
$kendo-notification-themenull
Description
The generated theme colors map for the Notification.
+
+ +### OneTimePassword + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-otp-gapnull
Description
The gap between the items in the OTP.
+
$kendo-otp-sm-gapnull
Description
The gap between the items in the small OTP.
+
$kendo-otp-md-gapnull
Description
The gap between the items in the medium OTP.
+
$kendo-otp-lg-gapnull
Description
The gap between the items in the large OTP.
+
$kendo-otp-separator-padding-xnull
Description
The horizontal padding of the OTP separator.
+
$kendo-otp-sm-separator-padding-xnull
Description
The horizontal padding of the small OTP separator.
+
$kendo-otp-md-separator-padding-xnull
Description
The horizontal padding of the medium OTP separator.
+
$kendo-otp-lg-separator-padding-xnull
Description
The horizontal padding of the large OTP separator.
+
$kendo-otp-input-widthnull
Description
The horizontal padding of the OTP separator.
+
$kendo-otp-sm-input-widthnull
Description
The horizontal padding of the small OTP separator.
+
$kendo-otp-md-input-widthnull
Description
The horizontal padding of the medium OTP separator.
+
$kendo-otp-lg-input-widthnull
Description
The horizontal padding of the large OTP separator.
+
+ +### Orgchart + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-orgchart-spacernull
Description
The spacing index of the OrgChart.
+
$kendo-orgchart-padding-ynull
Description
The vertical padding of the OrgChart.
+
$kendo-orgchart-padding-xnull
Description
The horizontal padding of the OrgChart.
+
$kendo-orgchart-font-familynull
Description
The font family of the OrgChart.
+
$kendo-orgchart-font-sizenull
Description
The font size of the OrgChart.
+
$kendo-orgchart-line-heightnull
Description
The line height of the OrgChart.
+
$kendo-orgchart-bgnull
Description
The background color of the OrgChart.
+
$kendo-orgchart-textnull
Description
The text color of the OrgChart.
+
$kendo-orgchart-bordernull
Description
The border color of the OrgChart.
+
$kendo-orgchart-node-gapnull
Description
The spacing of the OrgChart node.
+
$kendo-orgchart-group-gapnull
Description
The spacing of the OrgChart group.
+
$kendo-orgchart-node-container-gapnull
Description
The spacing of the OrgChart node container.
+
$kendo-orgchart-node-group-padding-ynull
Description
The vertical padding of the OrgChart node group.
+
$kendo-orgchart-node-group-padding-xnull
Description
The horizontal padding of the OrgChart node group.
+
$kendo-orgchart-node-group-border-widthnull
Description
The border width of the OrgChart node group.
+
$kendo-orgchart-node-group-border-radiusnull
Description
The border radius of the OrgChart node group.
+
$kendo-orgchart-node-group-bgnull
Description
The background color of the OrgChart node group.
+
$kendo-orgchart-node-group-textnull
Description
The text color of the OrgChart node group.
+
$kendo-orgchart-node-group-bordernull
Description
The border color of the OrgChart node group.
+
$kendo-orgchart-node-group-focus-bordernull
Description
The border color of the focused OrgChart node group.
+
$kendo-orgchart-node-group-focus-shadownull
Description
The shadow of the focused OrgChart node group.
+
$kendo-orgchart-node-group-title-font-sizenull
Description
The font size of the OrgChart node group title.
+
$kendo-orgchart-node-group-title-margin-bottomnull
Description
The bottom margin of the OrgChart node group title.
+
$kendo-orgchart-node-group-title-line-heightnull
Description
The line height of the OrgChart node group title.
+
$kendo-orgchart-node-group-subtitle-font-sizenull
Description
The font size of the OrgChart node group subtitle.
+
$kendo-orgchart-node-group-subtitle-margin-bottomnull
Description
The bottom margin of the OrgChart node group subtitle.
+
$kendo-orgchart-node-group-subtitle-textnull
Description
The line height of the OrgChart node group subtitle.
+
$kendo-orgchart-card-widthnull
Description
The width of the OrgChart Card.
+
$kendo-orgchart-card-padding-ynull
Description
The vertical padding of the OrgChart Card.
+
$kendo-orgchart-card-padding-xnull
Description
The horizontal padding of the OrgChart Card.
+
$kendo-orgchart-card-border-widthnull
Description
The border width of the OrgChart Card.
+
$kendo-orgchart-card-shadownull
Description
The shadow of the OrgChart Card.
+
$kendo-orgchart-card-focus-shadownull
Description
The shadow of the focused OrgChart Card.
+
$kendo-orgchart-card-title-margin-bottomnull
Description
The bottom margin of the OrgChart Card title.
+
$kendo-orgchart-card-title-font-sizenull
Description
The font size of the OrgChart Card title.
+
$kendo-orgchart-card-subtitle-margin-bottomnull
Description
The bottom margin of the OrgChart Card subtitle.
+
$kendo-orgchart-card-subtitle-font-sizenull
Description
The font size of the OrgChart Card subtitle.
+
$kendo-orgchart-card-body-border-widthnull
Description
The border width of the OrgChart Card body.
+
$kendo-orgchart-card-body-border-colornull
Description
The border color of the OrgChart Card body.
+
$kendo-orgchart-card-body-vbox-margin-rightnull
Description
The right margin of the OrgChart Card body title wrap.
+
$kendo-orgchart-card-body-vbox-min-heightnull
Description
The min height of the OrgChart Card body title wrap.
+
$kendo-orgchart-line-sizenull
Description
The size of the OrgChart connecting line.
+
$kendo-orgchart-line-fillnull
Description
The fill color of the OrgChart connecting line.
+
$kendo-orgchart-line-v-heightnull
Description
The height of the OrgChart connecting line.
+
+ +### PDFViewer + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-pdf-viewer-border-widthnull
Description
The border width of the PDFViewer.
+
$kendo-pdf-viewer-font-familynull
Description
The font family of the PDFViewer.
+
$kendo-pdf-viewer-font-sizenull
Description
The font size of the PDFViewer.
+
$kendo-pdf-viewer-line-heightnull
Description
The line height of the PDFViewer.
+
$kendo-pdf-viewer-bgnull
Description
The background color of the PDFViewer.
+
$kendo-pdf-viewer-textnull
Description
The text color of the PDFViewer.
+
$kendo-pdf-viewer-bordernull
Description
The border color of the PDFViewer.
+
$kendo-pdf-viewer-toolbar-bgnull
Description
The background color of the PDFViewer Toolbar.
+
$kendo-pdf-viewer-toolbar-textnull
Description
The text color of the PDFViewer Toolbar.
+
$kendo-pdf-viewer-toolbar-bordernull
Description
The border color of the PDFViewer Toolbar.
+
$kendo-pdf-viewer-toolbar-gradientnull
Description
The gradient of the PDFViewer Toolbar.
+
$kendo-pdf-viewer-canvas-bgnull
Description
The background color of the PDFViewer canvas.
+
$kendo-pdf-viewer-canvas-textnull
Description
The text color of the PDFViewer canvas.
+
$kendo-pdf-viewer-canvas-bordernull
Description
The border color of the PDFViewer canvas.
+
$kendo-pdf-viewer-page-spacingnull
Description
The spacing of the PDFViewer page.
+
$kendo-pdf-viewer-page-bgnull
Description
The background color of the PDFViewer page.
+
$kendo-pdf-viewer-page-textnull
Description
The text color of the PDFViewer page.
+
$kendo-pdf-viewer-page-bordernull
Description
The border color of the PDFViewer page.
+
$kendo-pdf-viewer-page-shadownull
Description
The shadow of the PDFViewer page.
+
$kendo-pdf-viewer-search-panel-padding-xnull
Description
The horizontal padding of the PDFViewer search panel.
+
$kendo-pdf-viewer-search-panel-padding-ynull
Description
The vertical padding of the PDFViewer search panel.
+
$kendo-pdf-viewer-search-panel-spacingnull
Description
The spacing of the PDFViewer search panel.
+
$kendo-pdf-viewer-search-panel-border-widthnull
Description
The border width of the PDFViewer search panel.
+
$kendo-pdf-viewer-search-panel-border-radiusnull
Description
The border radius of the PDFViewer search panel.
+
$kendo-pdf-viewer-search-panel-bgnull
Description
The background color of the PDFViewer search panel.
+
$kendo-pdf-viewer-search-panel-textnull
Description
The text color of the PDFViewer search panel.
+
$kendo-pdf-viewer-search-panel-bordernull
Description
The border color of the PDFViewer search panel.
+
$kendo-pdf-viewer-search-panel-shadownull
Description
The shadow of the PDFViewer search panel.
+
$kendo-pdf-viewer-search-panel-matches-spacingnull
Description
The spacing of the matches container in the PDFViewer search panel.
+
$kendo-pdf-viewer-selection-line-heightnull
Description
The line height of the PDFViewer selection.
+
$kendo-pdf-viewer-search-highlight-bgnull
Description
The background color of the PDFViewer highlight.
+
$kendo-pdf-viewer-search-highlight-mark-bgnull
Description
The background color of the PDFViewer highlight mark.
+
$kendo-pdf-viewer-icon-textnull
Description
The text color of the PDFViewer icon.
+
$kendo-pdf-viewer-popup-padding-xnull
Description
The vertical padding of the PDFViewer popup.
+
$kendo-pdf-viewer-popup-padding-ynull
Description
The horizontal padding of the PDFViewer popup.
+
$kendo-pdf-viewer-highlight-annotation-bordernull
Description
The border color of the PDFViewer selected highlight annotation.
+
$kendo-pdf-viewer-highlight-annotation-hover-bordernull
Description
The background color of the PDFViewer hover highlight annotation.
+
$kendo-pdf-viewer-free-text-annotation-bordernull
Description
The border color of the PDFViewer selected free text annotation.
+
$kendo-pdf-viewer-free-text-annotation-placeholder-textnull
Description
The placeholder text color of the PDFViewer free text annotation.
+
$kendo-pdf-viewer-free-text-annotation-textnull
Description
The text color of the PDFViewer free text annotation.
+
$kendo-pdf-viewer-free-text-annotation-textnull
Description
The text color of the PDFViewer free text annotation.
+
+ +### Pager + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-pager-padding-xnull
Description
The horizontal padding of the Pager.
+
$kendo-pager-sm-padding-xnull
Description
The horizontal padding of the small Pager.
+
$kendo-pager-md-padding-xnull
Description
The horizontal padding of the medium Pager.
+
$kendo-pager-lg-padding-xnull
Description
The horizontal padding of the large Pager.
+
$kendo-pager-padding-ynull
Description
The vertical padding of the Pager.
+
$kendo-pager-sm-padding-ynull
Description
The vertical padding of the small Pager.
+
$kendo-pager-md-padding-ynull
Description
The vertical padding of the medium Pager.
+
$kendo-pager-lg-padding-ynull
Description
The vertical padding of the large Pager.
+
$kendo-pager-sm-item-min-widthnull
Description
The minimum width of the items in the small Pager.
+
$kendo-pager-md-item-min-widthnull
Description
The minimum width of the items in the medium Pagers.
+
$kendo-pager-lg-item-min-widthnull
Description
The minimum width of the items in the large Pagers.
+
$kendo-pager-sm-item-group-spacingnull
Description
The margin between the item groups in the small Pager.
+
$kendo-pager-md-item-group-spacingnull
Description
The margin between the item groups in the medium Pager.
+
$kendo-pager-lg-item-group-spacingnull
Description
The margin between the item groups in the large Pager.
+
$kendo-pager-border-widthnull
Description
The border width of the Pager.
+
$kendo-pager-font-familynull
Description
The font family of the Pager.
+
$kendo-pager-font-sizenull
Description
The font size of the Pager.
+
$kendo-pager-line-heightnull
Description
The line height of the Pager.
+
$kendo-pager-bgnull
Description
The background color of the Pager.
+
$kendo-pager-textnull
Description
The text color of the Pager.
+
$kendo-pager-bordernull
Description
The border color of the Pager.
+
$kendo-pager-focus-bgnull
Description
The background color of the focused Pager.
+
$kendo-pager-focus-shadownull
Description
The box shadow of the focused Pager.
+
$kendo-pager-section-spacingnull
Description
The spacing between the sections of the Pager.
+
$kendo-pager-item-border-widthnull
Description
The border width of the Pager items.
+
$kendo-pager-item-border-radiusnull
Description
The border radius of the Pager items.
+
$kendo-pager-item-spacingnull
Description
The spacing around the Pager items.
+
$kendo-pager-item-bgnull
Description
The background color of the Pager items.
+
$kendo-pager-item-textnull
Description
The text color of the Pager items.
+
$kendo-pager-item-bordernull
Description
The border color of the Pager items.
+
$kendo-pager-item-hover-bgnull
Description
The background color of the hovered Pager items.
+
$kendo-pager-item-hover-textnull
Description
The text color of the hovered Pager items.
+
$kendo-pager-item-hover-bordernull
Description
The border color of the hovered Pager items.
+
$kendo-pager-item-selected-bgnull
Description
The background color of the selected Pager items.
+
$kendo-pager-item-selected-textnull
Description
The text color of the selected Pager items.
+
$kendo-pager-item-selected-bordernull
Description
The border color of the selected Pager items.
+
$kendo-pager-item-focus-opacitynull
Description
The opacity of the focused Pager items.
+
$kendo-pager-item-focus-bgnull
Description
The background color of the focused Pager items.
+
$kendo-pager-item-focus-shadownull
Description
The box shadow of the focused Pager items.
+
$kendo-pager-number-border-radiusnull
Description
The border radius of the Pager numbers.
+
$kendo-pager-input-widthnull
Description
The width of the Inputs in the Pager.
+
$kendo-pager-sm-dropdown-widthnull
Description
The width of the DropDowns in the small Pager.
+
$kendo-pager-md-dropdown-widthnull
Description
The width of the DropDowns in the medium Pager.
+
$kendo-pager-lg-dropdown-widthnull
Description
The width of the DropDowns in the large Pager.
+
$kendo-pager-sizesnull
Description
The sizes map of the Pager.
+
+ +### Palette + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-palette-grayMap$_default-palette-gray
  • 1: #fafafa
  • 2: #f5f5f5
  • 3: #ebebeb
  • 4: #e0e0e0
  • 5: #d6d6d6
  • 6: #c2c2c2
  • 7: #adadad
  • 8: #999999
  • 9: #808080
  • 10: #666666
  • 11: #525252
  • 12: #3d3d3d
  • 13: #292929
  • 14: #1f1f1f
  • 15: #141414
  • white: #ffffff
  • black: #000000
Description
The Gray Palette provides colors to the Base, Secondary, Light, Dark, and Inverse variable groups.
+
$kendo-palette-coralMap$_default-palette-coral
  • 1: #fff6f5
  • 2: #ffeceb
  • 3: #ffdedb
  • 4: #ffc8c4
  • 5: #ffb1ac
  • 6: #ff9d97
  • 7: #ff8a82
  • 8: #ff766d
  • 9: #ff6358
  • 10: #ea5a51
  • 11: #d45349
  • 12: #bf4a42
  • 13: #a33f38
  • 14: #80322c
  • 15: #5c201c
Description
The Coral Palette provides colors to the Primary and Series A variable groups.
+
$kendo-palette-sky-blueMap$_default-palette-sky-blue
  • 1: #ebf8fe
  • 2: #d8f1fd
  • 3: #c5eafc
  • 4: #a3dffb
  • 5: #81d4fA
  • 6: #61c9f9
  • 7: #42bff7
  • 8: #22b3f5
  • 9: #03a9f4
  • 10: #039ae0
  • 11: #028ccb
  • 12: #027fb7
  • 13: #026999
  • 14: #02557a
  • 15: #023f5c
Description
The Sky Blue Palette provides colors to the Tertiary variable group.
+
$kendo-palette-greenMap$_default-palette-green
  • 1: #edf8e9
  • 2: #dcf0d3
  • 3: #cbe9bf
  • 4: #b7e1a5
  • 5: #9bda80
  • 6: #81d15f
  • 7: #69c740
  • 8: #4ebe1f
  • 9: #37b400
  • 10: #32a500
  • 11: #2d9600
  • 12: #298700
  • 13: #227100
  • 14: #1c5a00
  • 15: #1c5a00
Description
The Green Palette provides colors to the Success variable group.
+
$kendo-palette-blueMap$_default-palette-blue
  • 1: #e9f0fd
  • 2: #d2e2fb
  • 3: #bdd4f8
  • 4: #9ec0f6
  • 5: #80acf4
  • 6: #6098f2
  • 7: #4082ef
  • 8: #206eec
  • 9: #0058e9
  • 10: #0052d6
  • 11: #004ac2
  • 12: #0042af
  • 13: #003892
  • 14: #002c75
  • 15: #002259
Description
The Blue Palette provides colors to the Info variable group.
+
$kendo-palette-yellowMap$_default-palette-yellow
  • 1: #fffae9
  • 2: #fff4d3
  • 3: #ffeebd
  • 4: #ffe79e
  • 5: #ffe080
  • 6: #ffd760
  • 7: #ffd040
  • 8: #ffc720
  • 9: #ffc000
  • 10: #eaaf00
  • 11: #d49f00
  • 12: #bf9000
  • 13: #a07800
  • 14: #806000
  • 15: #5e4700
Description
The Yellow Palette provides colors to the Warning variable group.
+
$kendo-palette-redMap$_default-palette-red
  • 1: #feeeed
  • 2: #fcddda
  • 3: #fbc8c3
  • 4: #faaaa2
  • 5: #f98b80
  • 6: #f76f60
  • 7: #f65140
  • 8: #f43520
  • 9: #f31700
  • 10: #df1600
  • 11: #ca1400
  • 12: #b61100
  • 13: #980f00
  • 14: #7a0c00
  • 15: #7a0c00
Description
The Red Palette provides colors to the Error variable group.
+
$kendo-palette-lemon-yellowMap$_default-palette-lemon-yellow
  • 1: #fffcf1
  • 2: #fffae2
  • 3: #fff7d4
  • 4: #fff4c2
  • 5: #fff0b1
  • 6: #ffed9d
  • 7: #ffe989
  • 8: #ffe676
  • 9: #ffe162
  • 10: #ead05a
  • 11: #d4bc52
  • 12: #bfa94a
  • 13: #a3913f
  • 14: #807131
  • 15: #5c5223
Description
The Lemon Yellow Palette provides colors to the Series B variable group.
+
$kendo-palette-spring-greenMap$_default-palette-spring-green
  • 1: #effaf3
  • 2: #e0f6e8
  • 3: #d1f1dd
  • 4: #c0edd1
  • 5: #a6e8c0
  • 6: #8fe2af
  • 7: #79dda0
  • 8: #62d78f
  • 9: #4cd180
  • 10: #46c074
  • 11: #3fae6a
  • 12: #399d60
  • 13: #2f834f
  • 14: #266940
  • 15: #1c4f30
Description
The Spring Green Palette provides colors to the Series C variable group.
+
$kendo-palette-royal-blueMap$_default-palette-royal-blue
  • 1: #f0f2ff
  • 2: #e1e4fe
  • 3: #d2d7fe
  • 4: #bbc3fd
  • 5: #a5affd
  • 6: #8e9bfc
  • 7: #7887fb
  • 8: #6173fb
  • 9: #4b5ffa
  • 10: #4558e5
  • 11: #3f50d1
  • 12: #3847bc
  • 13: #2f3c9d
  • 14: #26307d
  • 15: #1c245e
Description
The Royal Blue Palette provides colors to the Series D variable group.
+
$kendo-palette-lavender-purpleMap$_default-palette-lavender-purple
  • 1: #f7f0ff
  • 2: #f0e0ff
  • 3: #e8d1ff
  • 4: #dfbfff
  • 5: #d6acff
  • 6: #cc97ff
  • 7: #c182ff
  • 8: #b76dff
  • 9: #ac58ff
  • 10: #9e51ea
  • 11: #8f49d4
  • 12: #8142bf
  • 13: #6b37a0
  • 14: #562c80
  • 15: #3f205e
Description
The Lavender Purple Palette provides colors to the Series E variable group.
+
$kendo-palette-flamingo-pinkMap$_default-palette-flamingo-pink
  • 1: #fff0f5
  • 2: #ffe1eb
  • 3: #ffd1e1
  • 4: #ffbfd6
  • 5: #ffacc9
  • 6: #ff97bb
  • 7: #ff82ae
  • 8: #ff6da0
  • 9: #ff5892
  • 10: #ea5186
  • 11: #d4497a
  • 12: #bf426e
  • 13: #a0375c
  • 14: #802c49
  • 15: #5e2036
Description
The Flamingo Pink Palette provides colors to the Series F variable group.
+
+ +### Panel + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-panel-border-radiusnull
Description
The border radius of the Panel.
+
$kendo-panel-border-widthnull
Description
The width of the border around the Panel.
+
$kendo-panel-border-stylenull
Description
The style of the border around the Panel.
+
$kendo-panel-header-padding-inlinenull
Description
The inline padding of the Panel header.
+
$kendo-panel-header-padding-blocknull
Description
The block padding of the Panel header.
+
$kendo-panel-content-padding-inlinenull
Description
The inline padding of the Panel content.
+
$kendo-panel-content-padding-blocknull
Description
The block padding of the Panel content.
+
$kendo-panel-textnull
Description
The text color of the Panel.
+
$kendo-panel-bgnull
Description
The background color of the Panel.
+
$kendo-panel-bordernull
Description
The color of the border around the Panel.
+
+ +### Panelbar + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-panelbar-padding-xnull
Description
The horizontal padding of the PanelBar.
+
$kendo-panelbar-padding-ynull
Description
The vertical padding of the PanelBar.
+
$kendo-panelbar-font-familynull
Description
The font family of the PanelBar.
+
$kendo-panelbar-font-sizenull
Description
The font size of the PanelBar.
+
$kendo-panelbar-line-heightnull
Description
The line height of the PanelBar.
+
$kendo-panelbar-border-widthnull
Description
The width of the border around the PanelBar.
+
$kendo-panelbar-border-stylenull
Description
The border style around the the PanelBar.
+
$kendo-panelbar-item-border-widthnull
Description
The width of the border around the PanelBar items.
+
$kendo-panelbar-item-border-stylenull
Description
The style of the border around the PanelBar items.
+
$kendo-panelbar-header-padding-xnull
Description
The horizontal padding of the PanelBar header.
+
$kendo-panelbar-header-padding-ynull
Description
The vertical padding of the PanelBar header.
+
$kendo-panelbar-item-padding-xnull
Description
The horizontal padding of the PanelBar items.
+
$kendo-panelbar-item-padding-ynull
Description
The vertical padding of the PanelBar items.
+
$kendo-panelbar-item-level-countnull
Description
The maximum nesting of the PanelBar items.
+
$kendo-panelbar-bgnull
Description
The background color of the PanelBar.
+
$kendo-panelbar-textnull
Description
The text color of the PanelBar.
+
$kendo-panelbar-bordernull
Description
The border color of the PanelBar.
+
$kendo-panelbar-header-bgnull
Description
The background color of the PanelBar header.
+
$kendo-panelbar-header-textnull
Description
The text color of the PanelBar header.
+
$kendo-panelbar-header-bordernull
Description
The border color of the PanelBar header.
+
$kendo-panelbar-header-gradientnull
Description
The gradient of the PanelBar header.
+
$kendo-panelbar-header-hover-bgnull
Description
The background color of the hovered PanelBar header.
+
$kendo-panelbar-header-hover-textnull
Description
The text color of the hovered PanelBar header.
+
$kendo-panelbar-header-hover-bordernull
Description
The border color of the hovered PanelBar header.
+
$kendo-panelbar-header-hover-gradientnull
Description
The gradient of the hovered PanelBar header.
+
$kendo-panelbar-header-focus-bgnull
Description
The background color of the focused PanelBar header.
+
$kendo-panelbar-header-focus-textnull
Description
The text color of the focused PanelBar header.
+
$kendo-panelbar-header-focus-bordernull
Description
The border color of the focused PanelBar header.
+
$kendo-panelbar-header-focus-gradientnull
Description
The gradient of the focused PanelBar header.
+
$kendo-panelbar-header-focus-shadownull
Description
The shadow of the focused PanelBar header.
+
$kendo-panelbar-header-hover-focus-bgnull
Description
The background color of the focused and hovered PanelBar header.
+
$kendo-panelbar-header-hover-focus-textnull
Description
The text color of the focused and hovered PanelBar header.
+
$kendo-panelbar-header-hover-focus-bordernull
Description
The border color of the focused and hovered PanelBar header.
+
$kendo-panelbar-header-hover-focus-gradientnull
Description
The gradient of the focused and hovered PanelBar header.
+
$kendo-panelbar-header-selected-bgnull
Description
The background color of the selected PanelBar header.
+
$kendo-panelbar-header-selected-textnull
Description
The text color of the selected PanelBar header.
+
$kendo-panelbar-header-selected-bordernull
Description
The border color of the selected PanelBar header.
+
$kendo-panelbar-header-selected-gradientnull
Description
The gradient of the selected PanelBar header.
+
$kendo-panelbar-header-selected-hover-bgnull
Description
The background color of the selected and hovered PanelBar header.
+
$kendo-panelbar-header-selected-hover-textnull
Description
The text color of the selected and hovered PanelBar header.
+
$kendo-panelbar-header-selected-hover-bordernull
Description
The border color of the selected and hovered PanelBar header.
+
$kendo-panelbar-header-selected-hover-gradientnull
Description
The gradient of the selected and hovered PanelBar header.
+
$kendo-panelbar-header-selected-focus-bgnull
Description
The background color of the selected and focused PanelBar header.
+
$kendo-panelbar-header-selected-focus-textnull
Description
The text color of the selected and focused PanelBar header.
+
$kendo-panelbar-header-selected-focus-bordernull
Description
The border color of the selected and focused PanelBar header.
+
$kendo-panelbar-header-selected-focus-gradientnull
Description
The gradient of the selected and focused PanelBar header.
+
$kendo-panelbar-header-selected-hover-focus-bgnull
Description
The background color of the selected, hovered and focused PanelBar header.
+
$kendo-panelbar-header-selected-hover-focus-textnull
Description
The text color of the selected, hovered and focused PanelBar header.
+
$kendo-panelbar-header-selected-hover-focus-bordernull
Description
The border color of the selected, hovered and focused PanelBar header.
+
$kendo-panelbar-header-selected-hover-focus-gradientnull
Description
The gradient of the selected, hovered and focused PanelBar header.
+
$kendo-panelbar-item-hover-bgnull
Description
The background color of the hovered PanelBar items.
+
$kendo-panelbar-item-hover-textnull
Description
The text color of the hovered PanelBar items.
+
$kendo-panelbar-item-hover-bordernull
Description
The border color of the hovered PanelBar items.
+
$kendo-panelbar-item-hover-gradientnull
Description
The gradient of the hovered PanelBar items.
+
$kendo-panelbar-item-focus-bgnull
Description
The background color of the focused PanelBar items.
+
$kendo-panelbar-item-focus-textnull
Description
The text color of the focused PanelBar items.
+
$kendo-panelbar-item-focus-bordernull
Description
The border color of the focused PanelBar items.
+
$kendo-panelbar-item-focus-gradientnull
Description
The gradient of the focused PanelBar items.
+
$kendo-panelbar-item-focus-shadownull
Description
The box shadow of the focused PanelBar items.
+
$kendo-panelbar-item-hover-focus-bgnull
Description
The background color of the focused and hovered PanelBar items.
+
$kendo-panelbar-item-hover-focus-textnull
Description
The text color of the focused and hovered PanelBar items.
+
$kendo-panelbar-item-hover-focus-bordernull
Description
The border color of the focused and hovered PanelBar items.
+
$kendo-panelbar-item-hover-focus-gradientnull
Description
The gradient of the focused and hovered PanelBar items.
+
$kendo-panelbar-item-selected-bgnull
Description
The background color of the selected PanelBar items.
+
$kendo-panelbar-item-selected-textnull
Description
The text color of the selected PanelBar items.
+
$kendo-panelbar-item-selected-bordernull
Description
The border color of the selected PanelBar items.
+
$kendo-panelbar-item-selected-gradientnull
Description
The gradient of the selected PanelBar items.
+
$kendo-panelbar-item-selected-hover-bgnull
Description
The background color of the selected and hovered PanelBar items.
+
$kendo-panelbar-item-selected-hover-textnull
Description
The text color of the selected and hovered PanelBar items.
+
$kendo-panelbar-item-selected-hover-bordernull
Description
The border color of the selected and hovered PanelBar items.
+
$kendo-panelbar-item-selected-hover-gradientnull
Description
The gradient of the selected and hovered PanelBar items.
+
$kendo-panelbar-item-selected-focus-bgnull
Description
The background color of the selected and focused PanelBar items.
+
$kendo-panelbar-item-selected-focus-textnull
Description
The text color of the selected and focused PanelBar items.
+
$kendo-panelbar-item-selected-focus-bordernull
Description
The border color of the selected and focused PanelBar items.
+
$kendo-panelbar-item-selected-focus-gradientnull
Description
The gradient of the selected and focused PanelBar items.
+
$kendo-panelbar-item-selected-hover-focus-bgnull
Description
The background color of the selected, hovered and focused PanelBar items.
+
$kendo-panelbar-item-selected-hover-focus-textnull
Description
The text color of the selected, hovered and focused PanelBar items.
+
$kendo-panelbar-item-selected-hover-focus-bordernull
Description
The border color of the selected, hovered and focused PanelBar items.
+
$kendo-panelbar-item-selected-hover-focus-gradientnull
Description
The gradient of the selected, hovered and focused PanelBar items.
+
$kendo-panelbar-header-expanded-bgnull
Description
The background color of the expanded PanelBar header.
+
$kendo-panelbar-header-expanded-textnull
Description
The text color of the expanded PanelBar header.
+
$kendo-panelbar-header-expanded-bordernull
Description
The border color of the expanded PanelBar header.
+
$kendo-panelbar-header-expanded-gradientnull
Description
The gradient of the expanded PanelBar header.
+
+ +### Picker + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-picker-bgnull
Description
The background color of the Picker components.
+
$kendo-picker-textnull
Description
The text color of the Picker components.
+
$kendo-picker-bordernull
Description
The border color of the Picker components.
+
$kendo-picker-gradientnull
Description
The gradient of the Picker components.
+
$kendo-picker-shadownull
Description
The shadow of the Picker components.
+
$kendo-picker-hover-bgnull
Description
The background color of the hovered Picker components.
+
$kendo-picker-hover-textnull
Description
The text color of the hovered Picker components.
+
$kendo-picker-hover-bordernull
Description
The border color of the hovered Picker components.
+
$kendo-picker-hover-gradientnull
Description
The gradient of the hovered Picker components.
+
$kendo-picker-hover-shadownull
Description
The shadow of the hovered Picker components.
+
$kendo-picker-focus-bgnull
Description
The background color of the focused Picker components.
+
$kendo-picker-focus-textnull
Description
The text color of the focused Picker components.
+
$kendo-picker-focus-bordernull
Description
The border color of the focused Picker components.
+
$kendo-picker-focus-gradientnull
Description
The gradient of the focused Picker components.
+
$kendo-picker-focus-shadownull
Description
The shadow of the focused Picker components.
+
$kendo-picker-disabled-bgnull
Description
The background color of the disabled Picker components.
+
$kendo-picker-disabled-textnull
Description
The text color of the disabled Picker components.
+
$kendo-picker-disabled-bordernull
Description
The border color of the disabled Picker components.
+
$kendo-picker-disabled-gradientnull
Description
The gradient of the disabled Picker components.
+
$kendo-picker-disabled-shadownull
Description
The shadow of the disabled Picker components.
+
$kendo-picker-outline-bgnull
Description
The background color of the outline Picker components.
+
$kendo-picker-outline-textnull
Description
The text color of the outline Picker components.
+
$kendo-picker-outline-bordernull
Description
The border color of the outline Picker components.
+
$kendo-picker-outline-hover-bgnull
Description
The background color of the outline hovered Picker components.
+
$kendo-picker-outline-hover-textnull
Description
The text color of the outline hovered Picker components.
+
$kendo-picker-outline-hover-bordernull
Description
The border color of the outline hovered Picker components.
+
$kendo-picker-outline-focus-bgnull
Description
The background color of the outline focused Picker components.
+
$kendo-picker-outline-focus-textnull
Description
The text color of the outline focused Picker components.
+
$kendo-picker-outline-focus-bordernull
Description
The border color of the outline focused Picker components.
+
$kendo-picker-outline-focus-shadownull
Description
The shadow of the outline focused Picker components.
+
$kendo-picker-outline-hover-focus-bgnull
Description
The background color of the outline hovered and focused Picker components.
+
$kendo-picker-outline-hover-focus-textnull
Description
The text color of the outline hovered and focused Picker components.
+
$kendo-picker-outline-hover-focus-bordernull
Description
The border color of the outline hovered and focused Picker components.
+
$kendo-picker-flat-bgnull
Description
The background color of the flat Picker components.
+
$kendo-picker-flat-textnull
Description
The text color of the flat Picker components.
+
$kendo-picker-flat-bordernull
Description
The border color of the flat Picker components.
+
$kendo-picker-flat-hover-bgnull
Description
The background color of the flat hovered Picker components.
+
$kendo-picker-flat-hover-textnull
Description
The text color of the flat hovered Picker components.
+
$kendo-picker-flat-hover-bordernull
Description
The border color of the flat hovered Picker components.
+
$kendo-picker-flat-focus-bgnull
Description
The background color of the flat focused Picker components.
+
$kendo-picker-flat-focus-textnull
Description
The text color of the flat focused Picker components.
+
$kendo-picker-flat-focus-bordernull
Description
The border color of the flat focused Picker components.
+
$kendo-picker-flat-focus-shadownull
Description
The shadow of the flat focused Picker components.
+
$kendo-picker-flat-hover-focus-bgnull
Description
The background color of the flat hovered and focused Picker components.
+
$kendo-picker-flat-hover-focus-textnull
Description
The text color of the flat hovered and focused Picker components.
+
$kendo-picker-flat-hover-focus-bordernull
Description
The border color of the flat hovered and focused Picker components.
+
+ +### Pivotgrid + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-pivotgrid-spacernull
Description
The spacer of the PivotGrid.
+
$kendo-pivotgrid-padding-xnull
Description
The horizontal padding of the PivotGrid.
+
$kendo-pivotgrid-padding-ynull
Description
The vertical of the PivotGrid.
+
$kendo-pivotgrid-font-familynull
Description
The font family of the PivotGrid.
+
$kendo-pivotgrid-font-sizenull
Description
The font size of the PivotGrid.
+
$kendo-pivotgrid-line-heightnull
Description
The line height of the PivotGrid.
+
$kendo-pivotgrid-border-widthnull
Description
The border width of the PivotGrid.
+
$kendo-pivotgrid-icon-spacingnull
Description
The icon spacing of the PivotGrid.
+
$kendo-pivotgrid-row-header-widthnull
Description
The default width of the PivotGrid row header.
+
$kendo-pivotgrid-column-header-heightnull
Description
The default height of the PivotGrid column header.
+
$kendo-pivotgrid-cell-padding-xnull
Description
The horizontal padding of the PivotGrid cell.
+
$kendo-pivotgrid-cell-padding-ynull
Description
The vertical padding of the PivotGrid cell.
+
$kendo-pivotgrid-cell-border-widthnull
Description
The border width of the PivotGrid cell.
+
$kendo-pivotgrid-bgnull
Description
The background color of the PivotGrid.
+
$kendo-pivotgrid-textnull
Description
The text color of the PivotGrid.
+
$kendo-pivotgrid-bordernull
Description
The border color of the PivotGrid.
+
$kendo-pivotgrid-alt-bordernull
Description
The alt border color of the PivotGrid.
+
$kendo-pivotgrid-headers-bgnull
Description
The background color of the PivotGrid header.
+
$kendo-pivotgrid-headers-textnull
Description
The text color of the PivotGrid header.
+
$kendo-pivotgrid-headers-bordernull
Description
The border color of the PivotGrid header.
+
$kendo-pivotgrid-total-bgnull
Description
The background color of the PivotGrid total cells.
+
$kendo-pivotgrid-total-textnull
Description
The text color of the PivotGrid total cells.
+
$kendo-pivotgrid-total-bordernull
Description
The border color of the PivotGrid total cells.
+
$kendo-pivotgrid-hover-bgnull
Description
The hover background color of the PivotGrid.
+
$kendo-pivotgrid-hover-textnull
Description
The hover text color of the PivotGrid.
+
$kendo-pivotgrid-hover-bordernull
Description
The hover border color of the PivotGrid.
+
$kendo-pivotgrid-selected-bgnull
Description
The selected background color of the PivotGrid.
+
$kendo-pivotgrid-selected-textnull
Description
The selected text color of the PivotGrid.
+
$kendo-pivotgrid-selected-bordernull
Description
The selected border color of the PivotGrid.
+
$kendo-pivotgrid-focus-shadownull
Description
The focus shadow of the PivotGrid.
+
$kendo-pivotgrid-configurator-padding-xnull
Description
The horizontal padding of the PivotGrid configurator.
+
$kendo-pivotgrid-configurator-padding-ynull
Description
The vertical padding of the PivotGrid configurator.
+
$kendo-pivotgrid-configurator-border-widthnull
Description
The border width of the PivotGrid configurator.
+
$kendo-pivotgrid-configurator-header-padding-xnull
Description
The horizontal padding of the PivotGrid configurator header.
+
$kendo-pivotgrid-configurator-header-padding-ynull
Description
The vertical padding of the PivotGrid configurator header.
+
$kendo-pivotgrid-configurator-header-font-sizenull
Description
The font size of the PivotGrid configurator header.
+
$kendo-pivotgrid-configurator-header-font-weightnull
Description
The font weight of the PivotGrid configurator header.
+
$kendo-pivotgrid-configurator-content-padding-xnull
Description
The horizontal padding of the PivotGrid configurator content.
+
$kendo-pivotgrid-configurator-content-padding-ynull
Description
The vertical padding of the PivotGrid configurator content.
+
$kendo-pivotgrid-configurator-fields-margin-xnull
Description
The horizontal margin of the PivotGrid configurator fields.
+
$kendo-pivotgrid-configurator-fields-margin-ynull
Description
The vertical margin of the PivotGrid configurator fields.
+
$kendo-pivotgrid-configurator-vertical-widthnull
Description
The default width of the PivotGrid vertical configurator.
+
$kendo-pivotgrid-configurator-horizontal-heightnull
Description
The default height of the PivotGrid horizontal configurator.
+
$kendo-pivotgrid-configurator-bgnull
Description
The background color of the PivotGrid configurator.
+
$kendo-pivotgrid-configurator-textnull
Description
The text color of the PivotGrid configurator.
+
$kendo-pivotgrid-configurator-bordernull
Description
The border color of the PivotGrid configurator.
+
$kendo-pivotgrid-configurator-header-bgnull
Description
The background color of the PivotGrid configurator header.
+
$kendo-pivotgrid-configurator-header-textnull
Description
The text color of the PivotGrid configurator header.
+
$kendo-pivotgrid-configurator-header-bordernull
Description
The border color of the PivotGrid configurator header.
+
$kendo-pivotgrid-configurator-shadownull
Description
The shadow of the PivotGrid configurator.
+
$kendo-pivotgrid-configurator-end-shadownull
Description
The end shadow of the PivotGrid configurator.
+
$kendo-pivotgrid-configurator-start-shadownull
Description
The start shadow of the PivotGrid configurator.
+
$kendo-pivotgrid-configurator-top-shadownull
Description
The top shadow of the PivotGrid configurator.
+
$kendo-pivotgrid-configurator-bottom-shadownull
Description
The bottom shadow of the PivotGrid configurator.
+
$kendo-pivotgrid-configurator-button-padding-xnull
Description
The horizontal padding of the PivotGrid configurator button.
+
$kendo-pivotgrid-configurator-button-padding-ynull
Description
The vertical padding of the PivotGrid configurator button.
+
$kendo-pivotgrid-configurator-button-border-widthnull
Description
The border width of the PivotGrid configurator button.
+
$kendo-pivotgrid-configurator-button-sizenull
Description
The size of the PivotGrid configurator button.
+
$kendo-pivotgrid-calculated-field-padding-xnull
Description
The horizontal padding of the PivotGrid calculated field.
+
$kendo-pivotgrid-calculated-field-padding-ynull
Description
The vertical padding of the PivotGrid calculated field.
+
$kendo-pivotgrid-calculated-field-border-widthnull
Description
The border width of the PivotGrid calculated field.
+
$kendo-pivotgrid-calculated-field-border-radiusnull
Description
The border radius of the PivotGrid calculated field.
+
$kendo-pivotgrid-calculated-field-gapnull
Description
The spacing of the PivotGrid calculated field.
+
$kendo-pivotgrid-calculated-field-bgnull
Description
The background color of the PivotGrid calculated field.
+
$kendo-pivotgrid-calculated-field-textnull
Description
The text color of the PivotGrid calculated field.
+
$kendo-pivotgrid-calculated-field-bordernull
Description
The border color of the PivotGrid calculated field.
+
$kendo-pivotgrid-calculated-field-header-bgnull
Description
The background color of the PivotGrid calculated field header.
+
$kendo-pivotgrid-calculated-field-header-textnull
Description
The text color of the PivotGrid calculated field header.
+
$kendo-pivotgrid-calculated-field-header-bordernull
Description
The border color of the PivotGrid calculated field header.
+
$kendo-pivotgrid-treeview-padding-xnull
Description
The horizontal padding of the PivotGrid treeview.
+
$kendo-pivotgrid-treeview-padding-ynull
Description
The vertical padding of the PivotGrid treeview.
+
+ +### Popover + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-popover-border-widthnull
Description
The width of the border around the Popover.
+
$kendo-popover-border-stylenull
Description
The style of the border around the Popover.
+
$kendo-popover-border-radiusnull
Description
The radius of the border around the Popover.
+
$kendo-popover-font-familynull
Description
The font family of the Popover.
+
$kendo-popover-font-sizenull
Description
The font size of the Popover.
+
$kendo-popover-line-heightnull
Description
The line height of the Popover.
+
$kendo-popover-textnull
Description
The text color of the Popover.
+
$kendo-popover-bgnull
Description
The background color of the Popover.
+
$kendo-popover-bordernull
Description
The border color of the Popover.
+
$kendo-popover-shadownull
Description
The box shadow of the Popover.
+
$kendo-popover-header-padding-xnull
Description
The horizontal padding of the Popover header.
+
$kendo-popover-header-padding-ynull
Description
The vertical padding of the Popover header.
+
$kendo-popover-header-border-widthnull
Description
The border width of the Popover header.
+
$kendo-popover-header-border-stylenull
Description
The border style of the Popover header.
+
$kendo-popover-header-textnull
Description
The text color of the Popover header.
+
$kendo-popover-header-bgnull
Description
The background color of the Popover header.
+
$kendo-popover-header-bordernull
Description
The border color of the Popover header.
+
$kendo-popover-body-padding-xnull
Description
The horizontal padding of the Popover body.
+
$kendo-popover-body-padding-ynull
Description
The vertical padding of the Popover body.
+
$kendo-popover-actions-border-widthnull
Description
The border width of the Popover actions.
+
$kendo-popover-callout-widthnull
Description
The width of the Popover callout.
+
$kendo-popover-callout-heightnull
Description
The height of the Popover callout.
+
$kendo-popover-callout-border-widthnull
Description
The border width of the Popover callout.
+
$kendo-popover-callout-border-stylenull
Description
The border style of the Popover callout.
+
$kendo-popover-callout-bgnull
Description
The background color of the Popover callout.
+
$kendo-popover-callout-bordernull
Description
The border color of the Popover callout.
+
+ +### Popup + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-popup-padding-xnull
Description
Horizontal padding of the popup.
+
$kendo-popup-padding-ynull
Description
Vertical padding of the popup.
+
$kendo-popup-border-widthnull
Description
Width of the border around the popup.
+
$kendo-popup-border-radiusnull
Description
Border radius of the popup.
+
$kendo-popup-font-sizenull
Description
Font size of the popup.
+
$kendo-popup-line-heightnull
Description
Line height of the popup.
+
$kendo-popup-content-padding-xnull
Description
Horizontal padding of the popup content.
+
$kendo-popup-content-padding-ynull
Description
Vertical padding of the popup content.
+
$kendo-popup-bgnull
Description
Background color of the popup.
+
$kendo-popup-textnull
Description
Text color of the popup.
+
$kendo-popup-bordernull
Description
Border color of the popup.
+
$kendo-popup-shadownull
Description
Box shadow of the popup.
+
+ +### Progressbar + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-progressbar-heightnull
Description
The height of the ProgressBar.
+
$kendo-progressbar-horizontal-widthnull
Description
The horizontal width of the ProgressBar.
+
$kendo-progressbar-animation-timingnull
Description
The animation timing of the ProgressBar.
+
$kendo-progressbar-border-widthnull
Description
The width of the border around the ProgressBar.
+
$kendo-progressbar-font-familynull
Description
The font family of the ProgressBar.
+
$kendo-progressbar-font-sizenull
Description
The font size of the ProgressBar.
+
$kendo-progressbar-line-heightnull
Description
The line height of the ProgressBar.
+
$kendo-progressbar-bgnull
Description
The background color of the ProgressBar.
+
$kendo-progressbar-textnull
Description
The text color of the ProgressBar.
+
$kendo-progressbar-bordernull
Description
The border color of the ProgressBar.
+
$kendo-progressbar-gradientnull
Description
The background gradient of the ProgressBar.
+
$kendo-progressbar-value-bgnull
Description
The progress background color of the ProgressBar.
+
$kendo-progressbar-value-textnull
Description
The progress text color of the ProgressBar.
+
$kendo-progressbar-value-bordernull
Description
The progress border color of the ProgressBar.
+
$kendo-progressbar-value-gradientnull
Description
The progress background gradient of the ProgressBar.
+
$kendo-progressbar-indeterminate-bgnull
Description
The background color of the indeterminate ProgressBar.
+
$kendo-progressbar-indeterminate-textnull
Description
The text color of the indeterminate ProgressBar.
+
$kendo-progressbar-indeterminate-bordernull
Description
The border color of the indeterminate ProgressBar.
+
$kendo-progressbar-indeterminate-gradientnull
Description
The background gradient of the indeterminate ProgressBar.
+
$kendo-progressbar-chunk-bordernull
Description
The border color of the chunk ProgressBar.
+
$kendo-circular-progressbar-arc-strokenull
Description
The arc stroke color of the circular ProgressBar.
+
$kendo-circular-progressbar-scale-strokenull
Description
The scale stroke background color of the circular ProgressBar.
+
+ +### Prompt + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-prompt-textnull
Description
The text color of the AIPrompt.
+
$kendo-prompt-bgnull
Description
The background color of the AIPrompt.
+
$kendo-prompt-bordernull
Description
The border color of the AIPrompt.
+
$kendo-prompt-header-textnull
Description
The text color of the AIPrompt header.
+
$kendo-prompt-header-bgnull
Description
The background color of the AIPrompt header.
+
$kendo-prompt-header-bordernull
Description
The border color of the AIPrompt header.
+
$kendo-prompt-content-padding-ynull
Description
The vertical padding of the AIPrompt content.
+
$kendo-prompt-content-padding-xnull
Description
The horizontal padding of the AIPrompt content.
+
$kendo-prompt-content-spacingnull
Description
The spacing between the items of the AIPrompt content.
+
$kendo-prompt-content-textnull
Description
The text color of the AIPrompt content.
+
$kendo-prompt-content-bgnull
Description
The background color of the AIPrompt content.
+
$kendo-prompt-content-bordernull
Description
The text border of the AIPrompt content.
+
$kendo-prompt-expander-spacingnull
Description
The spacing between the items of the AIPrompt content expander.
+
$kendo-prompt-suggestion-padding-ynull
Description
The vertical padding of the AIPrompt suggestion container.
+
$kendo-prompt-suggestion-padding-xnull
Description
The horizontal padding of the AIPrompt suggestion container.
+
$kendo-prompt-suggestion-border-radiusnull
Description
The border radius of the AIPrompt suggestion container.
+
$kendo-prompt-suggestion-textnull
Description
The text color of the AIPrompt suggestion container.
+
$kendo-prompt-suggestion-bgnull
Description
The background color of the AIPrompt suggestion container.
+
$kendo-prompt-suggestion-bordernull
Description
The border color of the AIPrompt suggestion container.
+
$kendo-prompt-suggestion-shadownull
Description
The elevation of the AIPrompt suggestion container.
+
+ +### Radio + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-radio-radiusnull
Description
The border radius of the RadioButton.
+
$kendo-radio-border-widthnull
Description
The border width of the RadioButton.
+
$kendo-radio-sm-sizenull
Description
The size of a small RadioButton.
+
$kendo-radio-md-sizenull
Description
The size of a medium RadioButton.
+
$kendo-radio-lg-sizenull
Description
The size of a large RadioButton.
+
$kendo-radio-sm-glyph-sizenull
Description
The glyph size of a small RadioButton.
+
$kendo-radio-md-glyph-sizenull
Description
The glyph size of a medium RadioButton.
+
$kendo-radio-lg-glyph-sizenull
Description
The glyph size of a large RadioButton.
+
$kendo-radio-sm-ripple-sizenull
Description
The ripple size of a small RadioButton.
+
$kendo-radio-md-ripple-sizenull
Description
The ripple size of a medium RadioButton.
+
$kendo-radio-lg-ripple-sizenull
Description
The ripple size of a large RadioButton.
+
$kendo-radio-sizesnull
Description
The map with the different RadioButton sizes.
+
$kendo-radio-bgnull
Description
The background color of the RadioButton.
+
$kendo-radio-textnull
Description
The color of the RadioButton.
+
$kendo-radio-bordernull
Description
The border color of the RadioButton.
+
$kendo-radio-hover-bgnull
Description
The background color of the hovered RadioButton.
+
$kendo-radio-hover-textnull
Description
The color of the hovered RadioButton.
+
$kendo-radio-hover-bordernull
Description
The border color of the hovered RadioButton.
+
$kendo-radio-checked-bgnull
Description
The background color of the checked RadioButton.
+
$kendo-radio-checked-textnull
Description
The color of the checked RadioButton.
+
$kendo-radio-checked-bordernull
Description
The border color of the checked RadioButton.
+
$kendo-radio-focus-bordernull
Description
The border color of the focused RadioButton.
+
$kendo-radio-focus-shadownull
Description
The box shadow of the focused RadioButton.
+
$kendo-radio-focus-checked-bordernull
Description
The border color of the focused and checked RadioButton.
+
$kendo-radio-focus-checked-shadownull
Description
The box shadow of the focused and checked RadioButton.
+
$kendo-radio-disabled-bgnull
Description
The background color of the disabled RadioButton.
+
$kendo-radio-disabled-textnull
Description
The color of the disabled RadioButton.
+
$kendo-radio-disabled-bordernull
Description
The border color of the disabled RadioButton.
+
$kendo-radio-disabled-checked-bgnull
Description
The background color of the disabled and checked RadioButton.
+
$kendo-radio-disabled-checked-textnull
Description
The color of the disabled and checked RadioButton.
+
$kendo-radio-disabled-checked-bordernull
Description
The border color of disabled and checked RadioButton.
+
$kendo-radio-invalid-bgnull
Description
The background color of the invalid RadioButton.
+
$kendo-radio-invalid-textnull
Description
The color of the invalid RadioButton.
+
$kendo-radio-invalid-bordernull
Description
The border color of the invalid RadioButton.
+
$kendo-radio-indicator-typenull
Description
The type of the RadioButton indicator.
+
$kendo-radio-glyph-font-familynull
Description
The font family of the RadioButton indicator glyph.
+
$kendo-radio-checked-glyphnull
Description
The glyph of the RadioButton indicator.
+
$kendo-radio-checked-imagenull
Description
The image of the checked RadioButton indicator.
+
$kendo-radio-disabled-checked-imagenull
Description
The image of the disabled and checked RadioButton indicator.
+
$kendo-radio-label-margin-xnull
Description
The horizontal margin of the RadioButton inside of a label.
+
$kendo-radio-list-spacingnull
Description
The horizontal list item margin of the RadioButton.
+
$kendo-radio-list-item-padding-xnull
Description
The horizontal list item padding of the RadioButton.
+
$kendo-radio-list-item-padding-ynull
Description
The vertical list item padding of the RadioButton.
+
$kendo-radio-ripple-bgnull
Description
The background color of the RadioButton ripple.
+
$kendo-radio-ripple-opacitynull
Description
The opacity of the RadioButton ripple.
+
+ +### Rating + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-rating-font-familynull
Description
The font family of the Rating.
+
$kendo-rating-font-sizenull
Description
The font size of the Rating.
+
$kendo-rating-line-heightnull
Description
The line height of the Rating.
+
$kendo-rating-container-margin-xnull
Description
The horizontal margin of the Rating container.
+
$kendo-rating-item-padding-xnull
Description
The horizontal padding of the Rating item.
+
$kendo-rating-item-padding-ynull
Description
The vertical padding of the Rating item.
+
$kendo-rating-label-margin-xnull
Description
The horizontal margin of the Rating label.
+
$kendo-rating-label-margin-ynull
Description
The vertical margin of the Rating label.
+
$kendo-rating-label-line-heightnull
Description
The line height of the Rating label.
+
$kendo-rating-icon-sizenull
Description
The size of the Rating icon.
+
$kendo-rating-icon-textnull
Description
The text color of the Rating icon.
+
$kendo-rating-icon-selected-textnull
Description
The text color of the selected Rating icon.
+
$kendo-rating-icon-hover-textnull
Description
The text color of the hovered Rating icon.
+
$kendo-rating-icon-focus-textnull
Description
The text color of the focused Rating icon.
+
$kendo-rating-icon-focus-shadownull
Description
The shadow of the focused Rating icon.
+
$kendo-rating-icon-focus-selected-shadownull
Description
The shadow of the focused and selected Rating icon.
+
+ +### Scheduler + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-scheduler-border-widthnull
Description
The width of the border around the Scheduler.
+
$kendo-scheduler-font-familynull
Description
The font family of the Scheduler.
+
$kendo-scheduler-font-sizenull
Description
The font size of the Scheduler.
+
$kendo-scheduler-line-heightnull
Description
The line height of the Scheduler.
+
$kendo-scheduler-bgnull
Description
The background color of the Scheduler.
+
$kendo-scheduler-textnull
Description
The text color of the Scheduler.
+
$kendo-scheduler-bordernull
Description
The border color of the Scheduler.
+
$kendo-scheduler-toolbar-bgnull
Description
The background color of the Scheduler ToolBar.
+
$kendo-scheduler-toolbar-textnull
Description
The text color of the Scheduler ToolBar.
+
$kendo-scheduler-toolbar-bordernull
Description
The border color of the Scheduler ToolBar.
+
$kendo-scheduler-toolbar-gradientnull
Description
The gradient of the Scheduler ToolBar.
+
$kendo-scheduler-footer-bgnull
Description
The background color of the Scheduler footer.
+
$kendo-scheduler-footer-textnull
Description
The text color of the Scheduler footer.
+
$kendo-scheduler-footer-bordernull
Description
The border color of the Scheduler footer.
+
$kendo-scheduler-footer-gradientnull
Description
The gradient of the Scheduler footer.
+
$kendo-scheduler-event-min-heightnull
Description
The minimum height of the Scheduler event.
+
$kendo-scheduler-event-border-radiusnull
Description
The border radius of the Scheduler event.
+
$kendo-scheduler-event-line-heightnull
Description
The line height of the Scheduler event.
+
$kendo-scheduler-event-bgnull
Description
The background color of the Scheduler event.
+
$kendo-scheduler-event-textnull
Description
The text color of the Scheduler event.
+
$kendo-scheduler-event-bordernull
Description
The border color of the Scheduler event.
+
$kendo-scheduler-event-gradientnull
Description
The gradient of the Scheduler event.
+
$kendo-scheduler-event-shadownull
Description
The shadow of the Scheduler event.
+
$kendo-scheduler-event-hover-bgnull
Description
The background color of the hovered Scheduler event.
+
$kendo-scheduler-event-hover-textnull
Description
The text color of the hovered Scheduler event.
+
$kendo-scheduler-event-hover-bordernull
Description
The border color of the hovered Scheduler event.
+
$kendo-scheduler-event-hover-gradientnull
Description
The gradient of the hovered Scheduler event.
+
$kendo-scheduler-event-hover-shadownull
Description
The shadow of the hovered Scheduler event.
+
$kendo-scheduler-event-selected-bgnull
Description
The background color of the selected Scheduler event.
+
$kendo-scheduler-event-selected-textnull
Description
The text color of the selected Scheduler event.
+
$kendo-scheduler-event-selected-bordernull
Description
The border color of the selected Scheduler event.
+
$kendo-scheduler-event-selected-gradientnull
Description
The gradient of the selected Scheduler event.
+
$kendo-scheduler-event-selected-shadownull
Description
The shadow of the selected Scheduler event.
+
$kendo-scheduler-event-ongoing-shadownull
Description
The shadow of the ongoing Scheduler event.
+
$kendo-scheduler-cell-padding-xnull
Description
The horizontal padding of the Scheduler cell.
+
$kendo-scheduler-cell-padding-ynull
Description
The vertical padding of the Scheduler cell.
+
$kendo-scheduler-cell-heightnull
Description
The height of the Scheduler cell.
+
$kendo-scheduler-datecolumn-widthnull
Description
The width of the Scheduler date column.
+
$kendo-scheduler-timecolumn-widthnull
Description
The width of the Scheduler time column.
+
$kendo-scheduler-nonwork-bgnull
Description
The background color of the non-working hours in the Scheduler.
+
$kendo-scheduler-nonwork-textnull
Description
The text color of the non-working hours in the Scheduler.
+
$kendo-scheduler-weekend-bgnull
Description
The background color of the weekends in the Scheduler.
+
$kendo-scheduler-weekend-textnull
Description
The text color of the weekends in the Scheduler.
+
$kendo-scheduler-othermonth-bgnull
Description
The background color of the preceding/subsequent month cells in the Calendar.
+
$kendo-scheduler-othermonth-textnull
Description
The text color of the preceding/subsequent month cells in the Calendar.
+
$kendo-scheduler-yearview-padding-xnull
Description
The horizontal padding of the year view in the Scheduler.
+
$kendo-scheduler-yearview-padding-ynull
Description
The vertical padding of the year view in the Scheduler.
+
$kendo-scheduler-yearview-calendar-gapnull
Description
The spacing between the calendars of the year view in the Scheduler.
+
$kendo-scheduler-yearview-indicator-sizenull
Description
The days with events indicator size of the year view in the Scheduler.
+
$kendo-scheduler-yearview-indicator-calc-offset-topnull
Description
The top position of the days with events indicator of the year view in the Scheduler.
+
$kendo-scheduler-yearview-indicator-calc-offset-leftnull
Description
The left position of the days with events indicator of the year view in the Scheduler.
+
$kendo-scheduler-yearview-indicator-border-radiusnull
Description
The border radius of the days with events indicator of the year view in the Scheduler.
+
$kendo-scheduler-yearview-indicator-bgnull
Description
The background color of the days with events indicator of the year view in the Scheduler.
+
$kendo-scheduler-yearview-indicator-selected-bgnull
Description
The background color of the selected days with events indicator of the year view in the Scheduler.
+
$kendo-scheduler-tooltip-padding-xnull
Description
The horizontal padding of the Scheduler Tooltip.
+
$kendo-scheduler-tooltip-padding-ynull
Description
The vertical padding of the Scheduler Tooltip.
+
$kendo-scheduler-tooltip-border-widthnull
Description
The width of the border of the Scheduler Tooltip.
+
$kendo-scheduler-tooltip-bgnull
Description
The background color of the Scheduler Tooltip.
+
$kendo-scheduler-tooltip-textnull
Description
The text color of the Scheduler Tooltip.
+
$kendo-scheduler-tooltip-bordernull
Description
The border color of the Scheduler Tooltip.
+
$kendo-scheduler-tooltip-shadownull
Description
The shadow of the Scheduler Tooltip.
+
$kendo-scheduler-tooltip-title-margin-ynull
Description
The vertical margin of the Scheduler Tooltip title.
+
$kendo-scheduler-tooltip-month-font-sizenull
Description
The font size of the month inside the Scheduler Tooltip.
+
$kendo-scheduler-tooltip-day-font-sizenull
Description
The font size of the day inside the Scheduler Tooltip.
+
$kendo-scheduler-tooltip-events-max-heightnull
Description
The max height of the events inside the Scheduler Tooltip.
+
$kendo-scheduler-tooltip-events-gapnull
Description
The spacing between the events inside the Scheduler Tooltip.
+
$kendo-scheduler-tooltip-event-padding-xnull
Description
The horizontal padding of the events inside the Scheduler Tooltip.
+
$kendo-scheduler-tooltip-event-padding-ynull
Description
The vertical padding of the events inside the Scheduler Tooltip.
+
$kendo-scheduler-tooltip-event-border-radiusnull
Description
The border radius of the events inside the Scheduler Tooltip.
+
$kendo-scheduler-tooltip-event-gapnull
Description
The spacing between the events items inside the Scheduler Tooltip.
+
$kendo-scheduler-tooltip-callout-textnull
Description
The color of the Scheduler Tooltip callout.
+
$kendo-scheduler-appointments-paddingnull
Description
The padding of the Scheduler appointments.
+
$kendo-scheduler-event-template-padding-xnull
Description
The horizontal padding of the Scheduler event template.
+
$kendo-scheduler-event-template-padding-ynull
Description
The vertical padding of the Scheduler event template.
+
$kendo-scheduler-event-actions-inset-xnull
Description
The inline inset of the Scheduler event actions.
+
$kendo-scheduler-indicators-marginnull
Description
The margin of the Scheduler event indicators.
+
$kendo-scheduler-rtl-indicators-marginnull
Description
The margin of the Scheduler event indicators in rtl.
+
$kendo-scheduler-marquee-label-inset-xnull
Description
The inline inset of the Scheduler marquee labels.
+
$kendo-scheduler-marquee-label-inset-ynull
Description
The block inset of the Scheduler marquee labels.
+
+ +### Scrollview + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-scrollview-border-widthnull
Description
The width of the border around the ScrollView.
+
$kendo-scrollview-font-familynull
Description
The font family of the ScrollView.
+
$kendo-scrollview-font-sizenull
Description
The font size of the ScrollView.
+
$kendo-scrollview-line-heightnull
Description
The line height of the ScrollView.
+
$kendo-scrollview-textnull
Description
The text color of the ScrollView.
+
$kendo-scrollview-bgnull
Description
The background color of the ScrollView.
+
$kendo-scrollview-bordernull
Description
The border color of the ScrollView.
+
$kendo-scrollview-pagebutton-sizenull
Description
The size of the ScrollView page button.
+
$kendo-scrollview-pagebutton-bgnull
Description
The background color of the ScrollView page button.
+
$kendo-scrollview-pagebutton-bordernull
Description
The border color of the ScrollView page button.
+
$kendo-scrollview-pagebutton-primary-bgnull
Description
The primary background color of the ScrollView page button.
+
$kendo-scrollview-pagebutton-primary-bordernull
Description
The primary border color of the ScrollView page button.
+
$kendo-scrollview-pagebutton-shadownull
Description
The box shadow of the ScrollView page button.
+
$kendo-scrollview-pager-offsetnull
Description
The offset of the ScrollView pager.
+
$kendo-scrollview-pager-item-spacingnull
Description
The spacing between the ScrollView pager items.
+
$kendo-scrollview-pager-item-border-widthnull
Description
The border width of the ScrollView pager items.
+
$kendo-scrollview-pager-heightnull
Description
The height of the ScrollView pager.
+
$kendo-scrollview-arrow-tap-highlight-colornull
Description
The text color of the highlight over the tapped ScrollView navigation arrows.
+
$kendo-scrollview-navigation-colornull
Description
The color of the ScrollView navigation arrows.
+
$kendo-scrollview-navigation-icon-shadownull
Description
The box shadow of the ScrollView navigation arrows.
+
$kendo-scrollview-navigation-bgnull
Description
The background color of the ScrollView navigation.
+
$kendo-scrollview-navigation-default-opacitynull
Description
The opacity of the ScrollView navigation.
+
$kendo-scrollview-navigation-hover-opacitynull
Description
The hover opacity of the ScrollView navigation.
+
$kendo-scrollview-navigation-hover-span-bgnull
Description
The hover background color of the ScrollView navigation arrows.
+
$kendo-scrollview-light-bgnull
Description
The background color of the ScrollView pager in light mode.
+
$kendo-scrollview-dark-bgnull
Description
The background color of the ScrollView pager in dark mode.
+
$kendo-scrollview-transition-durationnull
Description
The duration of the ScrollView transition.
+
$kendo-scrollview-transition-timing-functionnull
Description
The timing function of the ScrollView transition.
+
+ +### Skeleton + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-skeleton-text-transformnull
Description
The transform scale of the Skeleton text.
+
$kendo-skeleton-text-border-radiusnull
Description
The border radius of the Skeleton text.
+
$kendo-skeleton-rect-border-radiusnull
Description
The border radius of the rectangular Skeleton.
+
$kendo-skeleton-circle-border-radiusnull
Description
The border radius of the circular Skeleton.
+
+ +### Slider + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-slider-sizenull
Description
The default size of the Slider.
+
$kendo-slider-tick-sizenull
Description
The default size of the Slider tick.
+
$kendo-slider-alt-sizenull
Description
The default size of the Slider's track wrap.
+
$kendo-slider-font-familynull
Description
The font family of the Slider.
+
$kendo-slider-font-sizenull
Description
The font size of the Slider.
+
$kendo-slider-line-heightnull
Description
The line height of the Slider.
+
$kendo-slider-button-offsetnull
Description
The offset of the Slider Buttons.
+
$kendo-slider-button-sizenull
Description
The size of the Slider Buttons.
+
$kendo-slider-button-spacingnull
Description
The spacing of the Slider Buttons.
+
$kendo-slider-button-focus-shadownull
Description
The shadow of the focused Slider Buttons.
+
$kendo-slider-track-thicknessnull
Description
The thickness of the Slider track.
+
$kendo-slider-draghandle-sizenull
Description
The size of the Slider drag handle.
+
$kendo-slider-draghandle-border-widthnull
Description
The border width of the Slider drag handle.
+
$kendo-slider-draghandle-active-scalenull
Description
The transition scale of the active Slider drag handle.
+
$kendo-slider-draghandle-active-sizenull
Description
The size of the active Slider drag handle.
+
$kendo-slider-draghandle-bgnull
Description
The background color of the Slider drag handle.
+
$kendo-slider-draghandle-textnull
Description
The text color of the Slider drag handle.
+
$kendo-slider-draghandle-bordernull
Description
The border color of the Slider drag handle.
+
$kendo-slider-draghandle-gradientnull
Description
The gradient of the Slider drag handle.
+
$kendo-slider-draghandle-hover-bgnull
Description
The background color of the hovered Slider drag handle.
+
$kendo-slider-draghandle-hover-textnull
Description
The text color of the hovered Slider drag handle.
+
$kendo-slider-draghandle-hover-bordernull
Description
The border color of the hovered Slider drag handle.
+
$kendo-slider-draghandle-hover-gradientnull
Description
The gradient of the hovered Slider drag handle.
+
$kendo-slider-draghandle-pressed-bgnull
Description
The background color of the active Slider drag handle.
+
$kendo-slider-draghandle-pressed-textnull
Description
The text color of the active Slider drag handle.
+
$kendo-slider-draghandle-pressed-bordernull
Description
The border color of the active Slider drag handle.
+
$kendo-slider-draghandle-pressed-gradientnull
Description
The gradient of the active Slider drag handle.
+
$kendo-slider-draghandle-focus-shadownull
Description
The shadow of the focused Slider drag handle.
+
$kendo-slider-transition-speednull
Description
The transition speed of the Slider.
+
$kendo-slider-transition-functionnull
Description
The transition function of the Slider.
+
$kendo-slider-draghandle-transition-speednull
Description
The transition speed of the Slider drag handle.
+
$kendo-slider-draghandle-transition-functionnull
Description
The transition function of the Slider drag handle.
+
$kendo-slider-track-bgnull
Description
The background color of the Slider track.
+
$kendo-slider-selection-bgnull
Description
The background color of the Slider's track selection.
+
$kendo-slider-disabled-opacitynull
+
$kendo-slider-tick-horizontal-image"data:image/gif;base64,R0lGODlhAQC0AIABALi4uAAAACH5BAEAAAEALAAAAAABALQAAAIWjIGJxqzazlux2ovlzND2rAHgSIZWAQA7"
Description
The background image of the horizontal Slider tick.
+
$kendo-slider-tick-vertical-image"data:image/gif;base64,R0lGODlhtAABAIABALi4uAAAACH5BAEAAAEALAAAAAC0AAEAAAIWjIGJxqzazlux2ovlzND2rAHgSIZWAQA7"
Description
The background image of the vertical Slider tick.
+
+ +### Spacing + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-spacingMap$_default-spacing
  • 0: 0px
  • 1: 0.25rem
  • 2: 0.5rem
  • 3: 0.75rem
  • 4: 1rem
  • 5: 1.25rem
  • 6: 1.5rem
  • 7: 1.75rem
  • 8: 2rem
  • 9: 2.25rem
  • 10: 2.5rem
  • 11: 2.75rem
  • 12: 3rem
  • 13: 3.25rem
  • 14: 3.5rem
  • 15: 3.75rem
  • 16: 4rem
  • 17: 4.25rem
  • 18: 4.5rem
  • 19: 4.75rem
  • 20: 5rem
  • 21: 5.25rem
  • 22: 5.5rem
  • 23: 5.75rem
  • 24: 6rem
  • 25: 7rem
  • 26: 8rem
  • 27: 9rem
  • 28: 10rem
  • 29: 11rem
  • 30: 12rem
  • 1px: 1px
  • 0.5: 0.125rem
  • 1.5: 0.375rem
  • 2.5: 0.625rem
  • 3.5: 0.875rem
  • 4.5: 1.125rem
  • 5.5: 1.375rem
  • 6.5: 1.625rem
  • 7.5: 1.875rem
Description
The global default Spacing map.
+
+ +### SplitButton + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-split-button-focus-shadownull
Description
The focus shadow of the SplitButton.
+
$kendo-split-button-arrow-padding-xnull
Description
The horizontal padding of the arrow Button.
+
$kendo-split-button-sm-arrow-padding-xnull
Description
The horizontal padding of the small arrow Button.
+
$kendo-split-button-md-arrow-padding-xnull
Description
The horizontal padding of the medium arrow Button.
+
$kendo-split-button-lg-arrow-padding-xnull
Description
The horizontal padding of the large arrow Button.
+
$kendo-split-button-arrow-padding-ynull
Description
The vertical padding of the arrow Button.
+
$kendo-split-button-sm-arrow-padding-ynull
Description
The vertical padding of the small arrow Button.
+
$kendo-split-button-md-arrow-padding-ynull
Description
The vertical padding of the medium arrow Button.
+
$kendo-split-button-lg-arrow-padding-ynull
Description
The vertical padding of the large arrow Button.
+
+ +### Splitter + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-splitter-border-widthnull
Description
The width of the border around the Splitter.
+
$kendo-splitter-font-familynull
Description
The font family of the Splitter.
+
$kendo-splitter-font-sizenull
Description
The font size of the Splitter.
+
$kendo-splitter-line-heightnull
Description
The line height of the Splitter.
+
$kendo-splitter-bgnull
Description
The background color of the Splitter.
+
$kendo-splitter-textnull
Description
The text color of the Splitter.
+
$kendo-splitter-bordernull
Description
The border color of the Splitter.
+
$kendo-splitter-splitbar-sizenull
Description
The size of the Splitter split bar.
+
$kendo-splitter-drag-handle-lengthnull
Description
The length of the Splitter drag handle.
+
$kendo-splitter-drag-handle-thicknessnull
Description
The thickness of the Splitter drag handle.
+
$kendo-splitter-drag-icon-marginnull
Description
The margin of the Splitter drag handle icon.
+
$kendo-splitter-collapse-icon-padding-xnull
Description
The horizontal padding of the collapse icon in the Splitter.
+
$kendo-splitter-collapse-icon-padding-ynull
Description
The vertical padding of the collapse icon in the Splitter.
+
$kendo-splitbar-bgnull
Description
The background color of the Splitter split bar.
+
$kendo-splitbar-textnull
Description
The text color of the Splitter split bar.
+
$kendo-splitbar-hover-bgnull
Description
The hover background color of the Splitter split bar.
+
$kendo-splitbar-hover-textnull
Description
The hover text color of the Splitter split bar.
+
$kendo-splitbar-selected-bgnull
Description
The selected background color of the Splitter split bar.
+
$kendo-splitbar-selected-textnull
Description
The selected text color of the Splitter split bar.
+
+ +### Spreadsheet + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-spreadsheet-border-widthnull
Description
The width of the border around the Spreadsheet.
+
$kendo-spreadsheet-font-familynull
Description
The font family of the Spreadsheet.
+
$kendo-spreadsheet-font-sizenull
Description
The font size of the Spreadsheet.
+
$kendo-spreadsheet-line-heightnull
Description
The line height of the Spreadsheet.
+
$kendo-spreadsheet-bgnull
Description
The background color of the Spreadsheet.
+
$kendo-spreadsheet-textnull
Description
The text color of the Spreadsheet.
+
$kendo-spreadsheet-bordernull
Description
The border color of the Spreadsheet.
+
$kendo-spreadsheet-header-bgnull
Description
The background color of the Spreadsheet header.
+
$kendo-spreadsheet-header-textnull
Description
The text color of the Spreadsheet header.
+
$kendo-spreadsheet-header-bordernull
Description
The border color of the Spreadsheet header.
+
$kendo-spreadsheet-header-gradientnull
Description
The gradient of the Spreadsheet header.
+
$kendo-spreadsheet-table-header-bgnull
Description
The background color of the Spreadsheet table headers.
+
$kendo-spreadsheet-table-header-textnull
Description
The text color of the Spreadsheet table headers.
+
$kendo-spreadsheet-table-header-bordernull
Description
The border color of the Spreadsheet table headers.
+
$kendo-spreadsheet-table-header-gradientnull
Description
The gradient of the Spreadsheet table headers.
+
$kendo-spreadsheet-action-bar-border-widthnull
Description
The border width of the Spreadsheet action bar.
+
$kendo-spreadsheet-action-bar-padding-ynull
Description
The horizontal padding of the Spreadsheet action bar.
+
$kendo-spreadsheet-action-bar-padding-xnull
Description
The vertical padding of the Spreadsheet action bar.
+
$kendo-spreadsheet-action-bar-font-sizenull
Description
The font size of the Spreadsheet action bar.
+
$kendo-spreadsheet-action-bar-font-familynull
Description
The font family of the Spreadsheet action bar.
+
$kendo-spreadsheet-action-bar-spacingnull
Description
The spacings of the Spreadsheet action bar.
+
$kendo-spreadsheet-formula-bar-gapnull
Description
The gap of the Spreadsheet formula bar.
+
$kendo-spreadsheet-formula-input-padding-xnull
Description
The horizontal padding of the Spreadsheet formula input.
+
$kendo-spreadsheet-formula-input-padding-ynull
Description
The vertical padding of the Spreadsheet formula input.
+
$kendo-spreadsheet-formula-input-line-heightnull
Description
The line height of the Spreadsheet formula input.
+
$kendo-spreadsheet-formula-bar-icon-paddingnull
Description
The padding of the Spreadsheet formula bar icon.
+
$kendo-spreadsheet-view-font-familynull
Description
The font family of the Spreadsheet view.
+
$kendo-spreadsheet-view-font-sizenull
Description
The font size of the Spreadsheet view.
+
$kendo-spreadsheet-selection-bgnull
Description
The background color of the Spreadsheet selection.
+
$kendo-spreadsheet-selection-textnull
Description
The text color of the Spreadsheet selection.
+
$kendo-spreadsheet-selection-bordernull
Description
The border color of the Spreadsheet selection.
+
$kendo-spreadsheet-selection-shadownull
Description
The shadow of the Spreadsheet selection.
+
$kendo-spreadsheet-single-selection-bgnull
Description
The background color of the Spreadsheet single selection.
+
$kendo-spreadsheet-single-selection-textnull
Description
The text color of the Spreadsheet single selection.
+
$kendo-spreadsheet-single-selection-bordernull
Description
The border color of the Spreadsheet single selection.
+
$kendo-spreadsheet-partial-selection-bgnull
Description
The background color of the Spreadsheet partial selection.
+
$kendo-spreadsheet-active-cell-bgnull
Description
The background color of the Spreadsheet active cell.
+
$kendo-spreadsheet-active-cell-shadownull
Description
The shadow of the Spreadsheet active cell.
+
$kendo-spreadsheet-auto-fill-bgnull
Description
The background color of the Spreadsheet auto fill.
+
$kendo-spreadsheet-auto-fill-textnull
Description
The text color of the Spreadsheet auto fill.
+
$kendo-spreadsheet-auto-fill-bordernull
Description
The border color of the Spreadsheet auto fill.
+
$kendo-spreadsheet-auto-fill-shadownull
Description
The shadow of the Spreadsheet auto fill.
+
$kendo-spreadsheet-auto-fill-punch-bgnull
Description
The background color of the Spreadsheet auto fill punch.
+
$kendo-spreadsheet-cell-padding-ynull
Description
The vertical padding of the Spreadsheet cell.
+
$kendo-spreadsheet-cell-padding-xnull
Description
The horizontal padding of the Spreadsheet cell.
+
$kendo-spreadsheet-cell-editor-line-heightnull
Description
The line height of the Spreadsheet cell editor.
+
$kendo-spreadsheet-cell-editor-padding-xnull
Description
The horizontal padding of the Spreadsheet cell editor.
+
$kendo-spreadsheet-cell-editor-padding-ynull
Description
The vertical padding of the Spreadsheet cell editor.
+
$kendo-spreadsheet-cell-editor-bgnull
Description
The background color of the Spreadsheet cell editor.
+
$kendo-spreadsheet-cell-editor-textnull
Description
The text color of the Spreadsheet cell editor.
+
$kendo-spreadsheet-cell-editor-bordernull
Description
The border color of the Spreadsheet cell editor.
+
$kendo-spreadsheet-resize-handle-bgnull
Description
The background color of the Spreadsheet resize handle.
+
$kendo-spreadsheet-cell-comment-bordernull
Description
The border color of the Spreadsheet cell comment indicator.
+
$kendo-spreadsheet-cell-dirty-bordernull
Description
The border color of the Spreadsheet cell dirty indicator.
+
$kendo-spreadsheet-sheets-bar-padding-xnull
Description
The horizontal padding of the Spreadsheet sheets bar.
+
$kendo-spreadsheet-sheets-bar-padding-ynull
Description
The vertical padding of the Spreadsheet sheets bar.
+
$kendo-spreadsheet-sheets-bar-border-widthnull
Description
The border width of the Spreadsheet sheets bar.
+
$kendo-spreadsheet-insert-image-dialog-border-stylenull
Description
The border style of the Spreadsheet image Dialog.
+
$kendo-spreadsheet-insert-image-dialog-border-widthnull
Description
The border width of the Spreadsheet image Dialog.
+
$kendo-spreadsheet-insert-image-dialog-text-margin-bottomnull
Description
The bottom margin of the Spreadsheet image Dialog.
+
$kendo-spreadsheet-insert-image-dialog-preview-widthnull
Description
The width of the Spreadsheet image Dialog preview.
+
$kendo-spreadsheet-insert-image-dialog-preview-heightnull
Description
The height of the Spreadsheet image Dialog preview.
+
$kendo-spreadsheet-insert-image-dialog-preview-img"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAcwAAAGQCAYAAAAjl1AKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphMGVmMzZmZi04YmI1LTRlN2YtOTcwMS04OTU5ZTg1N2ZhY2MiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDNDOTBDNUQ2OUJGMTFFOTkwMzY4RTI3NjZBQTdENkMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDNDOTBDNUM2OUJGMTFFOTkwMzY4RTI3NjZBQTdENkMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpjMmZmZjM0Mi05NjEyLTQwM2YtYWZhYS01MTE1ZjQ2NThmMWMiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDphYjlhMmUwMy1kNmIwLTY3NGMtODc4ZS0yMjUzMjdkNDI5OTciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz68UHLbAAAgpElEQVR42uzd2ZNc9dnY8TOL9gU0IAkjgwpkI8QOQmI1FS+FHW9VLt/7wpWb900qKV+lTL3vTZzElSvnJilfvM4fkQunfEOw2LUgiUUsNhiMAFsjtIzQrpmJnhOdoaent+np5SyfT1XXiJ4R0hz19Lef31l6ZHZ2NgEAWhu1CQBAMAFAMAFAMAFAMAFAMAFAMAFAMAEAwQQAwQQAwQQAwQQAwQQAwQQAwQQAMuP9/gNGRkZsZQAGop/v8WzCBIA8TJj9GFr9swGUYyAUTHEEoLvn+NxGdLwgG1BEAaoxYY7kNZ55C+bIEu4DoFixHGkT0JE8RTMvwWwXxRHBBKhMQGcbPN8PPZx5COZIh6EcEU+AQgex2fRYH8tm4RxqNIcdzGbxa/dROAGKOT3WhnCk5nOzTX5PbqI5zGB2Estmv24XTwDyO2HOtohi/f25ieawgtkqlvW/HukgnqIJULxY1v96tsV0OvRo5mkfZn0YR5tEs920CUB+o9kokvW3mQ6iWYkJc6RNLOtvo7/85S/X/eIXv/jntWvX/mjZsmVfGRsbG3eNWoCClvOq6enpy1f9/Ysvvvjfv/nNb/7zr3/96zM1oRxN2u/THHhAR/p5odr0D1gYtvpg1kdztObj6N///vf/NDEx8e/Gx8eXeZgBlM+VK1cunzhx4n9u3rz5n65Fc6Zm0my0dFs/tdbGuG9/z2FefL1ROOdi+ZOf/GTl1NTU/920adMvxBKgvOI5/upz/X+I5/x47q8bnEaSnByvMugJs1EkRxoEcyw23Lp16x72UAKojjNnzuxfv379N6/+crrBlDnbbsos44TZ7Mo+aTSPHTv2X8USoHriuT8a0GS6HOqUOewl2QW3OMBnYmLiHz1sAKopGhAtSFqfJTH4aA1pSbbRUmx6m5yc/O833njjv/GQAaiu48eP/6+NGzf+++TLg4AaLc0mSQWWZJuN1iNr1qz5vocKQLVdbcG/TnJ2cZpBBrPV1Xnmps1ly5Zt8lABqLarLdiYNL9YTbOmlCaY9fFsdHm8kbgogYcKQLVda0HTVpR9wuwonq7gA0CD418qtSTbzdQJQIW7macujOZgYwBA7psxmrONIKAA5LIN42XaIFeuXEmmpqaSixcvJjMzMx5qAMOYxEZHkxUrViTr16+P68T2shGVe3uvvohYTk5OCiXAkMXz8Pnz59PhZePGjb2IZj5eCJTlHygmS7EEyFc447m5NJNzWb6ReCUDQL5cuHBBMPP4SgaAfOn39coFEwBypjQH/bhCEAAmTAAQTAAQTAAQTAAQTABAMAFAMAFAMAFAMAFAMAFAMAFAMAFAMAEAwQQAwQQAwQQAwQSAAhkvyzcyMjLiXxMAEyYACCYACCYACCYACCYAIJgAIJgAIJgAIJgAIJgAIJgAIJgAIJgAgGACwBJ5ey8AMGECgGACgGACgGACgGACgGACgGACAIIJAIIJAIIJAIIJAIIJAKXg4usAYMIEAMEEAMEEAMEEAMEEAMEEAMEEAAQTAAQTAAQTAAQTAAQTAErBxdcBwIQJAIIJAAMzbhMA9cbGxpLx8fH0Fr8eHR1NP8auj+wWZmdn527T09PJzMxM+vHKlSvpLX4NggmUKpDLly9Pb8uWLUsD2YnaeMb/o14E9PLly8mlS5fSm4AimEDhRBRXrlyZ3mKSrHXmzJnk5MmTyalTp5IvvvgivV28eDG9RfQigukTyLUpdMWKFWls165dm96uv/76ZMOGDcn69evTz8UtxNR54cKF9BYxBcEEcivCtmrVqrmIZYGcnJxMPv300+Rvf/tbGsZMLLc2ky29nj9/Pv3vY8eOzft8/Bk33XRTsmXLlmTTpk3JunXr5qIaf0b8vpg8oQhGWv0w9OQP+PJ0j5Gaj9lttOYW6zljV/8+J7v5c+p/UIFkQbzWrFkzb5r88MMPk7/85S9pKOt18tzQ6msafe7mm29Otm3bltx2223zonv27Nl5kaZc4sVSl/3YcPXD9LXbTM1ttuaW1HxM+tk0wYSSi32SMdHFx5BNku++++7c0mqvItlpROPvsmPHjrnJM8TfJZZ+6/9OCKZgCib0VeyjjFDGPsrw+eefpxPlO++80/NpsptpM3PXXXelE+eNN96Y/nfs34xw2scpmIIpmNB3sfwa+wuzo13/9Kc/JXv37h1oJFt9vtH9jz32WLJ9+/b01xHL2K9qmVYwBVMwoW8/bxHKbKr8+OOPkwMHDqT7CPMwTbb7XEzEu3fvTrZu3To3bUY4+/08hWAKJlRInAcZp3HE/sE49ePgwYPpfsphT5OLnTRD7N/ctWtX+j3FPs2pqSnncArm0IPptBIogYjkddddly7BxkE9L7/8cseT2bCmyVb3HzlyJDl69Gjy1FNPpU+2cU7n6dOnHRDEUJVmwownCaiiOK8yJsv4WfvrX/+avPTSS+mpGkWZJlt9LibMiGYcFBRfE5Om8zaLZ+PGjaWYMF18HQosDu7JYvn+++8ne/bsaRnL7Lqv3Xy+9rqx3Xyu099Te398L88++2zy3nvvpd9jduUgGAZLslDgyTIO8ImQ/PnPf05eeeWVQk+Tre6PFwLxMY6ije85fm3SZNBMmFDEV7rj43OTZbNYFm2abHf/888/nx7ElE2a9de/BcEE5v/Qjo6mB/hky7D1sew2hJ3+3l4GdLH3x6SZLc9mBzmBYAILZNNVhOKjjz5Kj4btVQjzNE22uv+5555LPvjgg3kvHGAQxsv0RAJlFxdPj1NI4jJ3EctBnxLS632Tnd7fKJqxLTZv3pxe7CAupQcmTCCVvS1XiGXYZuckLnVizNM02ey++N4jmnExg7iqkSNnEUwgFSsoMUmF2Id34sSJjqPWj8/18/5O4xlvbp3tv41p0yoTggmkQYh9dnFt2FdffbWjqbCbyXCQU2Mn02S7qL7xxhvp+3nGtoltBIIJFRanT2QXU9+3b1/HU+FiJr28TpOdRPXFF19MP8Y2cqoJggkVVrsUGwe3DOKUkF6dKtLLabLZ/XHN3LfeemvetgLBhIqJg1liaoqjYltdnGBQ50cOI4jtvjZ+/cc//jF9x6LYVg4AQjChgrKjYuO8w35Nk0sJaK+j2s3XZuJNsmu3GQgmVEScRhITU0xOb7/9du5PCRnENNnqaw8dOpR89tln6TaLbQeCCRWRHejzySef5PpydYOcJuuXYuvvi7c3q912IJhQ9h/M0dH0ij7hnXfeyd00OYggtvvaRvcdPnx4bjp3nVl6zaXxIIfiwJV4TMf1YrO3scr75ery8LWxreIdTeJtwGLKPH/+vAcTJkwoezBDHOxjmmy/FFt7fwSzdhuCCRPK+ip2dDQ9cGVqaiqdMAc5NRZpmmx2X2yzuGze9ddfn27LmZkZDypMmFBG2RGecXTsoKfGok2TzX7/p59+Om9bgmBCCWUH+xw9ejT3R7q2+38sNZ7d/v4PP/xw3raEXrAkCzkNZjYl1YahmaUudy72/n4spfby98dF6gUTwYQSGxsbS4+Ojf2XFy9e7Hv4ihrEdvfF0bHZfszYpvG+mSCYULJghtOnTw88fGWL5+TkZBrMOIBKMOkF+zAhh8GM6ag+BHm++Hke92MeP3583jYFEyaU6RXstavTxIRpmlza12bb0BV/EMw6rvRDKX4gr70BcuzDbDRFDTuIRYpnbMNswvT8gGBCyWRP7OfOnRPEJX5ttg3FEsGEEgfzwoULhb/izrDjmV1HVjARTChxMOsv5yaei//aK1euCCaCCWUPZrzrhiAu/Z1LBBPBhJJbygE/4tn6qkggmFCSUMZEFJd0u3z5cqGClLe/a3bhdfFEMKHEwYxTIbIlxbIEbdDnlGYXLBBMBBNKGsxsOsqO8ixj/AYRz5UrVwomggllD+bq1asXXB4vD0Ea9u9fzP8jtqFg0kuuGQU5kl0kfP369fNiMKjrr/bjWrG9vNbsYq6Zm21DF17HhFnHoeOUQXb+5XXXXVf5pdil/j9iG2bb1PMDggklnTA3bNhQyCAO+mtb3b9x48Z5L0JAMKGEwYz3cazaOZK9jmcWzOyKPyCYUCIxDcWTfiwnxlGecU3ZPMQv79Nk/f2rVq1KJiYm0vtNmPSKg34gZ+KCBWHLli2FPDCn26/t9v/R6P9z6623ztuWIJhQQtkSYvak30lMlhq0QQSxl0fAtro/brfddtu8bQm9YEkWcjphfuUrX6nc1Xl6df9Xv/pVEyYmTCi72OcWB//Efsxt27a1nMSKuhTbr/tDTJc33HBDug3tv0QwoeSy68h+/etfL/xS7CDvj9s999wzbxtCr1iShZwGM470jAkzrivbi/fHHPTyar+XYht9LrbV3XffLZiYMKEqYikx2/9233335XqaHNaU2ehzDz/8cPoxtp3lWASTwjt+/LiN0IGLFy+mH7du3drz+PU6fIPYN9ns/trP3X777fO2HfSSa8ky8Fg+//zzyZNPPpls2rTJBmkhTomIA1fiaNkHHnggOXjw4IJINApHs6AM6msHcX+jz+3evTu55ZZb0m0W285zAiZMCh3LPXv2pO/zGNE8duyYjdJGdqWfOPin22kyr0fALnaKbfe5u+66a942A8Gk8LHMntREs73YFxcT00033ZR885vfzEUQlxq9pQS02ee+973vJTfffHO6rZx7iWBSmljWTk+i2d65c+fSj/fee2+ybt26wl6urpcBrf1cvO/lQw89NG9bgWBSyFhGFOtjKZqdi6kpO0XiqaeeGug02cvL1fXi9zT6fU8//XT6MbaRN4tGMCl0LNu96s+iOTk5aaM1ES84IhJf+9rXkm9961uluMBAN9Nk/ed37dqVbN++Pb2/2YsyEExKEcvaaMayrWgmTYORbcs4LzN7r8eiXK6uV9NkrXiT7XjxUPuCAgSTQsYynsTi0P5Ob3HunEmzuTiYJTu/8Dvf+U4yPj5eqWmy9vPxvf/4xz9OP8ZSrKv6IJgUOpbdsDzbfvtkR81+97vfXXTI8nKBgW4/l30+YhnvSBLbwlIsgkkhY/nCCy8s+QlMNJuLYJw9ezb9eMcdd8xFMy9TZi8/1+zPi1ju2LFj3raAQRjp94Ot5mobIzUfs9tozW0sblf/Pie7+XNOnz7tX3OIIm69iGWtlStXuiJQE2NjY8maNWvSn6833ngj+cMf/tAwNs0i1Iv7h/G5H/7wh+lVj7JYOiq2GOKt6rrsx4arH6av3WZqbrM1t6TmY19fQJkwyWUss0kz/r9OOVkoQhEHAcWTQ5yfWTtplmmarPWDH/xgLpbxvYslgyaYLEm2DBtxW8wBPos5EEg0G4vrpWZHh0Y042o3ebtcXSch7OTzP/rRj5IHH3xw7vSR+N5BMClULGNfY7+v3SmazcWRs9mkGW+cnB05mofL1S31SNjsaNif/vSnyf333z83Wbr0HcNiHya5jmWtFStW2KfZRO0+zU8++ST5/e9/n5w8eXIuPq2mt8Xcv5TPLfbzExMT6QuAeAcS+yyLrSz7MAWTrmLZj32WncgOBMpO3OdLo6OjyerVq9N4Rliee+65ZP/+/T0J3lJC2M3vjSv4fPvb306WLVs2t7/WG0ILpmAKpliKZk9/3mL7LF++PP3v9957L3n22WfTn488T5O1T6xxbdg777wz/e+4IEGsYjh1RDAFUzALGcs8vN9gtjwrmo3FZLZq1aq5n7948+n6U0+GMU22+prvf//7yc6dO+e+Jl6U2V8pmIIpmGIpmgOfNj/99NPk7bffTvbu3ZuLaTLzyCOPJHfffXeyZcsWU6VgCqZgFtvnn38+9GVY0exeHGka4Yx9m+Ho0aPJBx98kOzbty+NU7+WZFt9Tfy77d69O9m2bVt6UE+IfZURSqeMCKZg9jmYU1NTHpV9nCzzfL3OiMETTzzh6NkOwhmhysIZ3n333eTNN99MPw5imox9k3H6S1zaLhOhjFOHhLK84k2+BVMwxVI0CxnO2McZt9pVhI8//jh5//33k48++mjBv3m302TsR926dWv6Pp633nprcsMNN8x9LvZPxk0oBVMwBbPwsXzxxRcL9U4QlmcX/7OZhbN26swCGheKiNupU6fSW5zakV1lJ3s7rez3xwuWOA/0+uuvT2/xb7B58+Z5gcymySyU9lEKpmAKpljmYNIUzcWJczhj8oxwxsean9slieeXCGyEMj46l1IwBVMwSyMmi4hlTBNFJZq9CWjEMz5mt+z6vrU/19nzR3YpuwhidotICiSCKZiljmUZ3pA3lmdFEwSzpy8k/VNStliGOOoyvh9vQg0IJmLZQTRfeukl0QQEE7FsJ06EF01AMFlyLCMm/Xrz57zcskkzjv4FEEy6imVZJ8t62T5N0QS6VZqjZM+cOeNfcxGxLPMybCtxysnjjz/u6FkYoHXr1nXbD0fJIpbDYp8mYMI0YXYcyzy9RdewxHmaJk0wYZowaRjL7AAfnHICCCYtYlnVZdhW0Xz55ZdFExBMxLKdmLgjmo6eBdqxD7PETpw4IZYdyvZp3njjjTYG9Jh9mIhlibi4AVCZCfOLL77wr3mNA3yWNmk+9thjjp6FHlq7dq0JE7Es46TpQCBAMCsQy3iyF0vRZPg8fgSTnMfSPsveRfOVV17xpEdXYl/4888/nxw7dszGKBH7ME2WtJDt03T0LIuJ5Z49e9IXr3Ht4m984xvJpk2bKr1N7MMkF+JoWLHs76TpPE26iWWIn0uTZnkIplgimvQhlhnRFExyEkv7LEWTfMQyotjszdjj8fPCCy+IZsHZh2myZBFin+ajjz5qnyYLYtnJi9fYp/nkk09Wbp9mWfZhliaYZ8+ercQDzwE++YmmixsQR1F3GsvaaFbtQKA1a9aUIpiWZAsWyzjVQSyHyykn1May2TJss1s8fuzTLCbBLFgs7bMUTfIVy24fP6JZPJZkC8A+y/yyT7OasYwDeHrx4rUq+zQtySKWzE2ajp4Vy27Ez7WjZ4tDMMUS0WQIsRTN4rEkm+NYOsCnWGJ59pFHHrE8W0K151n2SyzPPvHEE6VcnrUki1iyYNJ89dVXTZpi2fWk+eKLL5o0c0wwxRLRZMixFE3BRCxFk0LHMvYtDvrnUTTzqzT7MM+dO1fof4g4zzKeZMWyPOzTLK5+HeCzGGU65WT16tXd9sM+TMTSpEneY7nYK/j0+haPH5NmvgjmkMUyrFiWO5p79+4VzQLGMg8sz+aLJVmxZABieXb37t2WZ3Ms22eZx8tPFv2UE0uyiCUmTbE0aVaIYIolA4zmvn37RFMsRVMwEUs6edITzfzFctgH+DgQqBjswxxwLGNZTizJ9mnecMMNNsYQYxnxKeJb5mX7NIvyJub2YSKWdC3bpxmnFDF4sd0jlkWZLJtNmt6P1YRZugnz5MmT6TJsPMih1vLly02aQ4plGd6MPSbNxx9/PPeTZlkmzNIEM68PfpMl7cTy7K5du5xyMgBFXoZtF808n3KyatWqUgTTkqxYMmSOnhXLpYjnl5deesny7ACYMPscS8uwdMrybP9jWeYXr7FSkdcDgUyYiCU9denSJQcC9SmWMYGVfaUnnm9Mmv0lmH2IZSyviSXdRjMeP6LZ21iWbRm2Gcuz/WVJVizJoViejQOBLM+KZTfydvRsWZZkBVMsEc3SqT3Psqpin2ZeomkfJnPiPMv9+/eLJT0Vy7PxuLI8K5bdiOejl19+2fKsCTM/E2bE0mRJvyfNhx9+2KQpll2J5dnHHntsqJOmJVnBFEsGGs1Ynp2YmLAxWsSyCkfDdiNbnh3WxTEsyVacWDJI2fJs7CtHLBcrO+XExTFMmKlB/qDEk5Z9lgxr0rQ8O19VzrPshWEtz8afa8KsILEkD5OmA4HEstvBwoFAJsyB/MBYhiUvYp/Uzp07Kz1pWoZd2uNnkJOmCbNixJI8icfhgQMHKjtpiuXSHz8mTRNm32JpGZY8in2aVZs0xbK3k9+jjz7a90nThFmhyVIsyavYpxmTZlWOno1YxmQklr0R2/GVV15x9KwJUyyp1qQZR8+W+TxNseyfbJ9mv87TLMuEKZgtYhmv3MWSIkUzlmfLGE2xLHY0LcmWmFhSRGVdnhXLwcgOBLI8K5hiiWgWUHwfsY9NLAcXTfs0W0y8lmS/dOrUqXSfZTzpQJHF8uxDDz1U6OXZiKXJcjhieTaOnu3V8qwl2ZKJWMYrc7GkLJPmwYMHCztpiqVJM48EsyaWlmEp25NeEaMplqKZV6VZku02drHP8rXXXhNLSqtIy7NxgE88SQ/r/W1ZKLu4wVKWZ2OJt8t+OK0kL8EUS6oinrAefPDBXEczi6XJMp+Pn6VEsyzBrOySrFhSJXlfnhXL/D9+LM9WdMKMfZZiSRXF8mzeJs3s1BHLsOWdNC3JFjSYYoknvRXJAw88kItoOs+ymI+fRx55ZFHRFMwCBjOLpVNHMGkuH3o0xbI60bQPs2AilrEPRyzh/5+neejQoXRf/rBi+eqrr4plQcWAEv9+VdunWYlgZrG0DAvDj2YWS/ssix/NvXv3VupNzEu/JCuW0Fq2T3PDhg0mS7p6/MTybKs3MbcPswDBPH36tH2W0IFsn2Y/oxmTrH2W1YymYOY8mBFLkyXkI5oRS5Nl+aO5e/fuhtF00E/ORJizm1jC4tXu06z9eVrqTSyroXafZv1joDSdKcuEmS27OhoW8jNp2mdZ3Umz9pSTeEyVYcIsVTAjlvEK2WQJw49mxDImDrGsZjR37do1F03BzFkwjx07lsbSZAm9sWzZsq6jKZbURrMswSzNPkyxhN66fPlycvjw4UWfpymWhFjp27dvX6nO0yxNMMUS+vNztZhoiiX10YzHQ1mMl+UbKdORWJDHSfP+++9vuTwbUY2JIp4k/TxSxmFm1D8n0Gk0m02acb/JkrITTKDjaL7++uvp0ehiiWACtBDLa0eOHEmmp6fFksqxDxPoWJxqct999yVjY2NzsbTPEhMmQF0sd+7cmaxdu3beAT4gmADXxInnEct169bNxdIyLFVjSRZoO1k+9NBDaSzjPEuxRDABWsQyJsv9+/fbZ0llWZIFOoqlyRITZkl4xQu9j2XtAT5iiWACtImlZViwJAu0iGW2zxKwJAtkTwbj4wtiaRkWShhMYGmT5YMPPpjGMq4V62hYWMiSLIjlvFi6gg+UfML0Shi6eAIYH284WQIlDiaw+MnygQcesAwLJkygVSzvv//+BVfwAUyYQIPJUixBMIEOYnngwIH0TaGt0ECFgukHHtrHMpZha2NpsoTOOa0ExBKo0oQJtI9lHA372muvWYaFKgfTDz80+AEfH58XS5MlCCbQYLK877775k4dMVnC0tiHCRWJpckSTJgpr5rh2g/1+LhYgmACnUyW2dGwBw8eFEsQTKCTWFp9AcGcx5MClf5BvrYMa7KE/nHQD4glUKUJE6oolmHvvffeufMsDx065NQRMGECrWJpsgQTZke8oqZSP7jj42IJggm0myzvueeeebG0DAuCacKEusmyUSwBwQRqYhnLsGvWrJl3gA8wGA76gYLG0j5LMGECNbJ9llksDx8+bJ8lCGb3PHlQ1smyPpYmSxgOS7JQgFiePn1aLMGECdSLZdi777577mhYy7AgmD3jiYQyTZb1sTRZgmACdbG0zxIEE2ghW4Z1NCwIZl95UqHok2WjWAL54ShZyFksX3/9dbEEwQSaxTJOHYlY2mcJOf15tQkgH7G0zxIEcyA8yVC0WN51110LYgkIJtAklrEMe/nyZS/6IOfsw4Qhx9JkCSbMgfLqnKLEcvXq1WIJggl0Ess33njDMiwUjCVZGEIsTZZgwhwar9TJayx37NghlmDCBDqN5ZtvvimWYMI0YUJ9LO+8884FsfQ4BRMmUDdZxqkjU1NTyVtvvWWyBBMm0CiWJksQzNzyhEQeYtloGRYoB0uy0IdYWoYFwQQ6iKW36ALBBMQSqvnzXpZvxD5MhhHL7du3L1iG9VgEE2aujY2N+ddkKLGMU0eOHDlinyWU/Lm5NBPm+vXrk5MnT3p0MvBYmiyhuYmJCcHMm1tuuSU5c+ZMMj097RFKX18tN4ol0PjF5W233Vaa72dkdna2v3/Al6+6R2o+ZrfRmlvM7WNX/z5dj4kXLlxIjh49mj6RCSf9+OG/4447xBI6eGEZk2XEMn5eltCPDVc/TF+7zdTcZmtuSc3HpJ9Ny0MwR67FMn49vpRgAlAe14J55Vokp6+FcWjBzMtBPwu+aQAqL1dtGM3JxgCAXDdjNGcbQkAByGUXRvO2Qaanp0UToOJmZmZyF85hBbPRN5/ed+UqDxWAart8+fKVVq0oezAb7bydrdsAsxcuXJj0UAGotnPnzk0mLY6GTYZwQFBelmTnfn3mzJnfe6gAVNupU6f+T5NADk2eTitJb7/97W//+eoo7qoDABV16dKl6d/97nf/1GDCHKpBXrgg/c8GHxdc9efEiRP/bcOGDf/Wwwagej744IP/sW3btv+YdHZ1n3kRK8uVfmpDWR/LBVf+OX/+/HMrV67c6aEDUB3Hjh07sHnz5n+VNL+yT/3EObBgDnpJttnRTvW3mZ/97GdPX7hw4S0PH4BqmJycPPLzn//86RaRnG3TlP4OgAOeMJtNmUndhDm3RHvixIn/snr16n9YsWLFMg8ngPK5Ohxd/uyzz357++23P5MsXIKdSRaeUdE0mGW/luxsk4kzvdjuxMTEM7/61a9uPXr06L9MTU19dunSpSv9jjwA/RMXJbh48eKVkydPfvbhhx/+yzPPPHPr1Vj+MvnyXUnaLr0OwzAmzEZTZu202ektafARgHxqdLDOYm5JJwHtZ9PGc7IRRxpsiFaRHGkRXgDyGctGwUzaBDI371gyPsSNN9Immo3imYglQKmimXQQyaEe7JOHCbNVNEeabKDa++sjKZoA+Y9lJ/HMXSyHHczFTpr1X18fTkcCAZQnnLmKZR6C2SyaSdJ+iTYXGxCAvsUzN7HMSzAbRbCTcAJQnmC2imIuGjCew4030mZDCShAeaOZu1DmMZiNNtBI3jcgAAONqGAuYsM5GhZAHAWzbBsYgHIYtQkAQDABoCf6viTrnUUAMGECgGACAIIJAIIJAIIJAIIJAIIJAIIJAIIJAIIJAAgmAAgmAAgmAAgmAAgmAAgmAAgmACCYACCYACCYACCYACCYAFB0/0+AAQDHHxQEMMRIrwAAAABJRU5ErkJggg=="
Description
The image of the Spreadsheet image Dialog preview.
+
$kendo-spreadsheet-insert-image-dialog-preview-bordernull
Description
The border of the Spreadsheet image Dialog preview.
+
$kendo-spreadsheet-insert-image-dialog-preview-border-radiusnull
Description
The border radius of the Spreadsheet image Dialog preview.
+
$kendo-spreadsheet-insert-image-dialog-preview-overlay-shadownull
Description
The shadow of the Spreadsheet image Dialog preview.
+
$kendo-spreadsheet-insert-image-dialog-preview-overlay-border-radiusnull
Description
The border radius of the Spreadsheet image Dialog preview overlay.
+
$kendo-spreadsheet-insert-image-dialog-overlay-hover-textnull
Description
The text color of the hovered Spreadsheet image Dialog preview.
+
$kendo-spreadsheet-drawing-handle-widthnull
Description
The width of the Spreadsheet drawing handle.
+
$kendo-spreadsheet-drawing-handle-heightnull
Description
The height of the Spreadsheet drawing handle.
+
$kendo-spreadsheet-drawing-handle-border-stylenull
Description
The border style of the Spreadsheet drawing handle.
+
$kendo-spreadsheet-drawing-handle-border-widthnull
Description
The border width of the Spreadsheet drawing handle.
+
$kendo-spreadsheet-drawing-handle-outline-colornull
Description
The border color of the Spreadsheet drawing handle.
+
$kendo-spreadsheet-drawing-handle-border-colornull
Description
The outline color of the Spreadsheet drawing handle.
+
$kendo-spreadsheet-drawing-handle-bgnull
Description
The border color of the Spreadsheet drawing handle.
+
$kendo-spreadsheet-drawing-handle-border-radiusnull
Description
The border radius of the Spreadsheet drawing handle.
+
$kendo-spreadsheet-drawing-outline-stylenull
Description
The outline style of the Spreadsheet drawing.
+
$kendo-spreadsheet-drawing-outline-widthnull
Description
The outline width of the Spreadsheet drawing.
+
$kendo-spreadsheet-drawing-anchor-bgnull
Description
The background color of the Spreadsheet drawing anchor.
+
$kendo-spreadsheet-dropzone-spacing-ynull
Description
The vertical spacing of the Spreadsheet DropZone.
+
$kendo-spreadsheet-filter-paddingnull
Description
The padding of the Spreadsheet filter.
+
+ +### Stepper + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-stepper-margin-xnull
Description
The horizontal margin the Stepper.
+
$kendo-stepper-margin-ynull
Description
The vertical margin the Stepper.
+
$kendo-stepper-padding-xnull
Description
The horizontal padding the Stepper.
+
$kendo-stepper-padding-ynull
Description
The vertical padding the Stepper.
+
$kendo-stepper-label-margin-xnull
Description
The horizontal margin the Stepper label.
+
$kendo-stepper-label-padding-xnull
Description
The horizontal padding the Stepper label.
+
$kendo-stepper-label-padding-ynull
Description
The vertical padding the Stepper label.
+
$kendo-stepper-label-border-radiusnull
Description
The border radius of the Stepper label.
+
$kendo-stepper-border-widthnull
Description
The width of the border around the Stepper.
+
$kendo-stepper-inline-content-padding-xnull
Description
The horizontal padding of the Stepper content.
+
$kendo-stepper-inline-content-padding-ynull
Description
The vertical padding of the Stepper content.
+
$kendo-stepper-font-sizenull
+
$kendo-stepper-line-heightnull
+
$kendo-stepper-font-familynull
+
$kendo-stepper-bgnull
Description
The background color of the Stepper.
+
$kendo-stepper-textnull
Description
The text color of the Stepper.
+
$kendo-stepper-bordernull
Description
The border color of the Stepper.
+
$kendo-stepper-indicator-widthnull
Description
The width of the Stepper indicator.
+
$kendo-stepper-indicator-heightnull
Description
The height of the Stepper indicator.
+
$kendo-stepper-indicator-border-widthnull
Description
The border width of the Stepper indicator.
+
$kendo-stepper-indicator-border-radiusnull
Description
The border radius of the Stepper indicator.
+
$kendo-stepper-indicator-focus-border-widthnull
Description
The border width of the focused Stepper indicator.
+
$kendo-stepper-indicator-focus-sizenull
Description
The size of the focused Stepper indicator.
+
$kendo-stepper-indicator-focus-offsetnull
Description
The offset of the Stepper's focused indicator.
+
$kendo-stepper-indicator-focus-calc-offsetnull
Description
The calculated offset of the Stepper's focused indicator.
+
$kendo-stepper-indicator-bgnull
Description
The background color of the Stepper indicator.
+
$kendo-stepper-indicator-textnull
Description
The text color of the Stepper indicator.
+
$kendo-stepper-indicator-bordernull
Description
The border color of the Stepper indicator.
+
$kendo-stepper-indicator-hover-bgnull
Description
The background color of the hovered Stepper indicator.
+
$kendo-stepper-indicator-hover-textnull
Description
The text color of the hovered Stepper indicator.
+
$kendo-stepper-indicator-hover-bordernull
Description
The border color of the hovered Stepper indicator.
+
$kendo-stepper-indicator-disabled-bgnull
Description
The background color of the disabled Stepper indicator.
+
$kendo-stepper-indicator-disabled-textnull
Description
The text color of the disabled Stepper indicator.
+
$kendo-stepper-indicator-disabled-bordernull
Description
The border color of the disabled Stepper indicator.
+
$kendo-stepper-indicator-done-bgnull
Description
The background color of the Stepper's done indicator.
+
$kendo-stepper-indicator-done-textnull
Description
The text color of the Stepper's done indicator.
+
$kendo-stepper-indicator-done-bordernull
Description
The border color of the Stepper's done indicator.
+
$kendo-stepper-indicator-done-hover-bgnull
Description
The background color of the Stepper's hovered done indicator.
+
$kendo-stepper-indicator-done-hover-textnull
Description
The text color of the Stepper's hovered done indicator.
+
$kendo-stepper-indicator-done-hover-bordernull
Description
The border color of the Stepper's hovered done indicator.
+
$kendo-stepper-indicator-done-disabled-bgnull
Description
The background color of the Stepper's disabled done indicator.
+
$kendo-stepper-indicator-done-disabled-textnull
Description
The text color of the Stepper's disabled done indicator.
+
$kendo-stepper-indicator-done-disabled-bordernull
Description
The border color of the Stepper's disabled done indicator.
+
$kendo-stepper-indicator-current-bgnull
Description
The background color of the Stepper current indicator.
+
$kendo-stepper-indicator-current-textnull
Description
The text color of the Stepper current indicator.
+
$kendo-stepper-indicator-current-bordernull
Description
The border color of the Stepper current indicator.
+
$kendo-stepper-indicator-current-hover-bgnull
Description
The background color of the Stepper's hovered current indicator.
+
$kendo-stepper-indicator-current-hover-textnull
Description
The text color of the Stepper's hovered current indicator.
+
$kendo-stepper-indicator-current-hover-bordernull
Description
The border color of the Stepper's hovered current indicator.
+
$kendo-stepper-indicator-current-disabled-bgnull
Description
The background color of the Stepper's disabled current indicator.
+
$kendo-stepper-indicator-current-disabled-textnull
Description
The text color of the Stepper's disabled current indicator.
+
$kendo-stepper-indicator-current-disabled-bordernull
Description
The border color of the Stepper's disabled current indicator.
+
$kendo-stepper-label-textnull
Description
The text color of the Stepper label.
+
$kendo-stepper-label-success-textnull
Description
The success text color of the Stepper label.
+
$kendo-stepper-label-error-textnull
Description
The error text color of the Stepper label.
+
$kendo-stepper-label-hover-textnull
Description
The text color of the hovered Stepper label.
+
$kendo-stepper-label-disabled-textnull
Description
The text color of the disabled Stepper label.
+
$kendo-stepper-optional-label-textnull
Description
The text color of the optional Stepper label.
+
$kendo-stepper-optional-label-opacitynull
Description
The opacity of the optional Stepper label.
+
$kendo-stepper-optional-label-font-sizenull
Description
The font size of the optional Stepper label.
+
$kendo-stepper-optional-label-font-stylenull
Description
The font style of the optional Stepper label.
+
$kendo-stepper-progressbar-sizenull
Description
The size of the Stepper ProgressBar.
+
$kendo-stepper-progressbar-bgnull
Description
The background color of the Stepper ProgressBar.
+
$kendo-stepper-progressbar-textnull
Description
The text color of the Stepper ProgressBar.
+
$kendo-stepper-progressbar-fill-bgnull
Description
The background color of the selected Stepper ProgressBar.
+
$kendo-stepper-progressbar-fill-textnull
Description
The text color of the selected Stepper ProgressBar.
+
$kendo-stepper-content-transition-propertynull
Description
The property name of the Stepper transition.
+
$kendo-stepper-content-transition-durationnull
Description
The duration of the Stepper transition.
+
$kendo-stepper-content-transition-timing-functionnull
Description
The timing function of the Stepper transition.
+
+ +### Switch + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-switch-font-familynull
Description
The font family of the Switch.
+
$kendo-switch-track-border-widthnull
Description
The border width of the Switch track.
+
$kendo-switch-thumb-border-widthnull
Description
The border width of the Switch thumb.
+
$kendo-switch-label-text-transformnull
Description
The text transform of the Switch label.
+
$kendo-switch-label-displaynull
Description
The display of the Switch label.
+
$kendo-switch-sizesnull
Description
The map with the different Switch sizes.
+
$kendo-switch-off-track-bgnull
Description
The background of the track when the Switch is not checked.
+
$kendo-switch-off-track-textnull
Description
The text color of the track when the Switch is not checked.
+
$kendo-switch-off-track-bordernull
Description
The border color of the track when the Switch is not checked.
+
$kendo-switch-off-track-gradientnull
Description
The background gradient of the track when the Switch is not checked.
+
$kendo-switch-off-track-hover-bgnull
Description
The background of the track when the hovered Switch is not checked.
+
$kendo-switch-off-track-hover-textnull
Description
The text color of the track when the hovered Switch is not checked.
+
$kendo-switch-off-track-hover-bordernull
Description
The border color of the track when the hovered Switch is not checked.
+
$kendo-switch-off-track-hover-gradientnull
Description
The background gradient of the track when the hovered Switch is not checked.
+
$kendo-switch-off-track-focus-bgnull
Description
The background of the track when the focused Switch is not checked.
+
$kendo-switch-off-track-focus-textnull
Description
The text color of the track when the focused Switch is not checked.
+
$kendo-switch-off-track-focus-bordernull
Description
The border color of the track when the focused Switch is not checked.
+
$kendo-switch-off-track-focus-gradientnull
Description
The background gradient of the track when the focused Switch is not checked.
+
$kendo-switch-off-track-focus-ringnull
Description
The ring around the track when the focused Switch is not checked.
+
$kendo-switch-off-track-disabled-bgnull
Description
The background of the track when the disabled Switch is not checked.
+
$kendo-switch-off-track-disabled-textnull
Description
The text color of the track when the disabled Switch is not checked.
+
$kendo-switch-off-track-disabled-bordernull
Description
The border color of the track when the disabled Switch is not checked.
+
$kendo-switch-off-track-disabled-gradientnull
Description
The background gradient of the track when the disabled Switch is not checked.
+
$kendo-switch-off-thumb-bgnull
Description
The background of the thumb when the Switch is not checked.
+
$kendo-switch-off-thumb-textnull
Description
The text color of the thumb when the Switch is not checked.
+
$kendo-switch-off-thumb-bordernull
Description
The border color of the thumb when the Switch is not checked.
+
$kendo-switch-off-thumb-gradientnull
Description
The background gradient of the thumb when the Switch is not checked.
+
$kendo-switch-off-thumb-hover-bgnull
Description
The background of the thumb when the hovered Switch is not checked.
+
$kendo-switch-off-thumb-hover-textnull
Description
The text color of the thumb when the hovered Switch is not checked.
+
$kendo-switch-off-thumb-hover-bordernull
Description
The border color of the thumb when the hovered Switch is not checked.
+
$kendo-switch-off-thumb-hover-gradientnull
Description
The background gradient of the thumb when the hovered Switch is not checked.
+
$kendo-switch-on-track-bgnull
Description
The background of the track when the Switch is checked.
+
$kendo-switch-on-track-textnull
Description
The text color of the track when the Switch is checked.
+
$kendo-switch-on-track-bordernull
Description
The border color of the track when the Switch is checked.
+
$kendo-switch-on-track-gradientnull
Description
The background gradient of the track when the Switch is checked.
+
$kendo-switch-on-track-hover-bgnull
Description
The background of the track when the hovered Switch is checked.
+
$kendo-switch-on-track-hover-textnull
Description
The text color of the track when the hovered Switch is checked.
+
$kendo-switch-on-track-hover-bordernull
Description
The border color of the track when the hovered Switch is checked.
+
$kendo-switch-on-track-hover-gradientnull
Description
The background gradient of the track when the hovered Switch is checked.
+
$kendo-switch-on-track-focus-bgnull
Description
The background of the track when the focused Switch is checked.
+
$kendo-switch-on-track-focus-textnull
Description
The text color of the track when the focused Switch is checked.
+
$kendo-switch-on-track-focus-bordernull
Description
The border color of the track when the focused Switch is checked.
+
$kendo-switch-on-track-focus-gradientnull
Description
The background gradient of the track when the focused Switch is checked.
+
$kendo-switch-on-track-focus-ringnull
Description
The ring around the track when the focused Switch is checked.
+
$kendo-switch-on-track-disabled-bgnull
Description
The background of the track when the disabled Switch is checked.
+
$kendo-switch-on-track-disabled-textnull
Description
The text color of the track when the disabled Switch is checked.
+
$kendo-switch-on-track-disabled-bordernull
Description
The border color of the track when the disabled Switch is checked.
+
$kendo-switch-on-track-disabled-gradientnull
Description
The background gradient of the track when the disabled Switch is checked.
+
$kendo-switch-on-thumb-bgnull
Description
The background of the thumb when the Switch is checked.
+
$kendo-switch-on-thumb-textnull
Description
The text color of the thumb when the Switch is checked.
+
$kendo-switch-on-thumb-bordernull
Description
The border color of the thumb when the Switch is checked.
+
$kendo-switch-on-thumb-gradientnull
Description
The background gradient of the thumb when the Switch is checked.
+
$kendo-switch-on-thumb-hover-bgnull
Description
The background of the thumb when the hovered Switch is checked.
+
$kendo-switch-on-thumb-hover-textnull
Description
The text color of the thumb when the hovered Switch is checked.
+
$kendo-switch-on-thumb-hover-bordernull
Description
The border color of the thumb when the hovered Switch is checked.
+
$kendo-switch-on-thumb-hover-gradientnull
Description
The background gradient of the thumb when the hovered Switch is checked.
+
+ +### Table + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-table-border-widthnull
Description
The width of the table border.
+
$kendo-table-cell-vertical-border-widthnull
Description
The width of vertical border of table cells.
+
$kendo-table-cell-horizontal-border-widthnull
Description
The width of horizontal border of table cells.
+
$kendo-table-font-sizenull
Description
The font size of the table if no size is specified.
+
$kendo-table-line-heightnull
Description
The line-height of the table if no size is specified.
+
$kendo-table-cell-padding-xnull
Description
The horizontal padding of the cells in the table if no size is specified.
+
$kendo-table-cell-padding-ynull
Description
The vertical padding of the cells in the table if no size is specified.
+
$kendo-table-sizesnull
Description
The sizes of the table.
+
$kendo-table-bgnull
Description
Background color of tables.
+
$kendo-table-textnull
Description
Text color of tables.
+
$kendo-table-bordernull
Description
Border color of tables.
+
$kendo-table-header-bgnull
Description
Background color of table headers.
+
$kendo-table-header-textnull
Description
Text color of table headers.
+
$kendo-table-header-bordernull
Description
Border color of table headers.
+
$kendo-table-header-gradientnull
Description
Gradient of table headers.
+
$kendo-table-footer-bgnull
Description
Background color of table footers.
+
$kendo-table-footer-textnull
Description
Text color of table footers.
+
$kendo-table-footer-bordernull
Description
Border color of table footers.
+
$kendo-table-group-row-bgnull
Description
Background color of group rows in table.
+
$kendo-table-group-row-textnull
Description
Text color of group rows in table.
+
$kendo-table-group-row-bordernull
Description
Border color of group rows in table.
+
$kendo-table-alt-row-bgnull
Description
Background color of alternating rows in table.
+
$kendo-table-alt-row-textnull
Description
Text color of alternating rows in table.
+
$kendo-table-alt-row-bordernull
Description
Border color of alternating rows in table.
+
$kendo-table-hover-bgnull
Description
Background color of hovered rows in table.
+
$kendo-table-hover-textnull
Description
Text color of hovered rows in table.
+
$kendo-table-hover-bordernull
Description
Border color of hovered rows in table.
+
$kendo-table-focus-bgnull
Description
Background color of focused rows in table.
+
$kendo-table-focus-textnull
Description
Text color of focused rows in table.
+
$kendo-table-focus-bordernull
Description
Border color of focused rows in table.
+
$kendo-table-focus-shadownull
Description
Box shadow of focused rows in table.
+
$kendo-table-selected-bgnull
Description
Background color of selected rows in table.
+
$kendo-table-selected-textnull
Description
Text color of selected rows in table.
+
$kendo-table-selected-bordernull
Description
Border color of selected rows in table.
+
+ +### Tabstrip + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-tabstrip-wrapper-padding-xnull
Description
The horizontal padding of the TabStrip wrapper.
+
$kendo-tabstrip-wrapper-padding-ynull
Description
The vertical padding of the TabStrip wrapper.
+
$kendo-tabstrip-wrapper-border-widthnull
Description
The border width around the TabStrip wrapper.
+
$kendo-tabstrip-font-familynull
Description
The font family of the TabStrip.
+
$kendo-tabstrip-font-sizenull
Description
The font size of the TabStrip.
+
$kendo-tabstrip-line-heightnull
Description
The line height of the TabStrip.
+
$kendo-tabstrip-border-widthnull
Description
The border width around the TabStrip.
+
$kendo-tabstrip-sm-font-sizenull
Description
The font size of the small TabStrip.
+
$kendo-tabstrip-sm-line-heightnull
Description
The line height of the small TabStrip.
+
$kendo-tabstrip-md-font-sizenull
Description
The font size of the medium TabStrip.
+
$kendo-tabstrip-md-line-heightnull
Description
The line height of the medium TabStrip.
+
$kendo-tabstrip-lg-font-sizenull
Description
The font size of the large TabStrip.
+
$kendo-tabstrip-lg-line-heightnull
Description
The line height of the large TabStrip.
+
$kendo-tabstrip-wrapper-bgnull
Description
The background color of the TabStrip wrapper.
+
$kendo-tabstrip-wrapper-textnull
Description
The text color of the TabStrip wrapper.
+
$kendo-tabstrip-wrapper-bordernull
Description
The border color of the TabStrip wrapper.
+
$kendo-tabstrip-bgnull
Description
The background color of the TabStrip.
+
$kendo-tabstrip-textnull
Description
The text color of the TabStrip.
+
$kendo-tabstrip-bordernull
Description
The border color of the TabStrip.
+
$kendo-tabstrip-item-padding-xnull
Description
The horizontal padding of the TabStrip items.
+
$kendo-tabstrip-item-padding-ynull
Description
The vertical padding of the TabStrip items.
+
$kendo-tabstrip-item-border-widthnull
Description
The border width around the TabStrip items.
+
$kendo-tabstrip-item-border-radiusnull
Description
The border radius of the TabStrip items.
+
$kendo-tabstrip-item-gapnull
Description
The gap between the TabStrip items.
+
$kendo-tabstrip-sm-item-padding-xnull
Description
The horizontal padding of the small TabStrip items.
+
$kendo-tabstrip-sm-item-padding-ynull
Description
The vertical padding of the small TabStrip items.
+
$kendo-tabstrip-md-item-padding-xnull
Description
The horizontal padding of the medium TabStrip items.
+
$kendo-tabstrip-md-item-padding-ynull
Description
The vertical padding of the medium TabStrip items.
+
$kendo-tabstrip-lg-item-padding-xnull
Description
The horizontal padding of the large TabStrip items.
+
$kendo-tabstrip-lg-item-padding-ynull
Description
The vertical padding of the large TabStrip items.
+
$kendo-tabstrip-item-bgnull
Description
The background color of the TabStrip items.
+
$kendo-tabstrip-item-textnull
Description
The text color of the TabStrip items.
+
$kendo-tabstrip-item-bordernull
Description
The border color of the TabStrip items.
+
$kendo-tabstrip-item-gradientnull
Description
The gradient of the TabStrip items.
+
$kendo-tabstrip-item-hover-bgnull
Description
The background color of the hovered TabStrip items.
+
$kendo-tabstrip-item-hover-textnull
Description
The text color of the hovered TabStrip items.
+
$kendo-tabstrip-item-hover-bordernull
Description
The border color of the hovered TabStrip items.
+
$kendo-tabstrip-item-hover-gradientnull
Description
The gradient of the hovered TabStrip items.
+
$kendo-tabstrip-item-selected-bgnull
Description
The background color of the selected TabStrip items.
+
$kendo-tabstrip-item-selected-textnull
Description
The text color of the selected TabStrip items.
+
$kendo-tabstrip-item-selected-bordernull
Description
The border color of the selected TabStrip items.
+
$kendo-tabstrip-item-selected-gradientnull
Description
The gradient of the selected TabStrip items.
+
$kendo-tabstrip-item-selected-font-weightnull
Description
The font weight of the selected TabStrip items.
+
$kendo-tabstrip-item-focus-shadownull
Description
The shadow of the focused TabStrip items.
+
$kendo-tabstrip-item-dragging-shadownull
Description
The shadow of the dragged TabStrip items.
+
$kendo-tabstrip-item-disabled-bgnull
Description
The background color of the disabled TabStrip items.
+
$kendo-tabstrip-item-disabled-textnull
Description
The text color of the disabled TabStrip items.
+
$kendo-tabstrip-item-disabled-bordernull
Description
The border color of the disabled TabStrip items.
+
$kendo-tabstrip-item-disabled-gradientnull
Description
The gradient of the disabled TabStrip items.
+
$kendo-tabstrip-item-disabled-opacitynull
Description
The opacity of the disabled TabStrip items.
+
$kendo-tabstrip-item-disabled-filternull
Description
The filter of the disabled TabStrip items.
+
$kendo-tabstrip-indicator-sizenull
Description
The border width of the TabStrip indicator.
+
$kendo-tabstrip-indicator-colornull
Description
The border color of the TabStrip ripple.
+
$kendo-tabstrip-content-padding-xnull
Description
The horizontal padding of the TabStrip content.
+
$kendo-tabstrip-content-padding-ynull
Description
The vertical padding of the TabStrip content.
+
$kendo-tabstrip-content-border-widthnull
Description
The border width around the TabStrip content.
+
$kendo-tabstrip-content-bgnull
Description
The background color of the TabStrip content.
+
$kendo-tabstrip-content-textnull
Description
The text color of the TabStrip content.
+
$kendo-tabstrip-content-bordernull
Description
The border color of the TabStrip content.
+
$kendo-tabstrip-content-focus-bordernull
Description
The border color of the focused TabStrip content.
+
$kendo-tabstrip-scroll-overlaynull
Description
The left and right scroll overlay of the TabStrip.
+
$kendo-tabstrip-sizes()
Description
The size map of the TabStrip.
+
+ +### Taskboard + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-taskboard-spacernull
Description
The spacing index of the TaskBoard.
+
$kendo-taskboard-padding-ynull
Description
The vertical padding of the TaskBoard.
+
$kendo-taskboard-padding-xnull
Description
The horizontal of the TaskBoard.
+
$kendo-taskboard-font-familynull
Description
The font family of the TaskBoard.
+
$kendo-taskboard-font-sizenull
Description
The font size of the TaskBoard.
+
$kendo-taskboard-line-heightnull
Description
The line height of the TaskBoard.
+
$kendo-taskboard-bgnull
Description
The background color of the TaskBoard.
+
$kendo-taskboard-textnull
Description
The text color of the TaskBoard.
+
$kendo-taskboard-bordernull
Description
The border color of the TaskBoard.
+
$kendo-taskboard-toolbar-padding-ynull
Description
The vertical padding of the TaskBoard Toolbar.
+
$kendo-taskboard-toolbar-padding-xnull
Description
The horizontal padding of the TaskBoard Toolbar.
+
$kendo-taskboard-toolbar-bgnull
Description
The background color of the TaskBoard Toolbar.
+
$kendo-taskboard-toolbar-textnull
Description
The text color of the TaskBoard Toolbar.
+
$kendo-taskboard-toolbar-bordernull
Description
The border color of the TaskBoard Toolbar.
+
$kendo-taskboard-toolbar-gradientnull
Description
The gradient of the TaskBoard Toolbar.
+
$kendo-taskboard-content-padding-ynull
Description
The vertical padding of the TaskBoard content.
+
$kendo-taskboard-content-padding-xnull
Description
The horizontal padding of the TaskBoard content.
+
$kendo-taskboard-column-container-spacing-ynull
Description
The vertical spacing of the TaskBoard column container.
+
$kendo-taskboard-column-container-padding-ynull
Description
The vertical padding of the TaskBoard column container.
+
$kendo-taskboard-column-container-padding-xnull
Description
The horizontal padding of the TaskBoard column container.
+
$kendo-taskboard-columns-container-gapnull
Description
The spacing of the TaskBoard columns container.
+
$kendo-taskboard-column-widthnull
Description
The default width of the TaskBoard column.
+
$kendo-taskboard-column-border-widthnull
Description
The border width of the TaskBoard column.
+
$kendo-taskboard-column-border-radiusnull
Description
The border radius of the TaskBoard column.
+
$kendo-taskboard-column-bgnull
Description
The background color of the TaskBoard column.
+
$kendo-taskboard-column-textnull
Description
The text color of the TaskBoard column.
+
$kendo-taskboard-column-bordernull
Description
The border color of the TaskBoard column.
+
$kendo-taskboard-column-focus-bgnull
Description
The background color of the focused TaskBoard column.
+
$kendo-taskboard-column-focus-textnull
Description
The text color of the focused TaskBoard column.
+
$kendo-taskboard-column-focus-bordernull
Description
The border color of the focused TaskBoard column.
+
$kendo-taskboard-column-header-padding-ynull
Description
The vertical padding of the TaskBoard column header.
+
$kendo-taskboard-column-header-padding-xnull
Description
The horizontal padding of the TaskBoard column header.
+
$kendo-taskboard-column-header-gapnull
Description
The spacing of the TaskBoard column header.
+
$kendo-taskboard-column-header-actions-gapnull
Description
The spacing of the TaskBoard column header actions.
+
$kendo-taskboard-column-header-font-weightnull
Description
The font weight of the TaskBoard column header.
+
$kendo-taskboard-column-header-textnull
Description
The text color of the TaskBoard column header.
+
$kendo-taskboard-column-cards-padding-ynull
Description
The vertical padding of the TaskBoard column Card wrapper.
+
$kendo-taskboard-column-cards-padding-xnull
Description
The horizontal padding of the TaskBoard column Card wrapper.
+
$kendo-taskboard-column-cards-gapnull
Description
The spacing of the TaskBoard column Card wrapper.
+
$kendo-taskboard-pane-widthnull
Description
The default width of the TaskBoard pane.
+
$kendo-taskboard-pane-padding-ynull
Description
The vertical padding of the TaskBoard pane.
+
$kendo-taskboard-pane-padding-xnull
Description
The horizontal padding of the TaskBoard pane.
+
$kendo-taskboard-pane-border-widthnull
Description
The border width of the TaskBoard pane.
+
$kendo-taskboard-pane-bgnull
Description
The background color of the TaskBoard pane.
+
$kendo-taskboard-pane-textnull
Description
The text color of the TaskBoard pane.
+
$kendo-taskboard-pane-bordernull
Description
The border color of the TaskBoard pane.
+
$kendo-taskboard-pane-header-padding-ynull
Description
The vertical padding of the TaskBoard pane header.
+
$kendo-taskboard-pane-header-padding-xnull
Description
The horizontal padding of the TaskBoard pane header.
+
$kendo-taskboard-pane-header-font-weightnull
Description
The font weight of the TaskBoard pane header.
+
$kendo-taskboard-pane-header-textnull
Description
The text color of the TaskBoard pane header.
+
$kendo-taskboard-pane-content-padding-ynull
Description
The vertical padding of the TaskBoard pane content.
+
$kendo-taskboard-pane-content-padding-xnull
Description
The horizontal padding of the TaskBoard pane content.
+
$kendo-taskboard-pane-actions-padding-ynull
Description
The vertical padding of the TaskBoard pane actions.
+
$kendo-taskboard-pane-actions-padding-xnull
Description
The horizontal padding of the TaskBoard pane actions.
+
$kendo-taskboard-card-padding-ynull
Description
The vertical padding of the TaskBoard Card.
+
$kendo-taskboard-card-padding-xnull
Description
The horizontal padding of the TaskBoard Card.
+
$kendo-taskboard-card-border-widthnull
Description
The border width of the TaskBoard Card.
+
$kendo-taskboard-card-border-radiusnull
Description
The border radius of the TaskBoard Card.
+
$kendo-taskboard-card-shadownull
Description
The shadow of the TaskBoard Card.
+
$kendo-taskboard-card-bgnull
Description
The background color of the TaskBoard Card.
+
$kendo-taskboard-card-textnull
Description
The text color of the TaskBoard Card.
+
$kendo-taskboard-card-bordernull
Description
The border color of the TaskBoard Card.
+
$kendo-taskboard-card-category-border-widthnull
Description
The border width of the TaskBoard Card category.
+
$kendo-taskboard-card-hover-bordernull
Description
The border color of the hovered TaskBoard Card.
+
$kendo-taskboard-card-focus-bordernull
Description
The border color of the focused TaskBoard Card.
+
$kendo-taskboard-card-focus-shadownull
Description
The shadow of the focused TaskBoard Card.
+
$kendo-taskboard-card-selected-bordernull
Description
The border of the selected TaskBoard Card.
+
$kendo-taskboard-card-selected-shadownull
Description
The shadow of the selected TaskBoard Card.
+
$kendo-taskboard-card-header-textnull
Description
The text color of the TaskBoard Card header text.
+
$kendo-taskboard-card-header-hover-textnull
Description
The text color of the hovered TaskBoard Card header text.
+
$kendo-taskboard-card-header-focus-textnull
Description
The text color of the focused TaskBoard Card header text.
+
$kendo-taskboard-drag-placeholder-border-widthnull
Description
The border width of the TaskBoard Card placeholder.
+
$kendo-taskboard-drag-placeholder-border-radiusnull
Description
The border radius of the TaskBoard Card placeholder.
+
$kendo-taskboard-drag-placeholder-bgnull
Description
The background color of the TaskBoard Card placeholder.
+
$kendo-taskboard-drag-placeholder-bordernull
Description
The border color of the TaskBoard Card placeholder.
+
+ +### TileLayout + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-tile-layout-border-widthnull
Description
The width of the border around the TileLayout.
+
$kendo-tile-layout-bgnull
Description
The background color of the TileLayout.
+
$kendo-tile-layout-padding-xnull
Description
The horizontal padding of the TileLayout.
+
$kendo-tile-layout-padding-ynull
Description
The vertical padding of the TileLayout
+
$kendo-tile-layout-card-border-widthnull
Description
The width of the border around the TileLayout card.
+
$kendo-tile-layout-card-focus-shadownull
Description
The focus box shadow of the TileLayout card.
+
$kendo-tile-layout-hint-border-widthnull
Description
The width of the border around the TileLayout hint.
+
$kendo-tile-layout-hint-border-radiusnull
Description
The radius of the border around the TileLayout hint.
+
$kendo-tile-layout-hint-bordernull
Description
The color of the border around the TileLayout hint.
+
$kendo-tile-layout-hint-bgnull
Description
The background color of the TileLayout hint.
+
+ +### TimeMarker + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-current-time-widthnull
Description
The border width of the current time indicator.
+
$kendo-current-time-colornull
Description
The color of the current time indicator.
+
+ +### Timeline + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-timeline-spacing-xnull
Description
The horizontal spacing of the Timeline.
+
$kendo-timeline-spacing-ynull
Description
The vertical spacing of the Timeline.
+
$kendo-timeline-items-paddingnull
Description
The padding between the Timeline's track items.
+
$kendo-timeline-font-familynull
Description
The font family of the Timeline.
+
$kendo-timeline-font-sizenull
Description
The font size of the Timeline.
+
$kendo-timeline-line-heightnull
Description
The line height of the Timeline.
+
$kendo-timeline-mobile-spacing-xnull
Description
The horizontal spacing of the mobile Timeline.
+
$kendo-timeline-mobile-spacing-ynull
Description
The vertical spacing of the mobile Timeline.
+
$kendo-timeline-track-arrow-widthnull
Description
The width of the Timeline track arrow.
+
$kendo-timeline-track-arrow-heightnull
Description
The height of the Timeline track arrow.
+
$kendo-timeline-track-arrow-disabled-bgnull
Description
The background color of the disabled Timeline track arrow.
+
$kendo-timeline-track-arrow-disabled-textnull
Description
The text color of the disabled Timeline track arrow.
+
$kendo-timeline-track-arrow-disabled-bordernull
Description
The border color of the disabled Timeline track arrow.
+
$kendo-timeline-track-sizenull
Description
The size of the Timeline track.
+
$kendo-timeline-track-wrap-padding-bottomnull
Description
The bottom padding of the Timeline's track wrapper.
+
$kendo-timeline-track-border-widthnull
Description
The border width of the Timeline track.
+
$kendo-timeline-track-margin-bottomnull
Description
The bottom margin of the Timeline track.
+
$kendo-timeline-track-bottom-calcnull
Description
The bottom offset of the Timeline track.
+
$kendo-timeline-track-start-calcnull
Description
The left offset of the Timeline track.
+
$kendo-timeline-track-end-calcnull
Description
The right offset of the Timeline track.
+
$kendo-timeline-track-bgnull
Description
The background color of the Timeline track.
+
$kendo-timeline-track-border-colornull
Description
The border color of the Timeline track.
+
$kendo-timeline-track-item-focus-shadownull
Description
The shadow of the Timeline's focused track items.
+
$kendo-timeline-track-event-offsetnull
Description
The offset of the Timeline track event.
+
$kendo-timeline-flag-padding-xnull
Description
The horizontal padding of the Timeline flag.
+
$kendo-timeline-flag-padding-ynull
Description
The vertical padding of the Timeline flag.
+
$kendo-timeline-flag-line-heightnull
Description
The line height of the Timeline flag.
+
$kendo-timeline-flag-min-widthnull
Description
The minimum width of the Timeline flag.
+
$kendo-timeline-flag-max-widthnull
Description
The maximum width of the Timeline flag.
+
$kendo-timeline-mobile-flag-max-widthnull
Description
The maximum width of the mobile Timeline flag.
+
$kendo-timeline-horizontal-flag-min-widthnull
Description
The minimum width of the horizontal Timeline flag.
+
$kendo-timeline-flag-bgnull
Description
The background color of the Timeline flag.
+
$kendo-timeline-flag-textnull
Description
The text color of the Timeline flag.
+
$kendo-timeline-flag-callout-widthnull
Description
The width of the Timeline's flag callout.
+
$kendo-timeline-flag-callout-heightnull
Description
The height of the Timeline's flag callout.
+
$kendo-timeline-flag-offset-bottomnull
Description
The bottom offset of the Timeline flag.
+
$kendo-timeline-flag-margin-bottom-calcnull
Description
The bottom margin of the Timeline flag.
+
$kendo-timeline-date-widthnull
Description
The width of the Timeline date.
+
$kendo-timeline-date-margin-bottomnull
Description
The bottom margin of the Timeline date.
+
$kendo-timeline-vertical-padding-calcnull
Description
The padding of the vertical Timeline.
+
$kendo-timeline-vertical-padding-with-dates-calcnull
Description
The padding of the vertical Timeline date.
+
$kendo-timeline-mobile-vertical-padding-calcnull
Description
The padding of the vertical mobile Timeline.
+
$kendo-timeline-mobile-vertical-padding-with-dates-calcnull
Description
The padding of the vertical mobile Timeline date.
+
$kendo-timeline-circle-widthnull
Description
The width of the Timeline circle.
+
$kendo-timeline-circle-heightnull
Description
The height of the Timeline circle.
+
$kendo-timeline-circle-bgnull
Description
The background color of the Timeline circle.
+
$kendo-timeline-collapse-arrow-padding-xnull
Description
The horizontal padding of the Timeline collapse arrow.
+
$kendo-timeline-event-widthnull
Description
The width of the Timeline event.
+
$kendo-timeline-event-heightnull
Description
The height of the Timeline event.
+
$kendo-timeline-event-min-height-calcnull
Description
The minimum height of the Timeline event.
+
+ +### Toolbar + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-toolbar-padding-xnull
Description
The horizontal padding of the Toolbar.
+
$kendo-toolbar-sm-padding-xnull
Description
The horizontal padding of the small Toolbar.
+
$kendo-toolbar-md-padding-xnull
Description
The horizontal padding of the medium Toolbar.
+
$kendo-toolbar-lg-padding-xnull
Description
The horizontal padding of the large Toolbar.
+
$kendo-toolbar-padding-ynull
Description
The vertical padding of the Toolbar.
+
$kendo-toolbar-sm-padding-ynull
Description
The vertical padding of the small Toolbar.
+
$kendo-toolbar-md-padding-ynull
Description
The vertical padding of the medium Toolbar.
+
$kendo-toolbar-lg-padding-ynull
Description
The vertical padding of the large Toolbar.
+
$kendo-toolbar-spacingnull
Description
The spacing between the Toolbar tools.
+
$kendo-toolbar-sm-spacingnull
Description
The spacing between the tools of the small Toolbar.
+
$kendo-toolbar-md-spacingnull
Description
The spacing between the tools of the medium Toolbar.
+
$kendo-toolbar-lg-spacingnull
Description
The spacing between the tools of the large Toolbar.
+
$kendo-toolbar-separator-heightnull
Description
The height of the Toolbar button separator.
+
$kendo-toolbar-sm-separator-heightnull
Description
The height of the small Toolbar button separator.
+
$kendo-toolbar-md-separator-heightnull
Description
The height of the medium Toolbar button separator.
+
$kendo-toolbar-lg-separator-heightnull
Description
The height of the large Toolbar button separator.
+
$kendo-toolbar-border-widthnull
Description
The width of the border around the Toolbar.
+
$kendo-toolbar-border-radiusnull
Description
The border radius of the Toolbar.
+
$kendo-toolbar-font-familynull
Description
The font family of the Toolbar.
+
$kendo-toolbar-font-sizenull
Description
The font size of the Toolbar.
+
$kendo-toolbar-line-heightnull
Description
The line height of the Toolbar.
+
$kendo-toolbar-bgnull
Description
The background color of the Toolbar.
+
$kendo-toolbar-textnull
Description
The text color of the Toolbar.
+
$kendo-toolbar-bordernull
Description
The color of the border around the Toolbar.
+
$kendo-toolbar-gradientnull
Description
The gradient of the Toolbar.
+
$kendo-toolbar-shadownull
Description
The box shadow of the Toolbar.
+
$kendo-toolbar-scroll-overlaynull
Description
The left and right scroll overlay of the Toolbar.
+
$kendo-toolbar-outline-textnull
Description
The text color of the outline Toolbar.
+
$kendo-toolbar-outline-bordernull
Description
The color of the border around the outline Toolbar.
+
$kendo-toolbar-outline-gradientnull
Description
The gradient of the outline Toolbar.
+
$kendo-toolbar-outline-shadownull
Description
The box shadow of the outline Toolbar.
+
$kendo-toolbar-outline-border-widthnull
Description
The width of the border around the outline Toolbar.
+
$kendo-toolbar-outline-scroll-overlaynull
Description
The left and right scroll overlay of the outline Toolbar.
+
$kendo-toolbar-flat-textnull
Description
The text color of the flat Toolbar.
+
$kendo-toolbar-flat-bordernull
Description
The color of the border around the flat Toolbar.
+
$kendo-toolbar-flat-gradientnull
Description
The gradient of the flat Toolbar.
+
$kendo-toolbar-flat-shadownull
Description
The box shadow of the flat Toolbar.
+
$kendo-toolbar-flat-border-widthnull
Description
Border width of the flat Toolbar.
+
$kendo-toolbar-flat-scroll-overlaynull
Description
The left and right scroll overlay of the flat Toolbar.
+
$kendo-toolbar-separator-bordernull
Description
The color of the separator border of the Toolbar.
+
$kendo-toolbar-input-widthnull
Description
The width of the input in the Toolbar.
+
$kendo-toolbar-item-shadownull
Description
The box shadow of the focused Toolbar item.
+
$kendo-toolbar-overflow-container-font-sizenull
Description
The font size of the Toolbar overflow container.
+
$kendo-toolbar-overflow-container-line-heightnull
Description
The line-height of the Toolbar overflow container.
+
$kendo-toolbar-overflow-button-padding-ynull
Description
The vertical padding of the Toolbar overflow button.
+
$kendo-toolbar-overflow-button-padding-xnull
Description
The horizontal padding of the Toolbar overflow button.
+
$kendo-toolbar-sizesnull
Description
The sizes map for the Toolbar.
+
+ +### Tooltip + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-tooltip-padding-ynull
Description
The vertical padding of the Tooltip.
+
$kendo-tooltip-padding-xnull
Description
The horizontal padding of the Tooltip.
+
$kendo-tooltip-border-widthnull
Description
The width of the border around the Tooltip.
+
$kendo-tooltip-border-radiusnull
Description
The border radius of the Tooltip.
+
$kendo-tooltip-font-familynull
Description
The font family of the Tooltip.
+
$kendo-tooltip-font-sizenull
Description
The font size of the Tooltip.
+
$kendo-tooltip-line-heightnull
Description
The line height of the Tooltip.
+
$kendo-tooltip-title-font-sizenull
Description
The font size of the Tooltip title.
+
$kendo-tooltip-title-line-heightnull
Description
The line height of the Tooltip title.
+
$kendo-tooltip-callout-sizenull
Description
The size of the Tooltip callout.
+
$kendo-tooltip-bgnull
Description
The default background of the Tooltip.
+
$kendo-tooltip-textnull
Description
The default text color of the Tooltip.
+
$kendo-tooltip-bordernull
Description
The default border color of the Tooltip.
+
$kendo-tooltip-shadownull
Description
The box-shadow of the Tooltip.
+
$kendo-tooltip-theme-colorsnull
Description
The theme colors map for the Tooltip.
+
$kendo-tooltip-themenull
Description
The generated theme colors map for the Tooltip.
+
+ +### Treelist + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-treelist-footer-row-bgnull
Description
The background color of the TreeList footer row.
+
$kendo-treelist-footer-row-border-widthnull
Description
The border width of the TreeList footer row.
+
+ +### Treeview + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-treeview-font-familynull
Description
The font family of the TreeView.
+
$kendo-treeview-font-sizenull
Description
The font size of the TreeView.
+
$kendo-treeview-sm-font-sizenull
Description
The font size of the small TreeView.
+
$kendo-treeview-md-font-sizenull
Description
The font size of the medium TreeView.
+
$kendo-treeview-lg-font-sizenull
Description
The font size of the large TreeView.
+
$kendo-treeview-line-heightnull
Description
The line height of the TreeView.
+
$kendo-treeview-sm-line-heightnull
Description
The line height of the small TreeView.
+
$kendo-treeview-md-line-heightnull
Description
The line height of the medium TreeView.
+
$kendo-treeview-lg-line-heightnull
Description
The line height of the large TreeView.
+
$kendo-treeview-indentnull
Description
The indentation of child groups in the TreeView.
+
$kendo-treeview-item-padding-xnull
Description
The horizontal padding of the TreeView items.
+
$kendo-treeview-sm-item-padding-xnull
Description
The horizontal padding of the small TreeView items.
+
$kendo-treeview-md-item-padding-xnull
Description
The horizontal padding of the medium TreeView items.
+
$kendo-treeview-lg-item-padding-xnull
Description
The horizontal padding of the large TreeView items.
+
$kendo-treeview-item-padding-ynull
Description
The vertical padding of the TreeView items.
+
$kendo-treeview-sm-item-padding-ynull
Description
The vertical padding of the small TreeView items.
+
$kendo-treeview-md-item-padding-ynull
Description
The vertical padding of the medium TreeView items.
+
$kendo-treeview-lg-item-padding-ynull
Description
The vertical padding of the large TreeView items.
+
$kendo-treeview-item-border-widthnull
Description
The border width of the TreeView items.
+
$kendo-treeview-item-border-radiusnull
Description
The border radius of the TreeView items.
+
$kendo-treeview-sm-checkbox-padding-xnull
Description
The horizontal padding of the checkbox in the small TreeView.
+
$kendo-treeview-md-checkbox-padding-xnull
Description
The horizontal padding of the checkbox in the medium TreeView.
+
$kendo-treeview-lg-checkbox-padding-xnull
Description
The horizontal padding of the checkbox in the large TreeView.
+
$kendo-treeview-sm-checkbox-padding-ynull
Description
The vertical padding of the checkbox in the small TreeView.
+
$kendo-treeview-md-checkbox-padding-ynull
Description
The vertical padding of the checkbox in the medium TreeView.
+
$kendo-treeview-lg-checkbox-padding-ynull
Description
The vertical padding of the checkbox in the large TreeView.
+
$kendo-treeview-sizesnull
Description
The sizes map of the TreeView.
+
$kendo-treeview-bgnull
Description
The background color of the TreeView.
+
$kendo-treeview-textnull
Description
The text color of the TreeView.
+
$kendo-treeview-bordernull
Description
The border color of the TreeView.
+
$kendo-treeview-item-hover-bgnull
Description
The background color of hovered TreeView items.
+
$kendo-treeview-item-hover-textnull
Description
The text color of hovered TreeView items.
+
$kendo-treeview-item-hover-bordernull
Description
The border color of hovered TreeView items.
+
$kendo-treeview-item-hover-gradientnull
Description
The background gradient of hovered TreeView items.
+
$kendo-treeview-item-selected-bgnull
Description
The background color of selected TreeView items.
+
$kendo-treeview-item-selected-textnull
Description
The text color of selected TreeView items.
+
$kendo-treeview-item-selected-bordernull
Description
The border color of selected TreeView items.
+
$kendo-treeview-item-selected-gradientnull
Description
The background gradient of selected TreeView items.
+
$kendo-treeview-item-focus-shadownull
Description
The box shadow of focused TreeView items.
+
$kendo-treeview-loadmore-bgnull
Description
The background color of the Load More button in the TreeView
+
$kendo-treeview-loadmore-textnull
Description
The text color of the Load More button in the TreeView
+
$kendo-treeview-loadmore-bordernull
Description
The border color of the Load More button in the TreeView
+
$kendo-treeview-loadmore-hover-bgnull
Description
The background color of the hovered Load More button in the TreeView
+
$kendo-treeview-loadmore-hover-textnull
Description
The text color of the hovered Load More button in the TreeView.
+
$kendo-treeview-loadmore-hover-bordernull
Description
The border color of the hovered Load More button in the TreeView.
+
$kendo-treeview-loadmore-focus-bgnull
Description
The background color of the focused Load More button in the TreeView.
+
$kendo-treeview-loadmore-focus-textnull
Description
The text color of the focused Load More button in the TreeView.
+
$kendo-treeview-loadmore-focus-bordernull
Description
The border color of the focused Load More button in the TreeView.
+
$kendo-treeview-loadmore-focus-shadownull
Description
The box shadow of the focused Load More button in the TreeView.
+
+ +### Typography + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + + + + + + + + + + + + + + + + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + + + +
NameTypeDefault valueComputed value
$kendo-h1-font-sizenull
Description
The font size of the highest level heading.
+
$kendo-h2-font-sizenull
Description
The font size of the second highest level heading.
+
$kendo-h3-font-sizenull
Description
The font size of the third highest level heading.
+
$kendo-h4-font-sizenull
Description
The font size of the fourth highest level heading.
+
$kendo-h5-font-sizenull
Description
The font size of the fifth highest level heading.
+
$kendo-h6-font-sizenull
Description
The font size of the sixth highest level heading.
+
$kendo-h1-font-familynull
Description
The font family of the highest level heading.
+
$kendo-h2-font-familynull
Description
The font family of the second highest level heading.
+
$kendo-h3-font-familynull
Description
The font family of the third highest level heading.
+
$kendo-h4-font-familynull
Description
The font family of the fourth highest level heading.
+
$kendo-h5-font-familynull
Description
The font family of the fifth highest level heading.
+
$kendo-h6-font-familynull
Description
The font family of the sixth highest level heading.
+
$kendo-h1-line-heightnull
Description
The line height of the highest level heading.
+
$kendo-h2-line-heightnull
Description
The line height of the second highest level heading.
+
$kendo-h3-line-heightnull
Description
The line height of the third highest level heading.
+
$kendo-h4-line-heightnull
Description
The line height of the fourth highest level heading.
+
$kendo-h5-line-heightnull
Description
The line height of the fifth highest level heading.
+
$kendo-h6-line-heightnull
Description
The line height of the sixth highest level heading.
+
$kendo-h1-font-weightnull
Description
The font weight of the highest level heading.
+
$kendo-h2-font-weightnull
Description
The font weight of the second highest level heading.
+
$kendo-h3-font-weightnull
Description
The font weight of the third highest level heading.
+
$kendo-h4-font-weightnull
Description
The font weight of the fourth highest level heading.
+
$kendo-h5-font-weightnull
Description
The font weight of the fifth highest level heading.
+
$kendo-h6-font-weightnull
Description
The font weight of the sixth highest level heading.
+
$kendo-h1-letter-spacingnull
Description
The letter spacing of the highest level heading.
+
$kendo-h2-letter-spacingnull
Description
The letter spacing of the second highest level heading.
+
$kendo-h3-letter-spacingnull
Description
The letter spacing of the third highest level heading.
+
$kendo-h4-letter-spacingnull
Description
The letter spacing of the fourth highest level heading.
+
$kendo-h5-letter-spacingnull
Description
The letter spacing of the fifth highest level heading.
+
$kendo-h6-letter-spacingnull
Description
The letter spacing of the sixth highest level heading.
+
$kendo-h1-marginnull
Description
The margin of the highest level heading.
+
$kendo-h2-marginnull
Description
The margin of the second highest level heading.
+
$kendo-h3-marginnull
Description
The margin of the third highest level heading.
+
$kendo-h4-marginnull
Description
The margin of the fourth highest level heading.
+
$kendo-h5-marginnull
Description
The margin of the fifth highest level heading.
+
$kendo-h6-marginnull
Description
The margin of the sixth highest level heading.
+
$kendo-headingsnull
Description
The headings Map.
+
$kendo-paragraph-marginnull
Description
The margin of the paragraph.
+
$kendo-paragraph-font-sizenull
Description
The font size of the paragraph.
+
$kendo-paragraph-font-familynull
Description
The font family of the paragraph.
+
$kendo-paragraph-line-heightnull
Description
The line height of the paragraph.
+
$kendo-paragraph-font-weightnull
Description
The font weight of the paragraph.
+
$kendo-paragraph-letter-spacingnull
Description
The letter spacing of the paragraph.
+
$kendo-code-font-sizenull
Description
The font size of the code tag.
+
$kendo-code-font-familynull
Description
The font family of the code tag.
+
$kendo-code-line-heightnull
Description
The line height of the code tag.
+
$kendo-code-font-weightnull
Description
The font weight of the code tag.
+
$kendo-code-letter-spacingnull
Description
The letter spacing of the code tag.
+
$kendo-code-padding-xnull
Description
The horizontal padding of the code tag.
+
$kendo-code-padding-ynull
Description
The vertical padding of the code tag.
+
$kendo-pre-padding-xnull
Description
The horizontal padding of the preformatted text.
+
$kendo-pre-padding-ynull
Description
The vertical padding of the preformatted text.
+
$kendo-code-border-widthnull
Description
The width of the border of the code tag.
+
$kendo-code-bgnull
Description
The background color of the code tag.
+
$kendo-code-textnull
Description
The color of the code tag.
+
$kendo-code-bordernull
Description
The border color of the code tag.
+
$kendo-display1-font-sizenull
Description
The font size of the largest display text.
+
$kendo-display2-font-sizenull
Description
The font size of the second largest display text.
+
$kendo-display3-font-sizenull
Description
The font size of the third largest display text.
+
$kendo-display4-font-sizenull
Description
The font size of the fourth largest display text.
+
$kendo-display1-font-familynull
Description
The font family of the largest display text.
+
$kendo-display2-font-familynull
Description
The font family of the second largest display text.
+
$kendo-display3-font-familynull
Description
The font family of the third largest display text.
+
$kendo-display4-font-familynull
Description
The font family of the fourth largest display text.
+
$kendo-display1-line-heightnull
Description
The line height of the largest display text.
+
$kendo-display2-line-heightnull
Description
The line height of the second largest display text.
+
$kendo-display3-line-heightnull
Description
The line height of the third largest display text.
+
$kendo-display4-line-heightnull
Description
The line height of the fourth largest display text.
+
Colorprimary-on-subtleThe text color variable for content on primary subtle.$kendo-display1-font-weightnull
Coloron-primaryThe text color variable for content on primary.
Description
The font weight of the largest display text.
+
Colorprimary-on-surfaceThe text color variable for content on surface.$kendo-display2-font-weightnull
Colorsecondary-subtleThe secondary subtle background color variable.
Description
The font weight of the second largest display text.
+
Colorsecondary-subtle-hoverThe secondary subtle background color variable for the hover state.$kendo-display3-font-weightnull
Colorsecondary-subtle-activeThe secondary subtle background color variable for the active state.
Description
The font weight of the third largest display text.
+
ColorsecondaryThe secondary background color variable.$kendo-display4-font-weightnull
Colorsecondary-hoverThe secondary background color variable for the hover state.
Description
The font weight of the fourth largest display text.
+
Colorsecondary-activeThe secondary background color variable for the active state.$kendo-display1-letter-spacingnull
Colorsecondary-emphasisThe emphasized secondary color variable.
Description
The letter spacing of the largest display text.
+
Colorsecondary-on-subtleThe text color variable for content on secondary subtle.$kendo-display2-letter-spacingnull
Coloron-secondaryThe text color variable for content on secondary.
Description
The letter spacing of the second largest display text.
+
Colorsecondary-on-surfaceThe text color variable for content on surface.$kendo-display3-letter-spacingnull
Colortertiary-subtleThe tertiary subtle background color variable.
Description
The letter spacing of the third largest display text.
+
Colortertiary-subtle-hoverThe tertiary subtle background color variable for the hover state.$kendo-display4-letter-spacingnull
Colortertiary-subtle-activeThe tertiary subtle background color variable for the active state.
Description
The letter spacing of the fourth largest display text.
+
ColortertiaryThe tertiary background color variable.$kendo-font-sizeNumber0.875rem0.875rem
Colortertiary-hoverThe tertiary background color variable for the hover state.
Description
The base font size across all components.
+
Colortertiary-activeThe tertiary background color variable for the active state.$kendo-font-size-xxsNumber0.5rem0.5rem
Colortertiary-emphasisThe emphasized tertiary color variable.
Description
The extra extra small font size across all components.
+
Colortertiary-on-subtleThe text color variable for content on tertiary subtle.$kendo-font-size-xsNumber0.625rem0.625rem
Coloron-tertiaryThe text color variable for content on tertiary.
Description
The extra small font size across all components.
+
Colortertiary-on-surfaceThe text color variable for content on surface.$kendo-font-size-smNumber0.75rem0.75rem
Colorinfo-subtleThe info subtle background color variable.
Description
The small font size across all components.
+
Colorinfo-subtle-hoverThe info subtle background color variable for the hover state.$kendo-font-size-mdNumber$kendo-font-size0.875rem
Colorinfo-subtle-activeThe info subtle background color variable for the active state.
Description
The medium font size across all components.
+
ColorinfoThe info background color variable.$kendo-font-size-lgNumber1rem1rem
Colorinfo-hoverThe info background color variable for the hover state.
Description
The large font size across all components.
+
Colorinfo-activeThe info background color variable for the active state.$kendo-font-size-xlNumber1.25rem1.25rem
Colorinfo-emphasisThe emphasized info color variable.
Description
The extra large font size across all components.
+
Colorinfo-on-subtleThe text color variable for content on info subtle.$kendo-line-heightNumbermath.div( 20, 14 )1.4285714286
Coloron-infoThe text color variable for content on info.
Description
The base line height across all components.
+
Colorinfo-on-surfaceThe text color variable for content on surface.$kendo-line-height-xsNumber11
Colorsuccess-subtleThe success subtle background color variable.
Description
The extra small line height across all components.
+
Colorsuccess-subtle-hoverThe success subtle background color variable for the hover state.$kendo-line-height-smNumber1.251.25
Colorsuccess-subtle-activeThe success subtle background color variable for the active state.
Description
The small line height across all components.
+
ColorsuccessThe success background color variable.$kendo-line-height-mdNumber$kendo-line-height1.4285714286
Colorsuccess-hoverThe success background color variable for the hover state.
Description
The medium line height across all components.
+
Colorsuccess-activeThe success background color variable for the active state.$kendo-line-height-lgNumber1.51.5
Colorsuccess-emphasisThe emphasized success color variable.
Description
The large line height across all components.
+
Colorsuccess-on-subtleThe text color variable for content on success subtle.$kendo-line-height-emCalculationcalc( #{$kendo-line-height-md} * 1em )calc(1.4285714286 * 1em)
Description
The base line height in ems across all components.
+
$kendo-font-weightNumber400400
Description
The base font weight across all components.
+
$kendo-font-weight-thinNumber100100
Coloron-successThe text color variable for content on success.
Description
The thin font weight across all components.
+
Colorsuccess-on-surfaceThe text color variable for content on surface.$kendo-font-weight-extra-lightNumber200200
Colorwarning-subtleThe warning subtle background color variable.
Description
The extra light font weight across all components.
+
Colorwarning-subtle-hoverThe warning subtle background color variable for the hover state.$kendo-font-weight-lightNumber300300
Colorwarning-subtle-activeThe warning subtle background color variable for the active state.
Description
The light font weight across all components.
+
ColorwarningThe warning background color variable.$kendo-font-weight-normalNumber$kendo-font-weight400
Colorwarning-hoverThe warning background color variable for the hover state.
Description
The normal font weight across all components.
+
Colorwarning-activeThe warning background color variable for the active state.$kendo-font-weight-mediumNumber500500
Colorwarning-emphasisThe emphasized warning color variable.
Description
The medium font weight across all components.
+
Colorwarning-on-subtleThe text color variable for content on warning subtle.$kendo-font-weight-semiboldNumber600600
Coloron-warningThe text color variable for content on warning.
Description
The semibold font weight across all components.
+
Colorwarning-on-surfaceThe text color variable for content on surface.$kendo-font-weight-boldNumber700700
Colorerror-subtleThe error subtle background color variable.
Description
The bold font weight across all components.
+
Colorerror-subtle-hoverThe error subtle background color variable for the hover state.$kendo-font-weight-extra-boldNumber800800
Colorerror-subtle-activeThe error subtle background color variable for the active state.
Description
The extra bold font weight across all components.
+
ColorerrorThe error background color variable.$kendo-font-weight-blackNumber900900
Colorerror-hoverThe error background color variable for the hover state.
Description
The most pronounced font weight across all components.
+
Colorerror-activeThe error background color variable for the active state.$kendo-letter-spacingNullnullnull
Colorerror-emphasisThe emphasized error color variable.
Description
The base letter spacing across all components.
+
Colorerror-on-subtleThe text color variable for content on error subtle.$kendo-letter-spacing-tightestNumber-.15px-0.15px
Coloron-errorThe text color variable for content on error.
Description
The tightest letter spacing across all components.
+
Colorerror-on-surfaceThe text color variable for content on surface.$kendo-letter-spacing-tighterNumber-.10px-0.1px
Colorlight-subtleThe light subtle background color variable.
Description
Slightly looser than the tighter letter spacing across all components.
+
Colorlight-subtle-hoverThe light subtle background color variable for the hover state.$kendo-letter-spacing-tightNumber-.5px-0.5px
Colorlight-subtle-activeThe light subtle background color variable for the active state.
Description
Moderately tight letter spacing across all components.
+
ColorlightThe light background color variable.$kendo-letter-spacing-normalNumber0px0px
Colorlight-hoverThe light background color variable for the hover state.
Description
The normal letter spacing across all components.
+
Colorlight-activeThe light background color variable for the active state.$kendo-letter-spacing-wideNumber.5px0.5px
Colorlight-emphasisThe emphasized light color variable.
Description
Wide letter spacing across all components.
+
Colorlight-on-subtleThe text color variable for content on light subtle.$kendo-letter-spacing-widerNumber.10px0.1px
Coloron-lightThe text color variable for content on light.
Description
Slightly wider than the wide letter spacing across all components.
+
Colorlight-on-surfaceThe text color variable for content on surface.$kendo-letter-spacing-widestNumber.15px0.15px
Colordark-subtleThe dark subtle background color variable.
Description
The widest letter spacing across all components.
+
Colordark-subtle-hoverThe dark subtle background color variable for the hover state.$kendo-font-family-sansListArial, Verdana, Tahoma, "Trebuchet MS", Helvetica, Impact, Gill Sans(Arial, Verdana, Tahoma, "Trebuchet MS", Helvetica, Impact, Gill Sans)
Colordark-subtle-activeThe dark subtle background color variable for the active state.
Description
The sans font family across all components.
+
ColordarkThe dark background color variable.$kendo-font-family-serifList"Times New Roman", Georgia, Garamond, Palatino, Baskerville("Times New Roman", Georgia, Garamond, Palatino, Baskerville)
Colordark-hoverThe dark background color variable for the hover state.
Description
The serif font family across all components.
+
Colordark-activeThe dark background color variable for the active state.$kendo-font-family-sans-serifListsystem-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"(system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji")
Colordark-emphasisThe emphasized dark color variable.
Description
The sans-serif font family across all components.
+
Colordark-on-subtleThe text color variable for content on dark subtle.$kendo-font-family-monospaceListSFMono-Regular, Menlo, Monaco, Consolas, "Roboto Mono", "Ubuntu Mono", "Lucida Console", "Courier New", monospace(SFMono-Regular, Menlo, Monaco, Consolas, "Roboto Mono", "Ubuntu Mono", "Lucida Console", "Courier New", monospace)
Coloron-darkThe text color variable for content on dark.
Description
The monospace font family across all components.
+
Colordark-on-surfaceThe text color variable for content on surface.$kendo-font-familyStringinheritinherit
Colorinverse-subtleThe inverse subtle background color variable.
Description
The base font family across all components.
+
Colorinverse-subtle-hoverThe inverse subtle background color variable for the hover state.$kendo-font-sizesMapmap.merge( $_default-font-sizes, $kendo-font-sizes )
  • xxs: 0.5rem
  • xs: 0.625rem
  • sm: 0.75rem
  • md: 0.875rem
  • lg: 1rem
  • xl: 1.25rem
Colorinverse-subtle-activeThe inverse subtle background color variable for the active state.
Description
The font sizes map
+
ColorinverseThe inverse background color variable.$kendo-line-heightsMapmap.merge( $_default-line-heights, $kendo-line-heights )
  • xs: 1
  • sm: 1.25
  • md: 1.4285714285714286
  • lg: 1.5
Colorinverse-hoverThe inverse background color variable for the hover state.
Description
The line heights map
+
Colorinverse-activeThe inverse background color variable for the active state.$kendo-font-weightsMapmap.merge( $_default-font-weights, $kendo-font-weights )
  • thin: 100
  • extra-light: 200
  • light: 300
  • normal: 400
  • medium: 500
  • semibold: 600
  • bold: 700
Colorinverse-emphasisThe emphasized inverse color variable.
Description
The font weights map
+
Colorinverse-on-subtleThe text color variable for content on inverse subtle.$kendo-letter-spacingsMapmap.merge( $_default-letter-spacings, $kendo-letter-spacings )
  • tightest: -0.15px
  • tighter: -0.1px
  • tight: -0.5px
  • normal: 0px
  • wide: 0.5px
  • wider: 0.1px
  • widest: 0.15px
Coloron-inverseThe text color variable for content on inverse.
Description
The letter spacings map
+
Colorinverse-on-surfaceThe text color variable for content on surface.$kendo-font-familiesMapmap.merge( $_default-font-families, $kendo-font-families )
  • sans: (Arial, Verdana, Tahoma, "Trebuchet MS", Helvetica, Impact, Gill Sans)
  • serif: ("Times New Roman", Georgia, Garamond, Palatino, Baskerville)
  • sans-serif: (system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji")
  • monospace: (SFMono-Regular, Menlo, Monaco, Consolas, "Roboto Mono", "Ubuntu Mono", "Lucida Console", "Courier New", monospace)
Colorseries-aThe series A color variable.
Description
The font families map
+
+ +### Upload + + + + + + + + + + + + + + + + + + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - -
NameTypeDefault valueComputed value
$kendo-upload-border-widthnull
Colorseries-a-boldThe bold series A color variable.
Description
The width of the border around the Upload.
+
Colorseries-a-bolderThe bolder series A color variable.$kendo-upload-font-familynull
Colorseries-a-subtleThe subtle series A color variable.
Description
The font family of the Upload.
+
Colorseries-a-subtlerThe subtler series A color variable.$kendo-upload-font-sizenull
Colorseries-bThe series B color variable.
Description
The font size of the Upload.
+
Colorseries-b-boldThe bold series B color variable.$kendo-upload-line-heightnull
Colorseries-b-bolderThe bolder series B color variable.
Description
The line height of the Upload.
+
Colorseries-b-subtleThe subtle series B color variable.$kendo-upload-max-heightnull
Colorseries-b-subtlerThe subtler series B color variable.
Description
The maximum height of the list with uploaded items.
+
Colorseries-cThe series C color variable.$kendo-upload-textnull
Colorseries-c-boldThe bold series C color variable.
Description
The text color of the Upload.
+
Colorseries-c-bolderThe bolder series C color variable.$kendo-upload-bgnull
Colorseries-c-subtleThe subtle series C color variable.
Description
The background color of the Upload.
+
Colorseries-c-subtlerThe subtler series C color variable.$kendo-upload-bordernull
Colorseries-dThe series D color variable.
Description
The border color of the Upload.
+
Colorseries-d-boldThe bold series D color variable.$kendo-upload-dropzone-padding-xnull
Colorseries-d-bolderThe bolder series D color variable.
Description
The horizontal padding of the Upload dropzone.
+
Colorseries-d-subtleThe subtle series D color variable.$kendo-upload-dropzone-padding-ynull
Colorseries-d-subtlerThe subtler series D color variable.
Description
The vertical padding of the Upload dropzone.
+
Colorseries-eThe series E color variable.$kendo-upload-dropzone-textnull
Colorseries-e-boldThe bold series E color variable.
Description
The text color of the Upload dropzone.
+
Colorseries-e-bolderThe bolder series E color variable.$kendo-upload-dropzone-bgnull
Colorseries-e-subtleThe subtle series E color variable.
Description
The background color of the Upload dropzone.
+
Colorseries-e-subtlerThe subtler series E color variable.$kendo-upload-dropzone-bordernull
Colorseries-fThe series F color variable.
Description
The border color of the Upload dropzone.
+
Colorseries-f-boldThe bold series F color variable.$kendo-upload-dropzone-hover-bgnull
Colorseries-f-bolderThe bolder series F color variable.
Description
The background color of the hovered Upload dropzone.
+
Colorseries-f-subtleThe subtle series F color variable.$kendo-upload-status-textnull
Colorseries-f-subtlerThe subtler series F color variable.
Description
The text color of the Upload status message.
+
- -### Elevation - - - - - - - - - - - - - - - - - - - - - + + + + + - - -
NameTypeDefault valueComputed value
$kendo-elevationMap$_default-elevation
  • 1: (0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12))
  • 2: (0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12))
  • 3: (0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12))
  • 4: (0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12))
  • 5: (0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12))
  • 6: (0 12px 14px rgba(0, 0, 0, 0.2), 0 4px 16px rgba(0, 0, 0, 0.12))
  • 7: (0 14px 16px rgba(0, 0, 0, 0.24), 0 4px 16px rgba(0, 0, 0, 0.12))
  • 8: (0 16px 18px rgba(0, 0, 0, 0.28), 0 4px 16px rgba(0, 0, 0, 0.12))
  • 9: (0 32px 34px rgba(0, 0, 0, 0.32), 0 4px 16px rgba(0, 0, 0, 0.12))
$kendo-upload-status-text-opacitynull
Description
The global default Elevation map.
+
Description
The opacity of the Upload status message.
- -### Palette - - - - - - - - - - - - - - - - - - - - - + + + + + - - - - - + + + + - - - - - + + + + - - - - - + + + + - - - - - + + + + - - - - - + + + + - - - - - + + + + - - - - - + + + + - - - - - + + + + - - - - - + + + + - - - - - + + + + - - - - - + + + + - - -
NameTypeDefault valueComputed value
$kendo-palette-grayMap$_default-palette-gray
  • 1: #fafafa
  • 2: #f5f5f5
  • 3: #ebebeb
  • 4: #e0e0e0
  • 5: #d6d6d6
  • 6: #c2c2c2
  • 7: #adadad
  • 8: #999999
  • 9: #808080
  • 10: #666666
  • 11: #525252
  • 12: #3d3d3d
  • 13: #292929
  • 14: #1f1f1f
  • 15: #141414
  • white: #ffffff
  • black: #000000
$kendo-upload-item-padding-xnull
Description
The Gray Palette provides colors to the Base, Secondary, Light, Dark, and Inverse variable groups.
+
Description
The horizontal padding of an uploaded item.
$kendo-palette-coralMap$_default-palette-coral
  • 1: #fff6f5
  • 2: #ffeceb
  • 3: #ffdedb
  • 4: #ffc8c4
  • 5: #ffb1ac
  • 6: #ff9d97
  • 7: #ff8a82
  • 8: #ff766d
  • 9: #ff6358
  • 10: #ea5a51
  • 11: #d45349
  • 12: #bf4a42
  • 13: #a33f38
  • 14: #80322c
  • 15: #5c201c
$kendo-upload-item-padding-ynull
Description
The Coral Palette provides colors to the Primary and Series A variable groups.
+
Description
The vertical padding of an uploaded item.
$kendo-palette-sky-blueMap$_default-palette-sky-blue
  • 1: #ebf8fe
  • 2: #d8f1fd
  • 3: #c5eafc
  • 4: #a3dffb
  • 5: #81d4fA
  • 6: #61c9f9
  • 7: #42bff7
  • 8: #22b3f5
  • 9: #03a9f4
  • 10: #039ae0
  • 11: #028ccb
  • 12: #027fb7
  • 13: #026999
  • 14: #02557a
  • 15: #023f5c
$kendo-upload-multiple-items-spacingnull
Description
The Sky Blue Palette provides colors to the Tertiary variable group.
+
Description
The vertical spacing between uploaded batch items.
$kendo-palette-greenMap$_default-palette-green
  • 1: #edf8e9
  • 2: #dcf0d3
  • 3: #cbe9bf
  • 4: #b7e1a5
  • 5: #9bda80
  • 6: #81d15f
  • 7: #69c740
  • 8: #4ebe1f
  • 9: #37b400
  • 10: #32a500
  • 11: #2d9600
  • 12: #298700
  • 13: #227100
  • 14: #1c5a00
  • 15: #1c5a00
$kendo-upload-validation-font-sizenull
Description
The Green Palette provides colors to the Success variable group.
+
Description
The font size of the Upload validation message.
$kendo-palette-blueMap$_default-palette-blue
  • 1: #e9f0fd
  • 2: #d2e2fb
  • 3: #bdd4f8
  • 4: #9ec0f6
  • 5: #80acf4
  • 6: #6098f2
  • 7: #4082ef
  • 8: #206eec
  • 9: #0058e9
  • 10: #0052d6
  • 11: #004ac2
  • 12: #0042af
  • 13: #003892
  • 14: #002c75
  • 15: #002259
$kendo-upload-validation-line-heightnull
Description
The Blue Palette provides colors to the Info variable group.
+
Description
The line height of the Upload validation message.
$kendo-palette-yellowMap$_default-palette-yellow
  • 1: #fffae9
  • 2: #fff4d3
  • 3: #ffeebd
  • 4: #ffe79e
  • 5: #ffe080
  • 6: #ffd760
  • 7: #ffd040
  • 8: #ffc720
  • 9: #ffc000
  • 10: #eaaf00
  • 11: #d49f00
  • 12: #bf9000
  • 13: #a07800
  • 14: #806000
  • 15: #5e4700
$kendo-upload-icon-spacingnull
Description
The Yellow Palette provides colors to the Warning variable group.
+
Description
The horizontal spacing of the Upload status icon.
$kendo-palette-redMap$_default-palette-red
  • 1: #feeeed
  • 2: #fcddda
  • 3: #fbc8c3
  • 4: #faaaa2
  • 5: #f98b80
  • 6: #f76f60
  • 7: #f65140
  • 8: #f43520
  • 9: #f31700
  • 10: #df1600
  • 11: #ca1400
  • 12: #b61100
  • 13: #980f00
  • 14: #7a0c00
  • 15: #7a0c00
$kendo-upload-icon-colornull
Description
The Red Palette provides colors to the Error variable group.
+
Description
The color of the uploaded items icon.
$kendo-palette-lemon-yellowMap$_default-palette-lemon-yellow
  • 1: #fffcf1
  • 2: #fffae2
  • 3: #fff7d4
  • 4: #fff4c2
  • 5: #fff0b1
  • 6: #ffed9d
  • 7: #ffe989
  • 8: #ffe676
  • 9: #ffe162
  • 10: #ead05a
  • 11: #d4bc52
  • 12: #bfa94a
  • 13: #a3913f
  • 14: #807131
  • 15: #5c5223
$kendo-upload-progress-thicknessnull
Description
The Lemon Yellow Palette provides colors to the Series B variable group.
+
Description
The thickness of the Upload progress bar.
$kendo-palette-spring-greenMap$_default-palette-spring-green
  • 1: #effaf3
  • 2: #e0f6e8
  • 3: #d1f1dd
  • 4: #c0edd1
  • 5: #a6e8c0
  • 6: #8fe2af
  • 7: #79dda0
  • 8: #62d78f
  • 9: #4cd180
  • 10: #46c074
  • 11: #3fae6a
  • 12: #399d60
  • 13: #2f834f
  • 14: #266940
  • 15: #1c4f30
$kendo-upload-progress-bgnull
Description
The Spring Green Palette provides colors to the Series C variable group.
+
Description
The background color of the Upload progress bar.
$kendo-palette-royal-blueMap$_default-palette-royal-blue
  • 1: #f0f2ff
  • 2: #e1e4fe
  • 3: #d2d7fe
  • 4: #bbc3fd
  • 5: #a5affd
  • 6: #8e9bfc
  • 7: #7887fb
  • 8: #6173fb
  • 9: #4b5ffa
  • 10: #4558e5
  • 11: #3f50d1
  • 12: #3847bc
  • 13: #2f3c9d
  • 14: #26307d
  • 15: #1c245e
$kendo-upload-success-textnull
Description
The Royal Blue Palette provides colors to the Series D variable group.
+
Description
The success text color of the Upload.
$kendo-palette-lavender-purpleMap$_default-palette-lavender-purple
  • 1: #f7f0ff
  • 2: #f0e0ff
  • 3: #e8d1ff
  • 4: #dfbfff
  • 5: #d6acff
  • 6: #cc97ff
  • 7: #c182ff
  • 8: #b76dff
  • 9: #ac58ff
  • 10: #9e51ea
  • 11: #8f49d4
  • 12: #8142bf
  • 13: #6b37a0
  • 14: #562c80
  • 15: #3f205e
$kendo-upload-success-bgnull
Description
The Lavender Purple Palette provides colors to the Series E variable group.
+
Description
The success background color of the Upload progress bar.
$kendo-palette-flamingo-pinkMap$_default-palette-flamingo-pink
  • 1: #fff0f5
  • 2: #ffe1eb
  • 3: #ffd1e1
  • 4: #ffbfd6
  • 5: #ffacc9
  • 6: #ff97bb
  • 7: #ff82ae
  • 8: #ff6da0
  • 9: #ff5892
  • 10: #ea5186
  • 11: #d4497a
  • 12: #bf426e
  • 13: #a0375c
  • 14: #802c49
  • 15: #5e2036
$kendo-upload-error-textnull
Description
The Flamingo Pink Palette provides colors to the Series F variable group.
+
Description
The error text color of the Upload.
- -### Spacing - - - - - - - - - - - - - - - - - - - - - + + + + + - + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-spacingMap$_default-spacing
  • 0: 0px
  • 1: 0.25rem
  • 2: 0.5rem
  • 3: 0.75rem
  • 4: 1rem
  • 5: 1.25rem
  • 6: 1.5rem
  • 7: 1.75rem
  • 8: 2rem
  • 9: 2.25rem
  • 10: 2.5rem
  • 11: 2.75rem
  • 12: 3rem
  • 13: 3.25rem
  • 14: 3.5rem
  • 15: 3.75rem
  • 16: 4rem
  • 17: 4.25rem
  • 18: 4.5rem
  • 19: 4.75rem
  • 20: 5rem
  • 21: 5.25rem
  • 22: 5.5rem
  • 23: 5.75rem
  • 24: 6rem
  • 25: 7rem
  • 26: 8rem
  • 27: 9rem
  • 28: 10rem
  • 29: 11rem
  • 30: 12rem
  • 1px: 1px
  • 0.5: 0.125rem
  • 1.5: 0.375rem
  • 2.5: 0.625rem
  • 3.5: 0.875rem
  • 4.5: 1.125rem
  • 5.5: 1.375rem
  • 6.5: 1.625rem
  • 7.5: 1.875rem
$kendo-upload-error-bgnull
Description
The global default Spacing map.
+
Description
The error background color of the Upload progress bar.
+
$kendo-upload-focus-shadownull
Description
The shadow of the focused Upload button, actions and uploaded items.
-### Typography +### Window @@ -5190,413 +34600,423 @@ The following table lists the available variables for customizing the Theme Core - - - - - - - - - - - - - + + + + - - - - - + + + + - - - - - + + + + - - - - - + + + + - - - - - + + + + - - - - - + + + + - - - - - + + + + - - - - - + + + + - - - - - + + + + - - - - - + + + + - - - - - - + + + + + - - - - - + + + + - - - - - + + + + - - - - - + + + + - - - - - + + + + - - - - - + + + + - - - - - + + + + - - - - - + + + + - - - - - + + + + - - - - - + + + + - - - - - + + + + - - - - - + + + + - - - - + + + - - - - - + + + + - - - - - + + + + - - - - - + + + + - - - - - + + + + - - - - - + + + + - - - - - + + + + - - - - - + + + + - - - - - - + +
$kendo-font-sizeNumber0.875rem0.875rem
Description
The base font size across all components.
-
$kendo-font-size-xxsNumber0.5rem0.5rem$kendo-window-border-widthnull
Description
The extra extra small font size across all components.
+
Description
The width of the border around the Window.
$kendo-font-size-xsNumber0.625rem0.625rem$kendo-window-border-radiusnull
Description
The extra small font size across all components.
+
Description
The border radius of the Window.
$kendo-font-size-smNumber0.75rem0.75rem$kendo-window-font-familynull
Description
The small font size across all components.
+
Description
The font family of the Window.
$kendo-font-size-mdNumber$kendo-font-size0.875rem$kendo-window-font-sizenull
Description
The medium font size across all components.
+
Description
The font size of the Window.
$kendo-font-size-lgNumber1rem1rem$kendo-window-line-heightnull
Description
The large font size across all components.
+
Description
The line height of the Window.
$kendo-font-size-xlNumber1.25rem1.25rem$kendo-window-titlebar-padding-xnull
Description
The extra large font size across all components.
+
Description
The horizontal padding of the Window titlebar.
$kendo-line-heightNumbermath.div( 20, 14 )1.4285714286$kendo-window-titlebar-padding-ynull
Description
The base line height across all components.
+
Description
The vertical padding of the Window titlebar.
$kendo-line-height-xsNumber11$kendo-window-titlebar-border-widthnull
Description
The extra small line height across all components.
+
Description
The width of the border of the Window titlebar.
$kendo-line-height-smNumber1.251.25$kendo-window-titlebar-border-stylenull
Description
The small line height across all components.
+
Description
The style of the border of the Window titlebar.
$kendo-line-height-mdNumber$kendo-line-height1.4285714286$kendo-window-title-font-sizenull
Description
The medium line height across all components.
+
Description
The font size of the title of the Window.
$kendo-line-height-lgNumber1.51.5
$kendo-window-title-line-heightnull
Description
The large line height across all components.
+
Description
The line height of the title of the Window.
$kendo-line-height-emCalculationcalc( #{$kendo-line-height-md} * 1em )calc(1.4285714286 * 1em)$kendo-window-actions-gapnull
Description
The base line height in ems across all components.
+
Description
The spacing between the buttons in the Window titlebar.
$kendo-font-weightNumber400400$kendo-window-action-opacitynull
Description
The base font weight across all components.
+
Description
The opacity of the buttons in the Window titlebar.
$kendo-font-weight-thinNumber100100$kendo-window-action-hover-opacitynull
Description
The thin font weight across all components.
+
Description
The opacity of the hovered buttons in the Window titlebar.
$kendo-font-weight-extra-lightNumber200200$kendo-window-inner-padding-xnull
Description
The extra light font weight across all components.
+
Description
The horizontal padding of the content of the Window.
$kendo-font-weight-lightNumber300300$kendo-window-inner-padding-ynull
Description
The light font weight across all components.
+
Description
The vertical padding of the content of the Window.
$kendo-font-weight-normalNumber$kendo-font-weight400$kendo-window-buttongroup-padding-xnull
Description
The normal font weight across all components.
+
Description
The horizontal padding of the Window action buttons.
$kendo-font-weight-mediumNumber500500$kendo-window-buttongroup-padding-ynull
Description
The medium font weight across all components.
+
Description
The vertical padding of the Window action buttons.
$kendo-font-weight-semiboldNumber600600$kendo-window-buttongroup-border-widthnull
Description
The semibold font weight across all components.
+
Description
The width of the top border of the Window action buttons.
$kendo-font-weight-boldNumber700700$kendo-window-bgnull
Description
The bold font weight across all components.
+
Description
The background color of the Window.
$kendo-font-weight-extra-boldNumber800800$kendo-window-textnull
Description
The extra bold font weight across all components.
+
Description
The text color of the Window.
$kendo-font-weight-blackNumber900900$kendo-window-bordernull
Description
The most pronounced font weight across all components.
+
Description
The border color of the Window.
$kendo-letter-spacingNullnull$kendo-window-shadow null
Description
The base letter spacing across all components.
+
Description
The box shadow of the Window.
$kendo-letter-spacing-tightestNumber-.15px-0.15px$kendo-window-focus-shadownull
Description
The tightest letter spacing across all components.
+
Description
The box shadow of the focused Window.
$kendo-letter-spacing-tighterNumber-.10px-0.1px$kendo-window-titlebar-bgnull
Description
Slightly looser than the tighter letter spacing across all components.
+
Description
The background color of the Window titlebar.
$kendo-letter-spacing-tightNumber-.5px-0.5px$kendo-window-titlebar-textnull
Description
Moderately tight letter spacing across all components.
+
Description
The text color of the Window titlebar.
$kendo-letter-spacing-normalNumber0px0px$kendo-window-titlebar-bordernull
Description
The normal letter spacing across all components.
+
Description
The border color of the Window titlebar.
$kendo-letter-spacing-wideNumber.5px0.5px$kendo-window-titlebar-gradientnull
Description
Wide letter spacing across all components.
+
Description
The background gradient of the Window titlebar.
$kendo-letter-spacing-widerNumber.10px0.1px$kendo-window-sizesnull
Description
Slightly wider than the wide letter spacing across all components.
+
Description
The map of the width for the different Window sizes.
$kendo-letter-spacing-widestNumber.15px0.15px$kendo-window-theme-colorsnull
Description
The widest letter spacing across all components.
+
Description
The theme colors map for the Window.
$kendo-font-family-sansListArial, Verdana, Tahoma, "Trebuchet MS", Helvetica, Impact, Gill Sans(Arial, Verdana, Tahoma, "Trebuchet MS", Helvetica, Impact, Gill Sans)
+ +### Wizard + + + + + + + + + + + + + + + + + + + + + - - - - - + + + + - - - - - + + + + - - - - - + + + + - - - - - + + + + - - - - - + + + + - - - - - + + + + - - - - - + + + + - - - - - + + + + - - - - - + + + + - diff --git a/packages/default/docs/customization-common.md b/packages/default/docs/customization-common.md index a11e9d52be5..cc4ac1b6b28 100644 --- a/packages/default/docs/customization-common.md +++ b/packages/default/docs/customization-common.md @@ -37,16 +37,6 @@ The following table lists the available variables for customization. - - - - - - - - - diff --git a/packages/default/docs/customization-input.md b/packages/default/docs/customization-input.md index 98d8211e2e0..1f4ddb42a0b 100644 --- a/packages/default/docs/customization-input.md +++ b/packages/default/docs/customization-input.md @@ -822,26 +822,6 @@ The following table lists the available variables for customization. - - - - - - - - - - - - - - - - - - diff --git a/packages/default/docs/customization-pdf-viewer.md b/packages/default/docs/customization-pdf-viewer.md index 8ef46b2c911..bf4b4873250 100644 --- a/packages/default/docs/customization-pdf-viewer.md +++ b/packages/default/docs/customization-pdf-viewer.md @@ -427,16 +427,6 @@ The following table lists the available variables for customization. - - - - - - - - -
NameTypeDefault valueComputed value
$kendo-wizard-padding-xnull
Description
The sans font family across all components.
+
Description
The horizontal padding of the Wizard.
$kendo-font-family-serifList"Times New Roman", Georgia, Garamond, Palatino, Baskerville("Times New Roman", Georgia, Garamond, Palatino, Baskerville)$kendo-wizard-padding-ynull
Description
The serif font family across all components.
+
Description
The vertical padding of the Wizard.
$kendo-font-family-sans-serifListsystem-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"(system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji")$kendo-wizard-content-padding-xnull
Description
The sans-serif font family across all components.
+
Description
The horizontal padding of the Wizard content.
$kendo-font-family-monospaceListSFMono-Regular, Menlo, Monaco, Consolas, "Roboto Mono", "Ubuntu Mono", "Lucida Console", "Courier New", monospace(SFMono-Regular, Menlo, Monaco, Consolas, "Roboto Mono", "Ubuntu Mono", "Lucida Console", "Courier New", monospace)$kendo-wizard-content-padding-ynull
Description
The monospace font family across all components.
+
Description
The vertical padding of the Wizard content.
$kendo-font-familyStringinheritinherit$kendo-wizard-buttons-margin-xnull
Description
The base font family across all components.
+
Description
The horizontal margin of the Wizard's Button container.
$kendo-font-sizesMapmap.merge( $_default-font-sizes, $kendo-font-sizes )
  • xxs: 0.5rem
  • xs: 0.625rem
  • sm: 0.75rem
  • md: 0.875rem
  • lg: 1rem
  • xl: 1.25rem
$kendo-wizard-border-widthnull
Description
The font sizes map
+
Description
The border width of the Wizard.
$kendo-line-heightsMapmap.merge( $_default-line-heights, $kendo-line-heights )
  • xs: 1
  • sm: 1.25
  • md: 1.4285714285714286
  • lg: 1.5
$kendo-wizard-font-sizenull
Description
The line heights map
+
Description
The font size of the Wizard.
$kendo-font-weightsMapmap.merge( $_default-font-weights, $kendo-font-weights )
  • thin: 100
  • extra-light: 200
  • light: 300
  • normal: 400
  • medium: 500
  • semibold: 600
  • bold: 700
$kendo-wizard-line-heightnull
Description
The font weights map
+
Description
The line height of the Wizard.
$kendo-letter-spacingsMapmap.merge( $_default-letter-spacings, $kendo-letter-spacings )
  • tightest: -0.15px
  • tighter: -0.1px
  • tight: -0.5px
  • normal: 0px
  • wide: 0.5px
  • wider: 0.1px
  • widest: 0.15px
$kendo-wizard-font-familynull
Description
The letter spacings map
+
Description
The font family of the Wizard.
$kendo-font-familiesMapmap.merge( $_default-font-families, $kendo-font-families )
  • sans: (Arial, Verdana, Tahoma, "Trebuchet MS", Helvetica, Impact, Gill Sans)
  • serif: ("Times New Roman", Georgia, Garamond, Palatino, Baskerville)
  • sans-serif: (system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji")
  • monospace: (SFMono-Regular, Menlo, Monaco, Consolas, "Roboto Mono", "Ubuntu Mono", "Lucida Console", "Courier New", monospace)
$kendo-wizard-step-focus-bordernull
Description
The font families map
+
Description
The outline of the focused Wizard step.
Description
Box shadow of focused items.
$kendo-transitionListcolor .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out, box-shadow .2s ease-in-out(color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out)
Description
Transition used across all components.
-
$kendo-disabled-bg Null
Description
The text color of the Input suffix.
$kendo-input-prefix-textString$kendo-subtle-textvar(--kendo-color-subtle, #666666)
Description
The text color of the Input prefix.
-
$kendo-input-suffix-textString$kendo-subtle-textvar(--kendo-color-subtle, #666666)
Description
The text color of the Input suffix.
-
$kendo-input-invalid-border String
Description
The text color of the PDFViewer free text annotation.
$kendo-pdf-viewer-free-text-annotation-textColorrgba(124, 22, 27, 0.7)rgba(124, 22, 27, 0.5)
Description
The text color of the PDFViewer free text annotation.
-
diff --git a/packages/default/docs/customization.md b/packages/default/docs/customization.md index d5400b4d763..b16cafaba84 100644 --- a/packages/default/docs/customization.md +++ b/packages/default/docs/customization.md @@ -41,16 +41,6 @@ The following table lists the available variables for customizing the Default th
Description
Box shadow of focused items.
- - $kendo-transition - List - color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out, box-shadow .2s ease-in-out - (color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out) - - -
Description
Transition used across all components.
- - $kendo-disabled-bg Null @@ -13891,26 +13881,6 @@ The following table lists the available variables for customizing the Default th
Description
The text color of the Input suffix.
- - $kendo-input-prefix-text - String - $kendo-subtle-text - var(--kendo-color-subtle, #666666) - - -
Description
The text color of the Input prefix.
- - - - $kendo-input-suffix-text - String - $kendo-subtle-text - var(--kendo-color-subtle, #666666) - - -
Description
The text color of the Input suffix.
- - $kendo-input-invalid-border String @@ -17540,16 +17510,6 @@ The following table lists the available variables for customizing the Default th
Description
The text color of the PDFViewer free text annotation.
- - $kendo-pdf-viewer-free-text-annotation-text - Color - rgba(124, 22, 27, 0.7) - rgba(124, 22, 27, 0.5) - - -
Description
The text color of the PDFViewer free text annotation.
- - diff --git a/packages/fluent/docs/customization-appbar.md b/packages/fluent/docs/customization-appbar.md index 2963d1f46a3..539be26b6b4 100644 --- a/packages/fluent/docs/customization-appbar.md +++ b/packages/fluent/docs/customization-appbar.md @@ -184,6 +184,76 @@ The following table lists the available variables for customization.
Description
The theme colors map for the AppBar variations.
+ + $kendo-appbar-gap + + null + + + +
Description
The spacing between the AppBar sections.
+ + + + $kendo-appbar-light-bg + + null + + + +
Description
The background color of the AppBar based on light theme color.
+ + + + $kendo-appbar-light-text + + null + + + +
Description
The text color of the AppBar based on light theme color.
+ + + + $kendo-appbar-dark-bg + + null + + + +
Description
The background color of the AppBar based on dark theme color.
+ + + + $kendo-appbar-dark-text + + null + + + +
Description
The text color of the AppBar based on dark theme color.
+ + + + $kendo-appbar-box-shadow + + null + + + +
Description
The box shadow of the AppBar.
+ + + + $kendo-appbar-bottom-box-shadow + + null + + + +
Description
The box shadow of the AppBar with bottom position.
+ + diff --git a/packages/fluent/docs/customization-badge.md b/packages/fluent/docs/customization-badge.md index b7b7f3e4614..3be4b47c93d 100644 --- a/packages/fluent/docs/customization-badge.md +++ b/packages/fluent/docs/customization-badge.md @@ -286,6 +286,66 @@ The following table lists the available variables for customization.
Description
The theme colors map for the Badge variations.
+ + $kendo-badge-border-radius + + null + + + +
Description
The border radius of the Badge.
+ + + + $kendo-badge-padding-x + + null + + + +
Description
The horizontal padding of the Badge.
+ + + + $kendo-badge-padding-y + + null + + + +
Description
The vertical padding of the Badge.
+ + + + $kendo-badge-font-size + + null + + + +
Description
The font sizes of the Badge.
+ + + + $kendo-badge-line-height + + null + + + +
Description
The line heights used along with the $kendo-font-size variable.
+ + + + $kendo-badge-min-width + + null + + + +
Description
The calculated minimum width of the circular Badge.
+ + diff --git a/packages/fluent/docs/customization-bottom-navigation.md b/packages/fluent/docs/customization-bottom-navigation.md index d715dc32e33..0096e36ceed 100644 --- a/packages/fluent/docs/customization-bottom-navigation.md +++ b/packages/fluent/docs/customization-bottom-navigation.md @@ -244,6 +244,36 @@ The following table lists the available variables for customization.
Description
The theme colors map for the BottomNavigation variations.
+ + $kendo-bottom-nav-flat-text + + null + + + +
Description
The text color of the flat BottomNavigation.
+ + + + $kendo-bottom-nav-flat-bg + + null + + + +
Description
The background color of the flat BottomNavigation.
+ + + + $kendo-bottom-nav-flat-border + + null + + + +
Description
The border color of the flat BottomNavigation.
+ + diff --git a/packages/fluent/docs/customization-breadcrumb.md b/packages/fluent/docs/customization-breadcrumb.md index 998ad73c2fe..62df316befc 100644 --- a/packages/fluent/docs/customization-breadcrumb.md +++ b/packages/fluent/docs/customization-breadcrumb.md @@ -762,6 +762,66 @@ The following table lists the available variables for customization.
Description
The sizes map for the Breadcrumb.
+ + $kendo-breadcrumb-link-icon-spacing + String + null + var(--kendo-icon-spacing, var(--kendo-spacing-2, 0.5rem)) + + +
Description
The spacing of the Breadcrumb link icon.
+ + + + $kendo-breadcrumb-link-focus-border + + null + + + +
Description
The border color of the focused Breadcrumb link.
+ + + + $kendo-breadcrumb-root-link-focus-border + + null + + + +
Description
The border color of the focused Breadcrumb root link.
+ + + + $kendo-breadcrumb-current-item-bg + Null + null + null + + +
Description
The background color of the current Breadcrumb root link.
+ + + + $kendo-breadcrumb-current-item-text + Null + null + null + + +
Description
The text color of the current Breadcrumb root link.
+ + + + $kendo-breadcrumb-current-item-border + Null + null + null + + +
Description
The border color of the current Breadcrumb root link.
+ + diff --git a/packages/fluent/docs/customization-button.md b/packages/fluent/docs/customization-button.md index b9e668b9aac..c55eae70bd5 100644 --- a/packages/fluent/docs/customization-button.md +++ b/packages/fluent/docs/customization-button.md @@ -326,6 +326,416 @@ The following table lists the available variables for customization.
Description
The theme colors map for the Button.
+ + $kendo-button-border-radius + + null + + + +
Description
The border radius of the Button.
+ + + + $kendo-button-padding-x + + null + + + +
Description
The horizontal padding of the Button.
+ + + + $kendo-button-padding-y + + null + + + +
Description
The vertical padding of the Button.
+ + + + $kendo-button-font-size + + null + + + +
Description
The font size of the Button.
+ + + + $kendo-button-line-height + + null + + + +
Description
The line height used along with the $kendo-font-size the.
+ + + + $kendo-button-bg + + null + + + +
Description
The base background of the Button.
+ + + + $kendo-button-text + + null + + + +
Description
The base text color of the Button.
+ + + + $kendo-button-border + + null + + + +
Description
The base border color of the Button.
+ + + + $kendo-button-gradient + + null + + + +
Description
The base background gradient of the Button.
+ + + + $kendo-button-shadow + + null + + + +
Description
The base shadow of the Button.
+ + + + $kendo-button-hover-bg + + null + + + +
Description
The base background of the hovered Button.
+ + + + $kendo-button-hover-text + + null + + + +
Description
The base text color of the hovered Button.
+ + + + $kendo-button-hover-border + + null + + + +
Description
The base border color of the hovered Button.
+ + + + $kendo-button-hover-gradient + + null + + + +
Description
The base background gradient of the hovered Button.
+ + + + $kendo-button-hover-shadow + + null + + + +
Description
The base shadow of the hovered Button.
+ + + + $kendo-button-active-bg + + null + + + +
Description
The base background color of the active Button.
+ + + + $kendo-button-active-text + + null + + + +
Description
The base text color of the active Button.
+ + + + $kendo-button-active-border + + null + + + +
Description
The base border color of the active Button.
+ + + + $kendo-button-active-gradient + + null + + + +
Description
The base background gradient of the active Button.
+ + + + $kendo-button-active-shadow + + null + + + +
Description
The base shadow of the active Button.
+ + + + $kendo-button-selected-bg + + null + + + +
Description
The base background color of the selected Button.
+ + + + $kendo-button-selected-text + + null + + + +
Description
The text color of the selected Button.
+ + + + $kendo-button-selected-border + + null + + + +
Description
The border color of the selected Button.
+ + + + $kendo-button-selected-gradient + + null + + + +
Description
The background gradient of the selected Button.
+ + + + $kendo-button-selected-shadow + + null + + + +
Description
The base shadow of the selected Button.
+ + + + $kendo-button-focus-bg + + null + + + +
Description
The base background of the focused Button.
+ + + + $kendo-button-focus-text + + null + + + +
Description
The base text color of the focused Button.
+ + + + $kendo-button-focus-border + + null + + + +
Description
The base border color of the focused Button.
+ + + + $kendo-button-focus-gradient + + null + + + +
Description
The base background gradient of the focused Button.
+ + + + $kendo-button-focus-shadow + + null + + + +
Description
The base shadow of the focused Button.
+ + + + $kendo-button-disabled-bg + + null + + + +
Description
The base background of the disabled Button.
+ + + + $kendo-button-disabled-text + + null + + + +
Description
The base text color of the disabled Button.
+ + + + $kendo-button-disabled-border + + null + + + +
Description
The base border color of the disabled Button.
+ + + + $kendo-button-disabled-gradient + + null + + + +
Description
The base background gradient of the disabled Button.
+ + + + $kendo-button-disabled-shadow + + null + + + +
Description
The base shadow of the disabled Button.
+ + + + $kendo-flat-button-hover-opacity + + null + + + +
Description
The overlay opacity of the hovered flat Button. Used to create a background for the flat Button.
+ + + + $kendo-flat-button-focus-opacity + + null + + + +
Description
The overlay opacity of the focused flat Button. Used to create a background for the flat Button.
+ + + + $kendo-flat-button-active-opacity + + null + + + +
Description
The overlay opacity of the active flat Button. Used to create background for the flat Button.
+ + + + $kendo-flat-button-selected-opacity + + null + + + +
Description
The overlay opacity of the selected flat Button. Used to create background for the flat Button.
+ + + + $kendo-flat-button-focus-ring-opacity + + null + + + +
Description
The opacity of the flat Button focus ring. Used to create a border for the flat Button.
+ + + + $kendo-button-transition + + null + + + +
Description
The color transition of the flat Button.
+ + diff --git a/packages/fluent/docs/customization-calendar.md b/packages/fluent/docs/customization-calendar.md index 0a16818010c..629c3dcc166 100644 --- a/packages/fluent/docs/customization-calendar.md +++ b/packages/fluent/docs/customization-calendar.md @@ -1062,6 +1062,146 @@ The following table lists the available variables for customization.
Description
The sizes Map of the Calendar.
+ + $kendo-calendar-header-gradient + + null + + + +
Description
The gradient of the header in the Calendar.
+ + + + $kendo-calendar-header-shadow + + null + + + +
Description
The shadow of the header in the Calendar.
+ + + + $kendo-calendar-header-cell-opacity + + null + + + +
Description
The opacity of the header cells in the Calendar.
+ + + + $kendo-calendar-week-number-font-size + + null + + + +
Description
The font size of the week number cells in the Calendar.
+ + + + $kendo-calendar-today-style + + null + + + +
Description
The style of the current day in the Calendar.
+ + + + $kendo-calendar-today-color + + null + + + +
Description
The color of the current day in the Calendar.
+ + + + $kendo-calendar-cell-border + + null + + + +
Description
The border color of the cells in the Calendar.
+ + + + $kendo-calendar-cell-gradient + + null + + + +
Description
The gradient of the cells in the Calendar.
+ + + + $kendo-calendar-cell-hover-border + + null + + + +
Description
The border color of the hovered cells in the Calendar.
+ + + + $kendo-calendar-cell-hover-gradient + + null + + + +
Description
The gradient of the hovered cells in the Calendar.
+ + + + $kendo-calendar-cell-selected-gradient + + null + + + +
Description
The gradient of the selected cells in the Calendar.
+ + + + $kendo-calendar-cell-selected-hover-border + + null + + + +
Description
The border color of the selected and hovered cells in the Calendar.
+ + + + $kendo-calendar-cell-selected-hover-gradient + + null + + + +
Description
The gradient of the selected and hovered cells in the Calendar.
+ + + + $kendo-calendar-range-cell-border-radius + + null + + + +
Description
The border radius of the range cells in the Multiview Calendar.
+ + diff --git a/packages/fluent/docs/customization-captcha.md b/packages/fluent/docs/customization-captcha.md index 97fa343c5b3..732b03895d1 100644 --- a/packages/fluent/docs/customization-captcha.md +++ b/packages/fluent/docs/customization-captcha.md @@ -157,6 +157,66 @@ The following table lists the available variables for customization.
Description
The font size of the Captcha validation message.
+ + $kendo-captcha-gap + + null + + + +
Description
The gap of the Captcha.
+ + + + $kendo-captcha-image-wrap-gap + + null + + + +
Description
The gap of the Captcha image wrapper.
+ + + + $kendo-captcha-image-controls-gap + + null + + + +
Description
The gap of the Captcha image controls.
+ + + + $kendo-captcha-validation-message-margin-top + + null + + + +
Description
The top margin of the Captcha validation message.
+ + + + $kendo-captcha-validation-message-font-size + + null + + + +
Description
The font size of the Captcha validation message.
+ + + + $kendo-captcha-validation-message-font-style + + null + + + +
Description
The font style of the Captcha validation message.
+ + diff --git a/packages/fluent/docs/customization-card.md b/packages/fluent/docs/customization-card.md index e2c1d345990..3e48110bb2e 100644 --- a/packages/fluent/docs/customization-card.md +++ b/packages/fluent/docs/customization-card.md @@ -577,6 +577,56 @@ The following table lists the available variables for customization.
Description
The size of the Card callout.
+ + $kendo-card-title-letter-spacing + + null + + + +
Description
The letter spacing of the Card title.
+ + + + $kendo-card-subtitle-font-weight + + null + + + +
Description
The font weight of the Card subtitle.
+ + + + $kendo-card-subtitle-letter-spacing + + null + + + +
Description
The letter spacing of the Card subtitle.
+ + + + $kendo-card-callout-width + + null + + + +
Description
The width of the Card callout.
+ + + + $kendo-card-callout-height + + null + + + +
Description
The height of the Card callout.
+ + diff --git a/packages/fluent/docs/customization-chat.md b/packages/fluent/docs/customization-chat.md index 1bde6a7743f..14843299d95 100644 --- a/packages/fluent/docs/customization-chat.md +++ b/packages/fluent/docs/customization-chat.md @@ -737,6 +737,36 @@ The following table lists the available variables for customization.
Description
The outline style of the focused Chat quick reply.
+ + $kendo-chat-quick-reply-shadow-blur + + null + + + +
Description
The shadow blur of the focused Chat quick reply.
+ + + + $kendo-chat-quick-reply-shadow-spread + + null + + + +
Description
The shadow spread of the focused Chat quick reply.
+ + + + $kendo-chat-quick-reply-shadow-opacity + + null + + + +
Description
The shadow opacity of the focused Chat quick reply.
+ + diff --git a/packages/fluent/docs/customization-checkbox.md b/packages/fluent/docs/customization-checkbox.md index 2e7edae3c58..e1fefae4577 100644 --- a/packages/fluent/docs/customization-checkbox.md +++ b/packages/fluent/docs/customization-checkbox.md @@ -547,6 +547,116 @@ The following table lists the available variables for customization.
Description
The opacity of the CheckBox' ripple.
+ + $kendo-checkbox-sm-size + + null + + + +
Description
The size of a small CheckBox.
+ + + + $kendo-checkbox-md-size + + null + + + +
Description
The size of a medium CheckBox.
+ + + + $kendo-checkbox-lg-size + + null + + + +
Description
The size of a large CheckBox.
+ + + + $kendo-checkbox-sm-glyph-size + + null + + + +
Description
The glyph size of a small CheckBox.
+ + + + $kendo-checkbox-md-glyph-size + + null + + + +
Description
The glyph size of a medium CheckBox.
+ + + + $kendo-checkbox-lg-glyph-size + + null + + + +
Description
The glyph size of a large CheckBox.
+ + + + $kendo-checkbox-sm-ripple-size + + null + + + +
Description
The ripple size of a small CheckBox.
+ + + + $kendo-checkbox-md-ripple-size + + null + + + +
Description
The ripple size of a medium CheckBox.
+ + + + $kendo-checkbox-lg-ripple-size + + null + + + +
Description
The ripple size of a large CheckBox.
+ + + + $kendo-checkbox-focus-checked-border + + null + + + +
Description
The border color of the focused and checked CheckBox.
+ + + + $kendo-checkbox-focus-checked-shadow + + null + + + +
Description
The box shadow of the focused and checked CheckBox.
+ + diff --git a/packages/fluent/docs/customization-chip.md b/packages/fluent/docs/customization-chip.md index 5d91bb961f9..d6b53b35562 100644 --- a/packages/fluent/docs/customization-chip.md +++ b/packages/fluent/docs/customization-chip.md @@ -340,6 +340,246 @@ The following table lists the available variables for customization.
Description
The sizes of the Chip list.
+ + $kendo-chip-padding-x + + null + + + +
Description
The horizontal padding of the Chip.
+ + + + $kendo-chip-padding-y + + null + + + +
Description
The vertical padding of the Chip.
+ + + + $kendo-chip-font-size + + null + + + +
Description
The font size of the Chip.
+ + + + $kendo-chip-line-height + + null + + + +
Description
The Chip's line height that is related to the $kendo-font-size.
+ + + + $kendo-chip-base-bg + + null + + + +
Description
The base background of the Chip.
+ + + + $kendo-chip-solid-bg + + null + + + +
Description
The base background color of the solid Chip.
+ + + + $kendo-chip-solid-text + + null + + + +
Description
The base text color of the solid Chip.
+ + + + $kendo-chip-solid-border + + null + + + +
Description
The base border color of the solid Chip.
+ + + + $kendo-chip-solid-shadow + + null + + + +
Description
The base shadow of the solid Chip.
+ + + + $kendo-chip-solid-gradient + + null + + + +
Description
The base gradient of the solid Chip.
+ + + + $kendo-chip-solid-focus-bg + + null + + + +
Description
The base background color of the focused solid Chip.
+ + + + $kendo-chip-solid-focus-text + + null + + + +
Description
The base text color of the focused solid Chip.
+ + + + $kendo-chip-solid-hover-bg + + null + + + +
Description
The base background color of the hovered solid Chip.
+ + + + $kendo-chip-solid-hover-text + + null + + + +
Description
The base text color of the hovered solid Chip.
+ + + + $kendo-chip-solid-selected-bg + + null + + + +
Description
The base background color of the selected solid Chip.
+ + + + $kendo-chip-solid-selected-text + + null + + + +
Description
The base text color of the selected solid Chip.
+ + + + $kendo-chip-outline-bg + + null + + + +
Description
The base background color of the outline Chip.
+ + + + $kendo-chip-outline-text + + null + + + +
Description
The base text color of the outline Chip.
+ + + + $kendo-chip-outline-border + + null + + + +
Description
The base border color of the outline Chip.
+ + + + $kendo-chip-outline-shadow + + null + + + +
Description
The base shadow of the outline Chip.
+ + + + $kendo-chip-outline-hover-bg + + null + + + +
Description
The base background color of the hovered outline Chip.
+ + + + $kendo-chip-outline-hover-text + + null + + + +
Description
The base text color of the hovered outline Chip.
+ + + + $kendo-chip-outline-selected-bg + + null + + + +
Description
The base background color of the selected outline Chip.
+ + + + $kendo-chip-outline-selected-text + + null + + + +
Description
The base text color of the selected outline Chip.
+ + diff --git a/packages/fluent/docs/customization-color-editor.md b/packages/fluent/docs/customization-color-editor.md index 01666a6051d..6c3511be187 100644 --- a/packages/fluent/docs/customization-color-editor.md +++ b/packages/fluent/docs/customization-color-editor.md @@ -609,6 +609,96 @@ The following table lists the available variables for customization.
Description
The size map of the ColorEditor preview.
+ + $kendo-color-editor-header-actions-gap + + null + + + +
Description
The spacing between the ColorEditor header actions.
+ + + + $kendo-color-editor-preview-gap + + null + + + +
Description
The spacing between the colors in the ColorEditor preview.
+ + + + $kendo-color-editor-sm-preview-gap + + null + + + +
Description
The spacing between the colors in the small ColorEditor preview.
+ + + + $kendo-color-editor-md-preview-gap + + null + + + +
Description
The spacing between the colors in the medium ColorEditor preview.
+ + + + $kendo-color-editor-lg-preview-gap + + null + + + +
Description
The spacing between the colors in the large ColorEditor preview.
+ + + + $kendo-color-editor-views-gap + + null + + + +
Description
The spacing of the ColorEditor views container.
+ + + + $kendo-color-editor-sm-views-gap + + null + + + +
Description
The spacing of the small ColorEditor views container.
+ + + + $kendo-color-editor-md-views-gap + + null + + + +
Description
The spacing of the medium ColorEditor views container.
+ + + + $kendo-color-editor-lg-views-gap + + null + + + +
Description
The spacing of the large ColorEditor views container.
+ + diff --git a/packages/fluent/docs/customization-color-gradient.md b/packages/fluent/docs/customization-color-gradient.md index 116d0dcca7a..88cbbfda4a3 100644 --- a/packages/fluent/docs/customization-color-gradient.md +++ b/packages/fluent/docs/customization-color-gradient.md @@ -712,6 +712,176 @@ The following table lists the available variables for customization.
Description
The size map of the ColorGradient.
+ + $kendo-color-gradient-gap + + null + + + +
Description
The spacing between the sections of the ColorGradient.
+ + + + $kendo-color-gradient-sm-gap + + null + + + +
Description
The spacing between the sections of the small ColorGradient.
+ + + + $kendo-color-gradient-md-gap + + null + + + +
Description
The spacing between the sections of the medium ColorGradient.
+ + + + $kendo-color-gradient-lg-gap + + null + + + +
Description
The spacing between the sections of the large ColorGradient.
+ + + + $kendo-color-gradient-canvas-gap + + null + + + +
Description
The spacing between the items of the ColorGradient canvas.
+ + + + $kendo-color-gradient-sm-canvas-gap + + null + + + +
Description
The spacing between the items of the small ColorGradient canvas.
+ + + + $kendo-color-gradient-md-canvas-gap + + null + + + +
Description
The spacing between the items of the medium ColorGradient canvas.
+ + + + $kendo-color-gradient-lg-canvas-gap + + null + + + +
Description
The spacing between the items of the large ColorGradient canvas.
+ + + + $kendo-color-gradient-slider-draghandle-border-width + + null + + + +
Description
The width of the border around the ColorGradient slider drag handle.
+ + + + $kendo-color-gradient-draghandle-border-radius + + null + + + +
Description
The border radius of the ColorGradient canvas drag handle.
+ + + + $kendo-color-gradient-draghandle-text + + null + + + +
Description
The text color of the ColorGradient canvas drag handle.
+ + + + $kendo-color-gradient-draghandle-bg + + null + + + +
Description
The background color of the ColorGradient canvas drag handle.
+ + + + $kendo-color-gradient-canvas-draghandle-margin-y + + null + + + +
Description
The vertical margin of the ColorGradient canvas drag handle.
+ + + + $kendo-color-gradient-canvas-draghandle-margin-x + + null + + + +
Description
The horizontal margin of the ColorGradient canvas drag handle.
+ + + + $kendo-color-gradient-input-gap + + null + + + +
Description
The spacing between the ColorGradient inputs.
+ + + + $kendo-color-gradient-input-label-gap + + null + + + +
Description
The spacing between the ColorGradient inputs and their labels.
+ + + + $kendo-color-gradient-contrast-spacer + + null + + + +
Description
The spacing between the items in the ColorGradient contrast tool.
+ + diff --git a/packages/fluent/docs/customization-common.md b/packages/fluent/docs/customization-common.md index c117d4f2714..b3d0382d480 100644 --- a/packages/fluent/docs/customization-common.md +++ b/packages/fluent/docs/customization-common.md @@ -226,6 +226,56 @@ The following table lists the available variables for customization.
Description
The line height of the sixth highest level heading.
+ + $kendo-disabled-bg + String + null + var(--kendo-color-base-subtle, #edebe9) + + +
Description
The background color of disabled items.
+ + + + $kendo-disabled-text + String + null + color-mix(in srgb, var(--kendo-color-on-app-surface, #323130) 46%, transparent) + + +
Description
The text color of disabled items.
+ + + + $kendo-disabled-border + Color + null + transparent + + +
Description
The border color of disabled items.
+ + + + $kendo-disabled-opacity + Null + null + null + + +
Description
The opacity of disabled items.
+ + + + $kendo-disabled-filter + Null + null + null + + +
Description
The filter of disabled items.
+ + diff --git a/packages/fluent/docs/customization-drawer.md b/packages/fluent/docs/customization-drawer.md index 024739c5faa..cf10b1273d8 100644 --- a/packages/fluent/docs/customization-drawer.md +++ b/packages/fluent/docs/customization-drawer.md @@ -437,6 +437,86 @@ The following table lists the available variables for customization.
Description
The text color of the selected and hovered Drawer item.
+ + $kendo-drawer-hover-bg + + null + + + +
Description
The background color of the hovered Drawer item.
+ + + + $kendo-drawer-hover-text + + null + + + +
Description
The text color of the hovered Drawer item.
+ + + + $kendo-drawer-focus-bg + + null + + + +
Description
The background color of the focused Drawer item.
+ + + + $kendo-drawer-focus-shadow + + null + + + +
Description
The box shadow of the focused Drawer item.
+ + + + $kendo-drawer-selected-bg + + null + + + +
Description
The background color of the selected Drawer item.
+ + + + $kendo-drawer-selected-text + + null + + + +
Description
The text color of the selected Drawer item.
+ + + + $kendo-drawer-selected-hover-bg + + null + + + +
Description
The background color of the selected and hovered Drawer item.
+ + + + $kendo-drawer-selected-hover-text + + null + + + +
Description
The text color of the selected and hovered Drawer item.
+ + diff --git a/packages/fluent/docs/customization-editor.md b/packages/fluent/docs/customization-editor.md index e98a97de5ac..0329258027b 100644 --- a/packages/fluent/docs/customization-editor.md +++ b/packages/fluent/docs/customization-editor.md @@ -287,6 +287,56 @@ The following table lists the available variables for customization.
Description
The border color of the selected cells in the Insert table popup.
+ + $kendo-editor-inline-padding-x + + null + + + +
Description
The horizontal padding of the inline Editor.
+ + + + $kendo-editor-inline-padding-y + + null + + + +
Description
The vertical padding of the inline Editor.
+ + + + $kendo-editor-filebrowser-tiles-padding-x + + null + + + +
Description
The horizontal padding of the Editor file browser tiles.
+ + + + $kendo-editor-filebrowser-tiles-padding-y + + null + + + +
Description
The vertical padding of the Editor file browser tiles.
+ + + + $kendo-editor-content-padding + + null + + + +
Description
The padding of the Editor content.
+ + diff --git a/packages/fluent/docs/customization-expander.md b/packages/fluent/docs/customization-expander.md index e29775cd640..6e3c7b936fe 100644 --- a/packages/fluent/docs/customization-expander.md +++ b/packages/fluent/docs/customization-expander.md @@ -317,6 +317,46 @@ The following table lists the available variables for customization.
Description
The vertical padding of the ExpansionPanel content.
+ + $kendo-expander-spacing-y + + null + + + +
Description
The vertical spacing of the ExpansionPanel.
+ + + + $kendo-expander-header-border + + null + + + +
Description
The border color of the ExpansionPanel header.
+ + + + $kendo-expander-header-focus-bg + + null + + + +
Description
The background color of the focused ExpansionPanel header.
+ + + + $kendo-expander-header-focus-shadow + + null + + + +
Description
The box shadow of the focused ExpansionPanel header.
+ + diff --git a/packages/fluent/docs/customization-file-manager.md b/packages/fluent/docs/customization-file-manager.md index 11617373608..06255f9baee 100644 --- a/packages/fluent/docs/customization-file-manager.md +++ b/packages/fluent/docs/customization-file-manager.md @@ -587,6 +587,46 @@ The following table lists the available variables for customization.
Description
The border color of the FileManager preview icon.
+ + $kendo-file-manager-toolbar-gradient + + null + + + +
Description
The gradient of the FileManager Toolbar.
+ + + + $kendo-file-manager-listview-item-bg + + null + + + +
Description
The background color of the FileManager ListView item.
+ + + + $kendo-file-manager-listview-item-text + + null + + + +
Description
The text color of the FileManager ListView item.
+ + + + $kendo-file-manager-listview-item-border + + null + + + +
Description
The border color of the FileManager ListView item.
+ + diff --git a/packages/fluent/docs/customization-filter.md b/packages/fluent/docs/customization-filter.md index 9f15c4936a4..bc5f55e00fb 100644 --- a/packages/fluent/docs/customization-filter.md +++ b/packages/fluent/docs/customization-filter.md @@ -127,6 +127,16 @@ The following table lists the available variables for customization.
Description
The border color of the focused Filter.
+ + $kendo-filter-toolbar-focus-shadow + + null + + + +
Description
The box shadow of the focused Filter toolbar.
+ + diff --git a/packages/fluent/docs/customization-floating-action-button.md b/packages/fluent/docs/customization-floating-action-button.md index 0dc931078b3..db4a7753b98 100644 --- a/packages/fluent/docs/customization-floating-action-button.md +++ b/packages/fluent/docs/customization-floating-action-button.md @@ -562,6 +562,146 @@ The following table lists the available variables for customization.
Description
The border color of the active FAB item.
+ + $kendo-fab-shadow + + null + + + +
Description
The base shadow of the FAB.
+ + + + $kendo-fab-disabled-shadow + + null + + + +
Description
The shadow of the disabled FAB.
+ + + + $kendo-fab-active-shadow + + null + + + +
Description
The shadow of the active FAB.
+ + + + $kendo-fab-outline-style + + null + + + +
Description
The outline style of the FAB.
+ + + + $kendo-fab-outline-width + + null + + + +
Description
The outline width of the FAB.
+ + + + $kendo-fab-item-icon-text + + null + + + +
Description
The base text color of the FAB item icon.
+ + + + $kendo-fab-item-icon-bg + + null + + + +
Description
The base background color of the FAB item icon.
+ + + + $kendo-fab-item-icon-border + + null + + + +
Description
The base border color of the FAB item icon.
+ + + + $kendo-fab-item-shadow + + null + + + +
Description
The base shadow of the FAB item.
+ + + + $kendo-fab-item-disabled-shadow + + null + + + +
Description
The shadow of the disabled FAB item.
+ + + + $kendo-fab-item-active-shadow + + null + + + +
Description
The shadow of the active FAB item.
+ + + + $kendo-fab-item-outline-style + + null + + + +
Description
The outline style of the FAB item.
+ + + + $kendo-fab-item-outline-width + + null + + + +
Description
The outline width of the FAB item.
+ + + + $kendo-fab-item-outline-color + + null + + + +
Description
The outline color of the FAB item.
+ + diff --git a/packages/fluent/docs/customization-form.md b/packages/fluent/docs/customization-form.md index 5b3333a9177..af1298d204a 100644 --- a/packages/fluent/docs/customization-form.md +++ b/packages/fluent/docs/customization-form.md @@ -507,6 +507,66 @@ The following table lists the available variables for customization.
Description
The sizes map for the Form.
+ + $kendo-inline-form-field-padding-x + + null + + + +
Description
The horizontal padding of the inline Form field.
+ + + + $kendo-inline-form-field-padding-y + + null + + + +
Description
The vertical padding of the inline Form field.
+ + + + $kendo-fieldset-legend-padding + + null + + + +
Description
The padding of the Form fieldset legend.
+ + + + $kendo-fieldset-legend-margin + + null + + + +
Description
The margin of the Form fieldset legend
+ + + + $kendo-form-alert-error-margin + + null + + + +
Description
The margin of the Form alert error.
+ + + + $kendo-form-field-info-margin + + null + + + +
Description
The margin of the Form field info.
+ + diff --git a/packages/fluent/docs/customization-gantt.md b/packages/fluent/docs/customization-gantt.md index 6934de36d1e..762c0700b1a 100644 --- a/packages/fluent/docs/customization-gantt.md +++ b/packages/fluent/docs/customization-gantt.md @@ -757,6 +757,96 @@ The following table lists the available variables for customization.
Description
The border color of the invalid Gantt validation Tooltip.
+ + $kendo-gantt-treelist-bg + + null + + + +
Description
The background color of the Gantt TreeList.
+ + + + $kendo-gantt-treelist-text + + null + + + +
Description
The text color of the Gantt TreeList.
+ + + + $kendo-gantt-treelist-border + + null + + + +
Description
The border color of the Gantt TreeList.
+ + + + $kendo-gantt-task-actions-padding + + null + + + +
Description
The padding of the Gantt task actions.
+ + + + $kendo-gantt-rtl-milestone-wrap-margin-x + + null + + + +
Description
The horizontal margin of the Gantt milestone wrap.
+ + + + $kendo-gantt-rtl-milestone-planned-moment-margin-x + + null + + + +
Description
The horizontal margin of the Gantt milestone line dot.
+ + + + $kendo-gantt-rtl-milestone-dot-start-margin-x + + null + + + +
Description
The horizontal margin of the Gantt milestone task dot.
+ + + + $kendo-gantt-task-tooltip-padding-x + + null + + + +
Description
The horizontal padding of the Gantt task Tooltip.
+ + + + $kendo-gantt-task-tooltip-padding-y + + null + + + +
Description
The vertical padding of the Gantt task Tooltip.
+ + diff --git a/packages/fluent/docs/customization-grid.md b/packages/fluent/docs/customization-grid.md index 4251c5b99f6..936570ebf04 100644 --- a/packages/fluent/docs/customization-grid.md +++ b/packages/fluent/docs/customization-grid.md @@ -1567,6 +1567,16 @@ The following table lists the available variables for customization.
Description
The height of the Grid row resize indicator.
+ + $kendo-grid-header-gradient + + null + + + +
Description
The background gradient of Grid header.
+ + diff --git a/packages/fluent/docs/customization-icon.md b/packages/fluent/docs/customization-icon.md index 65615b5da7d..1f3696359f6 100644 --- a/packages/fluent/docs/customization-icon.md +++ b/packages/fluent/docs/customization-icon.md @@ -57,6 +57,76 @@ The following table lists the available variables for customization.
Description
Padding of the action icons container.
+ + $kendo-icon-size-xs + Calculation + null + calc(var(--kendo-icon-size, 1rem) * 0.75) + + +
Description
The extra small icon size.
+ + + + $kendo-icon-size-sm + Calculation + null + calc(var(--kendo-icon-size, 1rem) * 0.875) + + +
Description
The small icon size.
+ + + + $kendo-icon-size-md + String + null + var(--kendo-icon-size, 1rem) + + +
Description
The medium icon size.
+ + + + $kendo-icon-size-lg + Calculation + null + calc(var(--kendo-icon-size, 1rem) * 1.25) + + +
Description
The large icon size.
+ + + + $kendo-icon-size-xl + Calculation + null + calc(var(--kendo-icon-size, 1rem) * 1.5) + + +
Description
The extra large icon size.
+ + + + $kendo-icon-size-xxl + Calculation + null + calc(var(--kendo-icon-size, 1rem) * 2) + + +
Description
The double extra large icon size.
+ + + + $kendo-icon-size-xxxl + Calculation + null + calc(var(--kendo-icon-size, 1rem) * 3) + + +
Description
The triple extra large icon size.
+ + diff --git a/packages/fluent/docs/customization-input.md b/packages/fluent/docs/customization-input.md index 2c6dc6085f5..d91aacd2fb3 100644 --- a/packages/fluent/docs/customization-input.md +++ b/packages/fluent/docs/customization-input.md @@ -1475,6 +1475,346 @@ The following table lists the available variables for customization.
Description
The opacity of the hovered Input clear value icon.
+ + $kendo-input-default-width + + null + + + +
Description
The default width of the Input components.
+ + + + $kendo-input-border-radius + + null + + + +
Description
The border radius of the Input components.
+ + + + $kendo-input-padding-x + + null + + + +
Description
The horizontal padding of the Input components.
+ + + + $kendo-input-padding-y + + null + + + +
Description
The vertical padding of the Input components.
+ + + + $kendo-input-font-family + String + null + var(--kendo-font-family, inherit) + + +
Description
The font family of the Input components.
+ + + + $kendo-input-font-size + + null + + + +
Description
The font size of the Input components.
+ + + + $kendo-input-line-height + + null + + + +
Description
The line height of the Input components.
+ + + + $kendo-input-bg + + null + + + +
Description
The background color of the Input components.
+ + + + $kendo-input-text + + null + + + +
Description
The text color of the Input components.
+ + + + $kendo-input-border + + null + + + +
Description
The border color of the Input components.
+ + + + $kendo-input-shadow + + null + + + +
Description
The shadow of the Input components.
+ + + + $kendo-input-hover-bg + + null + + + +
Description
The background color of the hovered Input components.
+ + + + $kendo-input-hover-text + + null + + + +
Description
The text color of the hovered Input components.
+ + + + $kendo-input-hover-border + + null + + + +
Description
The border color of the hovered Input components.
+ + + + $kendo-input-hover-shadow + + null + + + +
Description
The shadow of the hovered Input components.
+ + + + $kendo-input-focus-bg + + null + + + +
Description
The background color of the focused Input components.
+ + + + $kendo-input-focus-text + + null + + + +
Description
The text color of the focused Input components.
+ + + + $kendo-input-focus-border + + null + + + +
Description
The border color of the focused Input components.
+ + + + $kendo-input-focus-shadow + + null + + + +
Description
The shadow of the focused Input components.
+ + + + $kendo-input-selected-bg + + null + + + +
Description
The background color of the selected Input components.
+ + + + $kendo-input-selected-text + + null + + + +
Description
The text color of the selected Input components.
+ + + + $kendo-input-disabled-bg + + null + + + +
Description
The background color of the disabled Input components.
+ + + + $kendo-input-disabled-text + + null + + + +
Description
The text color of the disabled Input components.
+ + + + $kendo-input-disabled-border + + null + + + +
Description
The border color of the disabled Input components.
+ + + + $kendo-input-disabled-gradient + + null + + + +
Description
The gradient of the disabled Input components.
+ + + + $kendo-input-disabled-shadow + + null + + + +
Description
The shadow of the disabled Input components.
+ + + + $kendo-input-outline-focus-shadow + + null + + + +
Description
The shadow of the outline focused Input components.
+ + + + $kendo-input-flat-focus-shadow + + null + + + +
Description
The shadow of the flat focused Input components.
+ + + + $kendo-input-values-margin-y + + null + + + +
Description
The vertical margin of the clear value icon.
+ + + + $kendo-input-values-margin-x + + null + + + +
Description
The horizontal margin of the clear value icon.
+ + + + $kendo-input-button-width + + null + + + +
Description
The width of the Input button.
+ + + + $kendo-input-spinner-width + + null + + + +
Description
The width of the Input spinner button.
+ + + + $kendo-input-separator-opacity + + null + + + +
Description
The opacity of the Input separator.
+ + + + $kendo-input-invalid-shadow + + null + + + +
Description
The shadow of the invalid Input components.
+ + diff --git a/packages/fluent/docs/customization-list.md b/packages/fluent/docs/customization-list.md index fdcb1816db9..f06a925ee9b 100644 --- a/packages/fluent/docs/customization-list.md +++ b/packages/fluent/docs/customization-list.md @@ -595,6 +595,156 @@ The following table lists the available variables for customization.
Description
The text color of the 'No Data' text.
+ + $kendo-list-font-size + + null + + + +
Description
The font size of the List component, if no size is set.
+ + + + $kendo-list-line-height + + null + + + +
Description
The line height of the List component, if no size is set.
+ + + + $kendo-list-header-padding-x + + null + + + +
Description
The horizontal padding of the List header, if no size is set.
+ + + + $kendo-list-header-padding-y + + null + + + +
Description
The vertical padding of the List header, if no size is set.
+ + + + $kendo-list-header-font-size + + null + + + +
Description
The font size of the List header, if no size is set.
+ + + + $kendo-list-header-line-height + + null + + + +
Description
The line height of the List header, if no size is set.
+ + + + $kendo-list-filter-padding + + null + + + +
Description
The padding of the the List filter input.
+ + + + $kendo-list-item-padding-x + + null + + + +
Description
The horizontal padding of the List items, when no size is set.
+ + + + $kendo-list-item-padding-y + + null + + + +
Description
The vertical padding of the List items, when no size is set.
+ + + + $kendo-list-item-font-size + + null + + + +
Description
The font size of the List items, if no size is set.
+ + + + $kendo-list-item-line-height + + null + + + +
Description
The line height of the List items, if no size is set.
+ + + + $kendo-list-group-item-padding-x + + null + + + +
Description
The horizontal padding of the List group items, when no size is set.
+ + + + $kendo-list-group-item-padding-y + + null + + + +
Description
The vertical padding of the List group items, when no size is set.
+ + + + $kendo-list-group-item-font-size + + null + + + +
Description
The font size of the List group items, if no size is set.
+ + + + $kendo-list-group-item-line-height + + null + + + +
Description
The line height of the List group items, if no size is set.
+ + diff --git a/packages/fluent/docs/customization-listbox.md b/packages/fluent/docs/customization-listbox.md index a14b31da788..496d6fc84a2 100644 --- a/packages/fluent/docs/customization-listbox.md +++ b/packages/fluent/docs/customization-listbox.md @@ -157,6 +157,46 @@ The following table lists the available variables for customization.
Description
The border color of the ListBox drop hint.
+ + $kendo-listbox-default-height + + null + + + +
Description
The height of the ListBox.
+ + + + $kendo-listbox-item-padding-x + + null + + + +
Description
The inline padding of the ListBox item.
+ + + + $kendo-listbox-item-padding-y + + null + + + +
Description
The block padding of the ListBox item.
+ + + + $kendo-listbox-drop-hint-border-width + + null + + + +
Description
The width of the border around the ListBox drop hint.
+ + diff --git a/packages/fluent/docs/customization-listview.md b/packages/fluent/docs/customization-listview.md index bade5800435..079b62da178 100644 --- a/packages/fluent/docs/customization-listview.md +++ b/packages/fluent/docs/customization-listview.md @@ -287,6 +287,26 @@ The following table lists the available variables for customization.
Description
The box shadow of the focused ListView items.
+ + $kendo-listview-item-selected-border + + null + + + +
Description
The border color of the selected ListView items.
+ + + + $kendo-listview-item-focus-border + + null + + + +
Description
The border color of the focused ListView items.
+ + diff --git a/packages/fluent/docs/customization-loader.md b/packages/fluent/docs/customization-loader.md index 65c9b8e82e5..ecf4477fcb8 100644 --- a/packages/fluent/docs/customization-loader.md +++ b/packages/fluent/docs/customization-loader.md @@ -455,6 +455,66 @@ The following table lists the available variables for customization.
Description
The theme colors map for the Loader variations.
+ + $kendo-loader-sm-padding + + null + + + +
Description
The padding of the small Loader.
+ + + + $kendo-loader-md-padding + + null + + + +
Description
The padding of the medium Loader.
+ + + + $kendo-loader-lg-padding + + null + + + +
Description
The padding of the large Loader.
+ + + + $kendo-loader-sm-container-padding + + null + + + +
Description
The padding of the small Loader container.
+ + + + $kendo-loader-md-container-padding + + null + + + +
Description
The padding of the medium Loader container.
+ + + + $kendo-loader-lg-container-padding + + null + + + +
Description
The padding of the large Loader container.
+ + diff --git a/packages/fluent/docs/customization-map.md b/packages/fluent/docs/customization-map.md index c76691bcaa4..7df39d5fd1b 100644 --- a/packages/fluent/docs/customization-map.md +++ b/packages/fluent/docs/customization-map.md @@ -277,6 +277,16 @@ The following table lists the available variables for customization.
Description
The fill color of the Map marker.
+ + $kendo-map-navigator-margin + + null + + + +
Description
The margin of the Map navigator.
+ + diff --git a/packages/fluent/docs/customization-mediaplayer.md b/packages/fluent/docs/customization-mediaplayer.md index 8f0c81daf97..470ce95ea91 100644 --- a/packages/fluent/docs/customization-mediaplayer.md +++ b/packages/fluent/docs/customization-mediaplayer.md @@ -167,6 +167,26 @@ The following table lists the available variables for customization.
Description
The text color of the MediaPlayer title.
+ + $kendo-media-player-titlebar-border + + null + + + +
Description
The border color of the MediaPlayer title.
+ + + + $kendo-media-player-titlebar-gradient + + null + + + +
Description
The gradient of the MediaPlayer title.
+ + diff --git a/packages/fluent/docs/customization-menu-button.md b/packages/fluent/docs/customization-menu-button.md new file mode 100644 index 00000000000..ebc91712851 --- /dev/null +++ b/packages/fluent/docs/customization-menu-button.md @@ -0,0 +1,48 @@ +--- +title: Customizing MenuButton +description: "Refer to the list of the Kendo UI Fluent theme variables available for customization." +slug: variables_kendothemefluent_menu-button +position: 9 +--- + +# Customizing MenuButton + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-menu-button-arrow-padding-xnull
Description
The horizontal padding of the button arrow in the Menu Button..
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/fluent/docs/customization-menu.md b/packages/fluent/docs/customization-menu.md index 72e0eca8ff9..8c8c1d32998 100644 --- a/packages/fluent/docs/customization-menu.md +++ b/packages/fluent/docs/customization-menu.md @@ -675,6 +675,256 @@ The following table lists the available variables for customization.
Description
The color of the Menu items icon.
+ + $kendo-menu-gradient + + null + + + +
Description
The background gradient of the Menu.
+ + + + $kendo-menu-item-border + + null + + + +
Description
The border color of the Menu item.
+ + + + $kendo-menu-item-gradient + + null + + + +
Description
The background gradient of the Menu item.
+ + + + $kendo-menu-item-hover-border + + null + + + +
Description
The border color of hovered Menu item.
+ + + + $kendo-menu-item-hover-gradient + + null + + + +
Description
The background gradient of hovered Menu item.
+ + + + $kendo-menu-item-active-border + + null + + + +
Description
The border color of active Menu item.
+ + + + $kendo-menu-item-active-gradient + + null + + + +
Description
The background gradient of active Menu item.
+ + + + $kendo-menu-item-focus-shadow + + null + + + +
Description
The base shadow of focused Menu item.
+ + + + $kendo-menu-item-selected-border + + null + + + +
Description
The border color of selected Menu item.
+ + + + $kendo-menu-item-selected-gradient + + null + + + +
Description
The background gradient of selected Menu item.
+ + + + $kendo-menu-scroll-button-text + + null + + + +
Description
The text color of the Menu scroll buttons.
+ + + + $kendo-menu-scroll-button-gradient + + null + + + +
Description
The background gradient of the Menu scroll buttons.
+ + + + $kendo-menu-scroll-button-hover-text + + null + + + +
Description
The text color of hovered Menu scroll buttons.
+ + + + $kendo-menu-scroll-button-hover-gradient + + null + + + +
Description
The background gradient of hovered Menu scroll buttons.
+ + + + $kendo-menu-popup-text + + null + + + +
Description
The text color of the Menu popup.
+ + + + $kendo-menu-popup-gradient + + null + + + +
Description
The background gradient of the Menu popup.
+ + + + $kendo-menu-popup-item-padding-y + + null + + + +
Description
The vertical padding of the Menu item in popup.
+ + + + $kendo-menu-popup-item-padding-end + + null + + + +
Description
The end padding of the Menu item in popup.
+ + + + $kendo-menu-popup-item-border + + null + + + +
Description
The border color of the Menu item in popup.
+ + + + $kendo-menu-popup-item-gradient + + null + + + +
Description
The background gradient of the Menu item in popup.
+ + + + $kendo-menu-popup-item-hover-border + + null + + + +
Description
The border color of hovered Menu item in popup.
+ + + + $kendo-menu-popup-item-hover-gradient + + null + + + +
Description
The background gradient of hovered Menu item in popup.
+ + + + $kendo-menu-popup-item-active-border + + null + + + +
Description
The border color of active Menu item in popup.
+ + + + $kendo-menu-popup-item-active-gradient + + null + + + +
Description
The background gradient of active Menu item in popup.
+ + + + $kendo-menu-popup-item-focus-shadow + + null + + + +
Description
The base shadow of focused Menu item in popup.
+ + diff --git a/packages/fluent/docs/customization-notification.md b/packages/fluent/docs/customization-notification.md index 479c58af310..0fc17eed790 100644 --- a/packages/fluent/docs/customization-notification.md +++ b/packages/fluent/docs/customization-notification.md @@ -205,6 +205,26 @@ The following table lists the available variables for customization.
Description
The theme colors map for the Notification variations.
+ + $kendo-notification-shadow + + null + + + +
Description
The box shadow of the Notification.
+ + + + $kendo-notification-theme + + null + + + +
Description
The generated theme colors map for the Notification.
+ + diff --git a/packages/fluent/docs/customization-orgchart.md b/packages/fluent/docs/customization-orgchart.md index 5893f064e3b..31daa2dac5d 100644 --- a/packages/fluent/docs/customization-orgchart.md +++ b/packages/fluent/docs/customization-orgchart.md @@ -487,6 +487,116 @@ The following table lists the available variables for customization.
Description
The height of the OrgChart connecting line.
+ + $kendo-orgchart-node-gap + + null + + + +
Description
The spacing of the OrgChart node.
+ + + + $kendo-orgchart-group-gap + + null + + + +
Description
The spacing of the OrgChart group.
+ + + + $kendo-orgchart-node-container-gap + + null + + + +
Description
The spacing of the OrgChart node container.
+ + + + $kendo-orgchart-node-group-title-margin-bottom + + null + + + +
Description
The bottom margin of the OrgChart node group title.
+ + + + $kendo-orgchart-node-group-subtitle-margin-bottom + + null + + + +
Description
The bottom margin of the OrgChart node group subtitle.
+ + + + $kendo-orgchart-card-padding-y + + null + + + +
Description
The vertical padding of the OrgChart Card.
+ + + + $kendo-orgchart-card-padding-x + + null + + + +
Description
The horizontal padding of the OrgChart Card.
+ + + + $kendo-orgchart-card-title-margin-bottom + + null + + + +
Description
The bottom margin of the OrgChart Card title.
+ + + + $kendo-orgchart-card-subtitle-margin-bottom + + null + + + +
Description
The bottom margin of the OrgChart Card subtitle.
+ + + + $kendo-orgchart-card-body-vbox-margin-right + + null + + + +
Description
The right margin of the OrgChart Card body title wrap.
+ + + + $kendo-orgchart-line-fill + + null + + + +
Description
The fill color of the OrgChart connecting line.
+ + diff --git a/packages/fluent/docs/customization-pager.md b/packages/fluent/docs/customization-pager.md index 1818ff310ad..c90c57b77b4 100644 --- a/packages/fluent/docs/customization-pager.md +++ b/packages/fluent/docs/customization-pager.md @@ -323,6 +323,226 @@ The following table lists the available variables for customization.
Description
The sizes map of the Pager.
+ + $kendo-pager-sm-item-min-width + + null + + + +
Description
The minimum width of the items in the small Pager.
+ + + + $kendo-pager-md-item-min-width + + null + + + +
Description
The minimum width of the items in the medium Pagers.
+ + + + $kendo-pager-lg-item-min-width + + null + + + +
Description
The minimum width of the items in the large Pagers.
+ + + + $kendo-pager-focus-shadow + + null + + + +
Description
The box shadow of the focused Pager.
+ + + + $kendo-pager-section-spacing + + null + + + +
Description
The spacing between the sections of the Pager.
+ + + + $kendo-pager-item-border-width + + null + + + +
Description
The border width of the Pager items.
+ + + + $kendo-pager-item-bg + + null + + + +
Description
The background color of the Pager items.
+ + + + $kendo-pager-item-text + + null + + + +
Description
The text color of the Pager items.
+ + + + $kendo-pager-item-border + + null + + + +
Description
The border color of the Pager items.
+ + + + $kendo-pager-item-hover-bg + + null + + + +
Description
The background color of the hovered Pager items.
+ + + + $kendo-pager-item-hover-text + + null + + + +
Description
The text color of the hovered Pager items.
+ + + + $kendo-pager-item-hover-border + + null + + + +
Description
The border color of the hovered Pager items.
+ + + + $kendo-pager-item-selected-bg + + null + + + +
Description
The background color of the selected Pager items.
+ + + + $kendo-pager-item-selected-text + + null + + + +
Description
The text color of the selected Pager items.
+ + + + $kendo-pager-item-selected-border + + null + + + +
Description
The border color of the selected Pager items.
+ + + + $kendo-pager-item-focus-opacity + + null + + + +
Description
The opacity of the focused Pager items.
+ + + + $kendo-pager-item-focus-bg + + null + + + +
Description
The background color of the focused Pager items.
+ + + + $kendo-pager-item-focus-shadow + + null + + + +
Description
The box shadow of the focused Pager items.
+ + + + $kendo-pager-number-border-radius + + null + + + +
Description
The border radius of the Pager numbers.
+ + + + $kendo-pager-sm-dropdown-width + + null + + + +
Description
The width of the DropDowns in the small Pager.
+ + + + $kendo-pager-md-dropdown-width + + null + + + +
Description
The width of the DropDowns in the medium Pager.
+ + + + $kendo-pager-lg-dropdown-width + + null + + + +
Description
The width of the DropDowns in the large Pager.
+ + diff --git a/packages/fluent/docs/customization-panelbar.md b/packages/fluent/docs/customization-panelbar.md index bcf8b72a35c..0daa4cbeffe 100644 --- a/packages/fluent/docs/customization-panelbar.md +++ b/packages/fluent/docs/customization-panelbar.md @@ -737,6 +737,186 @@ The following table lists the available variables for customization.
Description
The border color of the selected, hovered and focused PanelBar items.
+ + $kendo-panelbar-header-padding-x + + null + + + +
Description
The horizontal padding of the PanelBar header.
+ + + + $kendo-panelbar-item-padding-x + + null + + + +
Description
The horizontal padding of the PanelBar items.
+ + + + $kendo-panelbar-header-gradient + + null + + + +
Description
The gradient of the PanelBar header.
+ + + + $kendo-panelbar-header-hover-gradient + + null + + + +
Description
The gradient of the hovered PanelBar header.
+ + + + $kendo-panelbar-header-focus-gradient + + null + + + +
Description
The gradient of the focused PanelBar header.
+ + + + $kendo-panelbar-header-hover-focus-gradient + + null + + + +
Description
The gradient of the focused and hovered PanelBar header.
+ + + + $kendo-panelbar-header-selected-gradient + + null + + + +
Description
The gradient of the selected PanelBar header.
+ + + + $kendo-panelbar-header-selected-hover-gradient + + null + + + +
Description
The gradient of the selected and hovered PanelBar header.
+ + + + $kendo-panelbar-header-selected-focus-gradient + + null + + + +
Description
The gradient of the selected and focused PanelBar header.
+ + + + $kendo-panelbar-header-selected-hover-focus-gradient + + null + + + +
Description
The gradient of the selected, hovered and focused PanelBar header.
+ + + + $kendo-panelbar-item-hover-gradient + + null + + + +
Description
The gradient of the hovered PanelBar items.
+ + + + $kendo-panelbar-item-focus-gradient + + null + + + +
Description
The gradient of the focused PanelBar items.
+ + + + $kendo-panelbar-item-hover-focus-gradient + + null + + + +
Description
The gradient of the focused and hovered PanelBar items.
+ + + + $kendo-panelbar-item-selected-gradient + + null + + + +
Description
The gradient of the selected PanelBar items.
+ + + + $kendo-panelbar-item-selected-hover-gradient + + null + + + +
Description
The gradient of the selected and hovered PanelBar items.
+ + + + $kendo-panelbar-item-selected-focus-gradient + + null + + + +
Description
The gradient of the selected and focused PanelBar items.
+ + + + $kendo-panelbar-item-selected-hover-focus-gradient + + null + + + +
Description
The gradient of the selected, hovered and focused PanelBar items.
+ + + + $kendo-panelbar-header-expanded-gradient + + null + + + +
Description
The gradient of the expanded PanelBar header.
+ + diff --git a/packages/fluent/docs/customization-pdf-viewer.md b/packages/fluent/docs/customization-pdf-viewer.md index 573fd1351d3..5f6644412d5 100644 --- a/packages/fluent/docs/customization-pdf-viewer.md +++ b/packages/fluent/docs/customization-pdf-viewer.md @@ -397,6 +397,46 @@ The following table lists the available variables for customization.
Description
The text color of the PDFViewer free text annotation.
+ + $kendo-pdf-viewer-toolbar-bg + + null + + + +
Description
The background color of the PDFViewer Toolbar.
+ + + + $kendo-pdf-viewer-toolbar-text + + null + + + +
Description
The text color of the PDFViewer Toolbar.
+ + + + $kendo-pdf-viewer-toolbar-border + + null + + + +
Description
The border color of the PDFViewer Toolbar.
+ + + + $kendo-pdf-viewer-toolbar-gradient + + null + + + +
Description
The gradient of the PDFViewer Toolbar.
+ + diff --git a/packages/fluent/docs/customization-picker.md b/packages/fluent/docs/customization-picker.md new file mode 100644 index 00000000000..93ddbc7e222 --- /dev/null +++ b/packages/fluent/docs/customization-picker.md @@ -0,0 +1,258 @@ +--- +title: Customizing Picker +description: "Refer to the list of the Kendo UI Fluent theme variables available for customization." +slug: variables_kendothemefluent_picker +position: 9 +--- + +# Customizing Picker + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-picker-bgnull
Description
The background color of the Picker components.
+
$kendo-picker-textnull
Description
The text color of the Picker components.
+
$kendo-picker-bordernull
Description
The border color of the Picker components.
+
$kendo-picker-gradientnull
Description
The gradient of the Picker components.
+
$kendo-picker-shadownull
Description
The shadow of the Picker components.
+
$kendo-picker-hover-bgnull
Description
The background color of the hovered Picker components.
+
$kendo-picker-hover-textnull
Description
The text color of the hovered Picker components.
+
$kendo-picker-hover-bordernull
Description
The border color of the hovered Picker components.
+
$kendo-picker-hover-gradientnull
Description
The gradient of the hovered Picker components.
+
$kendo-picker-hover-shadownull
Description
The shadow of the hovered Picker components.
+
$kendo-picker-focus-bgnull
Description
The background color of the focused Picker components.
+
$kendo-picker-focus-textnull
Description
The text color of the focused Picker components.
+
$kendo-picker-focus-bordernull
Description
The border color of the focused Picker components.
+
$kendo-picker-focus-gradientnull
Description
The gradient of the focused Picker components.
+
$kendo-picker-focus-shadownull
Description
The shadow of the focused Picker components.
+
$kendo-picker-disabled-bgnull
Description
The background color of the disabled Picker components.
+
$kendo-picker-disabled-textnull
Description
The text color of the disabled Picker components.
+
$kendo-picker-disabled-bordernull
Description
The border color of the disabled Picker components.
+
$kendo-picker-disabled-gradientnull
Description
The gradient of the disabled Picker components.
+
$kendo-picker-disabled-shadownull
Description
The shadow of the disabled Picker components.
+
$kendo-picker-outline-focus-shadownull
Description
The shadow of the outline focused Picker components.
+
$kendo-picker-flat-focus-shadownull
Description
The shadow of the flat focused Picker components.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/fluent/docs/customization-pivotgrid.md b/packages/fluent/docs/customization-pivotgrid.md index c03db789686..69d35d15672 100644 --- a/packages/fluent/docs/customization-pivotgrid.md +++ b/packages/fluent/docs/customization-pivotgrid.md @@ -707,6 +707,56 @@ The following table lists the available variables for customization.
Description
The vertical padding of the PivotGrid treeview.
+ + $kendo-pivotgrid-configurator-shadow + + null + + + +
Description
The shadow of the PivotGrid configurator.
+ + + + $kendo-pivotgrid-configurator-end-shadow + + null + + + +
Description
The end shadow of the PivotGrid configurator.
+ + + + $kendo-pivotgrid-configurator-start-shadow + + null + + + +
Description
The start shadow of the PivotGrid configurator.
+ + + + $kendo-pivotgrid-configurator-top-shadow + + null + + + +
Description
The top shadow of the PivotGrid configurator.
+ + + + $kendo-pivotgrid-configurator-bottom-shadow + + null + + + +
Description
The bottom shadow of the PivotGrid configurator.
+ + diff --git a/packages/fluent/docs/customization-popover.md b/packages/fluent/docs/customization-popover.md index 4a9d9f76bbf..2d0bb56cd13 100644 --- a/packages/fluent/docs/customization-popover.md +++ b/packages/fluent/docs/customization-popover.md @@ -297,6 +297,26 @@ The following table lists the available variables for customization.
Description
The border style of the Popover callout.
+ + $kendo-popover-callout-bg + + null + + + +
Description
The background color of the Popover callout.
+ + + + $kendo-popover-callout-border + + null + + + +
Description
The border color of the Popover callout.
+ + diff --git a/packages/fluent/docs/customization-progressbar.md b/packages/fluent/docs/customization-progressbar.md index d84219f89ce..becbf1b259d 100644 --- a/packages/fluent/docs/customization-progressbar.md +++ b/packages/fluent/docs/customization-progressbar.md @@ -367,6 +367,16 @@ The following table lists the available variables for customization.
Description
The scale stroke background color of the circular ProgressBar.
+ + $kendo-progressbar-indeterminate-gradient + + null + + + +
Description
The background gradient of the indeterminate ProgressBar.
+ + diff --git a/packages/fluent/docs/customization-radio.md b/packages/fluent/docs/customization-radio.md index 08fcb559af2..435c9170cf5 100644 --- a/packages/fluent/docs/customization-radio.md +++ b/packages/fluent/docs/customization-radio.md @@ -456,6 +456,136 @@ The following table lists the available variables for customization.
Description
The opacity of the RadioButton ripple.
+ + $kendo-radio-radius + + null + + + +
Description
The border radius of the RadioButton.
+ + + + $kendo-radio-sm-size + + null + + + +
Description
The size of a small RadioButton.
+ + + + $kendo-radio-md-size + + null + + + +
Description
The size of a medium RadioButton.
+ + + + $kendo-radio-lg-size + + null + + + +
Description
The size of a large RadioButton.
+ + + + $kendo-radio-sm-glyph-size + + null + + + +
Description
The glyph size of a small RadioButton.
+ + + + $kendo-radio-md-glyph-size + + null + + + +
Description
The glyph size of a medium RadioButton.
+ + + + $kendo-radio-lg-glyph-size + + null + + + +
Description
The glyph size of a large RadioButton.
+ + + + $kendo-radio-sm-ripple-size + + null + + + +
Description
The ripple size of a small RadioButton.
+ + + + $kendo-radio-md-ripple-size + + null + + + +
Description
The ripple size of a medium RadioButton.
+ + + + $kendo-radio-lg-ripple-size + + null + + + +
Description
The ripple size of a large RadioButton.
+ + + + $kendo-radio-focus-checked-border + + null + + + +
Description
The border color of the focused and checked RadioButton.
+ + + + $kendo-radio-focus-checked-shadow + + null + + + +
Description
The box shadow of the focused and checked RadioButton.
+ + + + $kendo-radio-label-margin-x + + null + + + +
Description
The horizontal margin of the RadioButton inside of a label.
+ + diff --git a/packages/fluent/docs/customization-rating.md b/packages/fluent/docs/customization-rating.md index bf31e14a410..169d80b4557 100644 --- a/packages/fluent/docs/customization-rating.md +++ b/packages/fluent/docs/customization-rating.md @@ -167,6 +167,116 @@ The following table lists the available variables for customization.
Description
The text color of the selected and hovered Rating item.
+ + $kendo-rating-container-margin-x + + null + + + +
Description
The horizontal margin of the Rating container.
+ + + + $kendo-rating-label-margin-x + + null + + + +
Description
The horizontal margin of the Rating label.
+ + + + $kendo-rating-label-margin-y + + null + + + +
Description
The vertical margin of the Rating label.
+ + + + $kendo-rating-label-line-height + + null + + + +
Description
The line height of the Rating label.
+ + + + $kendo-rating-icon-size + + null + + + +
Description
The size of the Rating icon.
+ + + + $kendo-rating-icon-text + + null + + + +
Description
The text color of the Rating icon.
+ + + + $kendo-rating-icon-selected-text + + null + + + +
Description
The text color of the selected Rating icon.
+ + + + $kendo-rating-icon-hover-text + + null + + + +
Description
The text color of the hovered Rating icon.
+ + + + $kendo-rating-icon-focus-text + + null + + + +
Description
The text color of the focused Rating icon.
+ + + + $kendo-rating-icon-focus-shadow + + null + + + +
Description
The shadow of the focused Rating icon.
+ + + + $kendo-rating-icon-focus-selected-shadow + + null + + + +
Description
The shadow of the focused and selected Rating icon.
+ + diff --git a/packages/fluent/docs/customization-scheduler.md b/packages/fluent/docs/customization-scheduler.md index c05a104783f..6205d2a6213 100644 --- a/packages/fluent/docs/customization-scheduler.md +++ b/packages/fluent/docs/customization-scheduler.md @@ -817,6 +817,96 @@ The following table lists the available variables for customization.
Description
The color of the Scheduler marquee.
+ + $kendo-scheduler-tooltip-callout-text + + null + + + +
Description
The color of the Scheduler Tooltip callout.
+ + + + $kendo-scheduler-appointments-padding + + null + + + +
Description
The padding of the Scheduler appointments.
+ + + + $kendo-scheduler-event-template-padding-x + + null + + + +
Description
The horizontal padding of the Scheduler event template.
+ + + + $kendo-scheduler-event-template-padding-y + + null + + + +
Description
The vertical padding of the Scheduler event template.
+ + + + $kendo-scheduler-event-actions-inset-x + + null + + + +
Description
The inline inset of the Scheduler event actions.
+ + + + $kendo-scheduler-indicators-margin + + null + + + +
Description
The margin of the Scheduler event indicators.
+ + + + $kendo-scheduler-rtl-indicators-margin + + null + + + +
Description
The margin of the Scheduler event indicators in rtl.
+ + + + $kendo-scheduler-marquee-label-inset-x + + null + + + +
Description
The inline inset of the Scheduler marquee labels.
+ + + + $kendo-scheduler-marquee-label-inset-y + + null + + + +
Description
The block inset of the Scheduler marquee labels.
+ + diff --git a/packages/fluent/docs/customization-scrollview.md b/packages/fluent/docs/customization-scrollview.md index eda6621bdf8..9c45d113d03 100644 --- a/packages/fluent/docs/customization-scrollview.md +++ b/packages/fluent/docs/customization-scrollview.md @@ -317,6 +317,86 @@ The following table lists the available variables for customization.
Description
The timing function of the ScrollView transition.
+ + $kendo-scrollview-pagebutton-shadow + + null + + + +
Description
The box shadow of the ScrollView page button.
+ + + + $kendo-scrollview-arrow-tap-highlight-color + + null + + + +
Description
The text color of the highlight over the tapped ScrollView navigation arrows.
+ + + + $kendo-scrollview-navigation-icon-shadow + + null + + + +
Description
The box shadow of the ScrollView navigation arrows.
+ + + + $kendo-scrollview-navigation-default-opacity + + null + + + +
Description
The opacity of the ScrollView navigation.
+ + + + $kendo-scrollview-navigation-hover-opacity + + null + + + +
Description
The hover opacity of the ScrollView navigation.
+ + + + $kendo-scrollview-navigation-hover-span-bg + + null + + + +
Description
The hover background color of the ScrollView navigation arrows.
+ + + + $kendo-scrollview-light-bg + + null + + + +
Description
The background color of the ScrollView pager in light mode.
+ + + + $kendo-scrollview-dark-bg + + null + + + +
Description
The background color of the ScrollView pager in dark mode.
+ + diff --git a/packages/fluent/docs/customization-slider.md b/packages/fluent/docs/customization-slider.md index a93927c9561..3dfd8809be0 100644 --- a/packages/fluent/docs/customization-slider.md +++ b/packages/fluent/docs/customization-slider.md @@ -497,6 +497,286 @@ The following table lists the available variables for customization.
Description
The background image of the vertical Slider tick.
+ + $kendo-slider-tick-size + + null + + + +
Description
The default size of the Slider tick.
+ + + + $kendo-slider-button-offset + + null + + + +
Description
The offset of the Slider Buttons.
+ + + + $kendo-slider-button-size + + null + + + +
Description
The size of the Slider Buttons.
+ + + + $kendo-slider-button-spacing + + null + + + +
Description
The spacing of the Slider Buttons.
+ + + + $kendo-slider-button-focus-shadow + + null + + + +
Description
The shadow of the focused Slider Buttons.
+ + + + $kendo-slider-track-thickness + + null + + + +
Description
The thickness of the Slider track.
+ + + + $kendo-slider-draghandle-size + + null + + + +
Description
The size of the Slider drag handle.
+ + + + $kendo-slider-draghandle-border-width + + null + + + +
Description
The border width of the Slider drag handle.
+ + + + $kendo-slider-draghandle-active-scale + + null + + + +
Description
The transition scale of the active Slider drag handle.
+ + + + $kendo-slider-draghandle-active-size + + null + + + +
Description
The size of the active Slider drag handle.
+ + + + $kendo-slider-draghandle-bg + + null + + + +
Description
The background color of the Slider drag handle.
+ + + + $kendo-slider-draghandle-text + + null + + + +
Description
The text color of the Slider drag handle.
+ + + + $kendo-slider-draghandle-border + + null + + + +
Description
The border color of the Slider drag handle.
+ + + + $kendo-slider-draghandle-gradient + + null + + + +
Description
The gradient of the Slider drag handle.
+ + + + $kendo-slider-draghandle-hover-bg + + null + + + +
Description
The background color of the hovered Slider drag handle.
+ + + + $kendo-slider-draghandle-hover-text + + null + + + +
Description
The text color of the hovered Slider drag handle.
+ + + + $kendo-slider-draghandle-hover-border + + null + + + +
Description
The border color of the hovered Slider drag handle.
+ + + + $kendo-slider-draghandle-hover-gradient + + null + + + +
Description
The gradient of the hovered Slider drag handle.
+ + + + $kendo-slider-draghandle-pressed-bg + + null + + + +
Description
The background color of the active Slider drag handle.
+ + + + $kendo-slider-draghandle-pressed-text + + null + + + +
Description
The text color of the active Slider drag handle.
+ + + + $kendo-slider-draghandle-pressed-border + + null + + + +
Description
The border color of the active Slider drag handle.
+ + + + $kendo-slider-draghandle-pressed-gradient + + null + + + +
Description
The gradient of the active Slider drag handle.
+ + + + $kendo-slider-draghandle-focus-shadow + + null + + + +
Description
The shadow of the focused Slider drag handle.
+ + + + $kendo-slider-draghandle-transition-speed + + null + + + +
Description
The transition speed of the Slider drag handle.
+ + + + $kendo-slider-draghandle-transition-function + + null + + + +
Description
The transition function of the Slider drag handle.
+ + + + $kendo-slider-disabled-opacity + + null + + + + + + + + $kendo-slider-tick-horizontal-image + + "data:image/gif;base64,R0lGODlhAQC0AIABALi4uAAAACH5BAEAAAEALAAAAAABALQAAAIWjIGJxqzazlux2ovlzND2rAHgSIZWAQA7" + + + +
Description
The background image of the horizontal Slider tick.
+ + + + $kendo-slider-tick-vertical-image + + "data:image/gif;base64,R0lGODlhtAABAIABALi4uAAAACH5BAEAAAEALAAAAAC0AAEAAAIWjIGJxqzazlux2ovlzND2rAHgSIZWAQA7" + + + +
Description
The background image of the vertical Slider tick.
+ + diff --git a/packages/fluent/docs/customization-split-button.md b/packages/fluent/docs/customization-split-button.md index 586d4cfd57f..d09672130c6 100644 --- a/packages/fluent/docs/customization-split-button.md +++ b/packages/fluent/docs/customization-split-button.md @@ -131,6 +131,36 @@ The following table lists the available variables for customization.
Description
The sizes map for the SplitButton.
+ + $kendo-split-button-focus-shadow + + null + + + +
Description
The focus shadow of the SplitButton.
+ + + + $kendo-split-button-arrow-padding-x + + null + + + +
Description
The horizontal padding of the arrow Button.
+ + + + $kendo-split-button-arrow-padding-y + + null + + + +
Description
The vertical padding of the arrow Button.
+ + diff --git a/packages/fluent/docs/customization-spreadsheet.md b/packages/fluent/docs/customization-spreadsheet.md index 38a41b7b0bb..e246e2b8958 100644 --- a/packages/fluent/docs/customization-spreadsheet.md +++ b/packages/fluent/docs/customization-spreadsheet.md @@ -1017,6 +1017,46 @@ The following table lists the available variables for customization.
Description
The image of the Spreadsheet insert image Dialog.
+ + $kendo-spreadsheet-header-gradient + + null + + + +
Description
The gradient of the Spreadsheet header.
+ + + + $kendo-spreadsheet-table-header-gradient + + null + + + +
Description
The gradient of the Spreadsheet table headers.
+ + + + $kendo-spreadsheet-formula-bar-icon-padding + + null + + + +
Description
The padding of the Spreadsheet formula bar icon.
+ + + + $kendo-spreadsheet-filter-padding + + null + + + +
Description
The padding of the Spreadsheet filter.
+ + diff --git a/packages/fluent/docs/customization-stepper.md b/packages/fluent/docs/customization-stepper.md index 0344b5f9df0..0767e6ef885 100644 --- a/packages/fluent/docs/customization-stepper.md +++ b/packages/fluent/docs/customization-stepper.md @@ -637,6 +637,96 @@ The following table lists the available variables for customization.
Description
The timing function of the Stepper transition.
+ + $kendo-stepper-margin-x + + null + + + +
Description
The horizontal margin the Stepper.
+ + + + $kendo-stepper-margin-y + + null + + + +
Description
The vertical margin the Stepper.
+ + + + $kendo-stepper-padding-x + + null + + + +
Description
The horizontal padding the Stepper.
+ + + + $kendo-stepper-padding-y + + null + + + +
Description
The vertical padding the Stepper.
+ + + + $kendo-stepper-optional-label-opacity + + null + + + +
Description
The opacity of the optional Stepper label.
+ + + + $kendo-stepper-progressbar-bg + + null + + + +
Description
The background color of the Stepper ProgressBar.
+ + + + $kendo-stepper-progressbar-text + + null + + + +
Description
The text color of the Stepper ProgressBar.
+ + + + $kendo-stepper-progressbar-fill-bg + + null + + + +
Description
The background color of the selected Stepper ProgressBar.
+ + + + $kendo-stepper-progressbar-fill-text + + null + + + +
Description
The text color of the selected Stepper ProgressBar.
+ + diff --git a/packages/fluent/docs/customization-switch.md b/packages/fluent/docs/customization-switch.md index aa8a41150d3..2b9eceb66c0 100644 --- a/packages/fluent/docs/customization-switch.md +++ b/packages/fluent/docs/customization-switch.md @@ -521,6 +521,146 @@ The following table lists the available variables for customization.
Description
The border color of the thumb when the disabled Switch is checked.
+ + $kendo-switch-off-track-gradient + + null + + + +
Description
The background gradient of the track when the Switch is not checked.
+ + + + $kendo-switch-off-track-hover-gradient + + null + + + +
Description
The background gradient of the track when the hovered Switch is not checked.
+ + + + $kendo-switch-off-track-focus-gradient + + null + + + +
Description
The background gradient of the track when the focused Switch is not checked.
+ + + + $kendo-switch-off-track-focus-ring + + null + + + +
Description
The ring around the track when the focused Switch is not checked.
+ + + + $kendo-switch-off-track-disabled-gradient + + null + + + +
Description
The background gradient of the track when the disabled Switch is not checked.
+ + + + $kendo-switch-off-thumb-gradient + + null + + + +
Description
The background gradient of the thumb when the Switch is not checked.
+ + + + $kendo-switch-off-thumb-hover-gradient + + null + + + +
Description
The background gradient of the thumb when the hovered Switch is not checked.
+ + + + $kendo-switch-on-track-gradient + + null + + + +
Description
The background gradient of the track when the Switch is checked.
+ + + + $kendo-switch-on-track-hover-gradient + + null + + + +
Description
The background gradient of the track when the hovered Switch is checked.
+ + + + $kendo-switch-on-track-focus-gradient + + null + + + +
Description
The background gradient of the track when the focused Switch is checked.
+ + + + $kendo-switch-on-track-focus-ring + + null + + + +
Description
The ring around the track when the focused Switch is checked.
+ + + + $kendo-switch-on-track-disabled-gradient + + null + + + +
Description
The background gradient of the track when the disabled Switch is checked.
+ + + + $kendo-switch-on-thumb-gradient + + null + + + +
Description
The background gradient of the thumb when the Switch is checked.
+ + + + $kendo-switch-on-thumb-hover-gradient + + null + + + +
Description
The background gradient of the thumb when the hovered Switch is checked.
+ + diff --git a/packages/fluent/docs/customization-table.md b/packages/fluent/docs/customization-table.md index 86499875034..c687a71a48c 100644 --- a/packages/fluent/docs/customization-table.md +++ b/packages/fluent/docs/customization-table.md @@ -465,6 +465,36 @@ The following table lists the available variables for customization.
Description
Hover border color of selected rows in table.
+ + $kendo-table-font-size + + null + + + +
Description
The font size of the table if no size is specified.
+ + + + $kendo-table-line-height + + null + + + +
Description
The line-height of the table if no size is specified.
+ + + + $kendo-table-header-gradient + + null + + + +
Description
Gradient of table headers.
+ + diff --git a/packages/fluent/docs/customization-tabstrip.md b/packages/fluent/docs/customization-tabstrip.md index 7203c3e4175..be514e5ec0a 100644 --- a/packages/fluent/docs/customization-tabstrip.md +++ b/packages/fluent/docs/customization-tabstrip.md @@ -646,6 +646,56 @@ The following table lists the available variables for customization.
Description
The size map of the TabStrip.
+ + $kendo-tabstrip-item-gradient + + null + + + +
Description
The gradient of the TabStrip items.
+ + + + $kendo-tabstrip-item-hover-gradient + + null + + + +
Description
The gradient of the hovered TabStrip items.
+ + + + $kendo-tabstrip-item-selected-gradient + + null + + + +
Description
The gradient of the selected TabStrip items.
+ + + + $kendo-tabstrip-item-dragging-shadow + + null + + + +
Description
The shadow of the dragged TabStrip items.
+ + + + $kendo-tabstrip-item-disabled-gradient + + null + + + +
Description
The gradient of the disabled TabStrip items.
+ + diff --git a/packages/fluent/docs/customization-taskboard.md b/packages/fluent/docs/customization-taskboard.md index 3a5e9763115..ed11c38f3cb 100644 --- a/packages/fluent/docs/customization-taskboard.md +++ b/packages/fluent/docs/customization-taskboard.md @@ -657,6 +657,176 @@ The following table lists the available variables for customization.
Description
The border color of the TaskBoard Card placeholder.
+ + $kendo-taskboard-toolbar-padding-y + + null + + + +
Description
The vertical padding of the TaskBoard Toolbar.
+ + + + $kendo-taskboard-toolbar-padding-x + + null + + + +
Description
The horizontal padding of the TaskBoard Toolbar.
+ + + + $kendo-taskboard-toolbar-bg + + null + + + +
Description
The background color of the TaskBoard Toolbar.
+ + + + $kendo-taskboard-toolbar-text + + null + + + +
Description
The text color of the TaskBoard Toolbar.
+ + + + $kendo-taskboard-toolbar-border + + null + + + +
Description
The border color of the TaskBoard Toolbar.
+ + + + $kendo-taskboard-toolbar-gradient + + null + + + +
Description
The gradient of the TaskBoard Toolbar.
+ + + + $kendo-taskboard-card-border-width + + null + + + +
Description
The border width of the TaskBoard Card.
+ + + + $kendo-taskboard-card-border-radius + + null + + + +
Description
The border radius of the TaskBoard Card.
+ + + + $kendo-taskboard-card-shadow + + null + + + +
Description
The shadow of the TaskBoard Card.
+ + + + $kendo-taskboard-card-bg + + null + + + +
Description
The background color of the TaskBoard Card.
+ + + + $kendo-taskboard-card-text + + null + + + +
Description
The text color of the TaskBoard Card.
+ + + + $kendo-taskboard-card-border + + null + + + +
Description
The border color of the TaskBoard Card.
+ + + + $kendo-taskboard-card-hover-border + + null + + + +
Description
The border color of the hovered TaskBoard Card.
+ + + + $kendo-taskboard-card-focus-border + + null + + + +
Description
The border color of the focused TaskBoard Card.
+ + + + $kendo-taskboard-card-header-text + + null + + + +
Description
The text color of the TaskBoard Card header text.
+ + + + $kendo-taskboard-card-header-hover-text + + null + + + +
Description
The text color of the hovered TaskBoard Card header text.
+ + + + $kendo-taskboard-card-header-focus-text + + null + + + +
Description
The text color of the focused TaskBoard Card header text.
+ + diff --git a/packages/fluent/docs/customization-tile-layout.md b/packages/fluent/docs/customization-tile-layout.md index 7958fb42893..5c45a11ddd6 100644 --- a/packages/fluent/docs/customization-tile-layout.md +++ b/packages/fluent/docs/customization-tile-layout.md @@ -107,6 +107,26 @@ The following table lists the available variables for customization.
Description
The background color of the TileLayout hint.
+ + $kendo-tile-layout-card-border-width + + null + + + +
Description
The width of the border around the TileLayout card.
+ + + + $kendo-tile-layout-card-focus-shadow + + null + + + +
Description
The focus box shadow of the TileLayout card.
+ + diff --git a/packages/fluent/docs/customization-timeline.md b/packages/fluent/docs/customization-timeline.md index 22408d533fc..9108f62488c 100644 --- a/packages/fluent/docs/customization-timeline.md +++ b/packages/fluent/docs/customization-timeline.md @@ -617,6 +617,26 @@ The following table lists the available variables for customization.
Description
The spacing of the Timeline icons.
+ + $kendo-timeline-track-item-focus-shadow + + null + + + +
Description
The shadow of the Timeline's focused track items.
+ + + + $kendo-timeline-collapse-arrow-padding-x + + null + + + +
Description
The horizontal padding of the Timeline collapse arrow.
+ + diff --git a/packages/fluent/docs/customization-toolbar.md b/packages/fluent/docs/customization-toolbar.md index 7813b59bb47..aa004d75903 100644 --- a/packages/fluent/docs/customization-toolbar.md +++ b/packages/fluent/docs/customization-toolbar.md @@ -386,6 +386,166 @@ The following table lists the available variables for customization.
Description
The sizes map for the Toolbar.
+ + $kendo-toolbar-padding-x + + null + + + +
Description
The horizontal padding of the Toolbar.
+ + + + $kendo-toolbar-padding-y + + null + + + +
Description
The vertical padding of the Toolbar.
+ + + + $kendo-toolbar-spacing + + null + + + +
Description
The spacing between the Toolbar tools.
+ + + + $kendo-toolbar-separator-height + + null + + + +
Description
The height of the Toolbar button separator.
+ + + + $kendo-toolbar-border-radius + + null + + + +
Description
The border radius of the Toolbar.
+ + + + $kendo-toolbar-gradient + + null + + + +
Description
The gradient of the Toolbar.
+ + + + $kendo-toolbar-shadow + + null + + + +
Description
The box shadow of the Toolbar.
+ + + + $kendo-toolbar-outline-gradient + + null + + + +
Description
The gradient of the outline Toolbar.
+ + + + $kendo-toolbar-outline-shadow + + null + + + +
Description
The box shadow of the outline Toolbar.
+ + + + $kendo-toolbar-flat-gradient + + null + + + +
Description
The gradient of the flat Toolbar.
+ + + + $kendo-toolbar-flat-shadow + + null + + + +
Description
The box shadow of the flat Toolbar.
+ + + + $kendo-toolbar-item-shadow + + null + + + +
Description
The box shadow of the focused Toolbar item.
+ + + + $kendo-toolbar-overflow-container-font-size + + null + + + +
Description
The font size of the Toolbar overflow container.
+ + + + $kendo-toolbar-overflow-container-line-height + + null + + + +
Description
The line-height of the Toolbar overflow container.
+ + + + $kendo-toolbar-overflow-button-padding-y + + null + + + +
Description
The vertical padding of the Toolbar overflow button.
+ + + + $kendo-toolbar-overflow-button-padding-x + + null + + + +
Description
The horizontal padding of the Toolbar overflow button.
+ + diff --git a/packages/fluent/docs/customization-tooltip.md b/packages/fluent/docs/customization-tooltip.md index 435c42d584c..3548dbbb772 100644 --- a/packages/fluent/docs/customization-tooltip.md +++ b/packages/fluent/docs/customization-tooltip.md @@ -187,6 +187,16 @@ The following table lists the available variables for customization.
Description
The text color of the Tooltip button.
+ + $kendo-tooltip-theme + + null + + + +
Description
The generated theme colors map for the Tooltip.
+ + diff --git a/packages/fluent/docs/customization-treeview.md b/packages/fluent/docs/customization-treeview.md index d1ef1f1e459..4da871339c7 100644 --- a/packages/fluent/docs/customization-treeview.md +++ b/packages/fluent/docs/customization-treeview.md @@ -536,6 +536,126 @@ The following table lists the available variables for customization.
Description
The padding of the checkbox wrapper in the TreeView.
+ + $kendo-treeview-font-size + + null + + + +
Description
The font size of the TreeView.
+ + + + $kendo-treeview-line-height + + null + + + +
Description
The line height of the TreeView.
+ + + + $kendo-treeview-item-padding-x + + null + + + +
Description
The horizontal padding of the TreeView items.
+ + + + $kendo-treeview-item-padding-y + + null + + + +
Description
The vertical padding of the TreeView items.
+ + + + $kendo-treeview-sm-checkbox-padding-x + + null + + + +
Description
The horizontal padding of the checkbox in the small TreeView.
+ + + + $kendo-treeview-md-checkbox-padding-x + + null + + + +
Description
The horizontal padding of the checkbox in the medium TreeView.
+ + + + $kendo-treeview-lg-checkbox-padding-x + + null + + + +
Description
The horizontal padding of the checkbox in the large TreeView.
+ + + + $kendo-treeview-sm-checkbox-padding-y + + null + + + +
Description
The vertical padding of the checkbox in the small TreeView.
+ + + + $kendo-treeview-md-checkbox-padding-y + + null + + + +
Description
The vertical padding of the checkbox in the medium TreeView.
+ + + + $kendo-treeview-lg-checkbox-padding-y + + null + + + +
Description
The vertical padding of the checkbox in the large TreeView.
+ + + + $kendo-treeview-item-hover-gradient + + null + + + +
Description
The background gradient of hovered TreeView items.
+ + + + $kendo-treeview-item-selected-gradient + + null + + + +
Description
The background gradient of selected TreeView items.
+ + diff --git a/packages/fluent/docs/customization-upload.md b/packages/fluent/docs/customization-upload.md index 070584b7f1f..013c341486c 100644 --- a/packages/fluent/docs/customization-upload.md +++ b/packages/fluent/docs/customization-upload.md @@ -317,6 +317,16 @@ The following table lists the available variables for customization.
Description
The shadow of the focused Upload button, actions and uploaded items.
+ + $kendo-upload-validation-line-height + + null + + + +
Description
The line height of the Upload validation message.
+ + diff --git a/packages/fluent/docs/customization-window.md b/packages/fluent/docs/customization-window.md index cbb900a3509..01851952bf1 100644 --- a/packages/fluent/docs/customization-window.md +++ b/packages/fluent/docs/customization-window.md @@ -353,6 +353,16 @@ The following table lists the available variables for customization.
Description
The theme colors map for the Window.
+ + $kendo-window-titlebar-gradient + + null + + + +
Description
The background gradient of the Window titlebar.
+ + diff --git a/packages/fluent/docs/customization.md b/packages/fluent/docs/customization.md index 443359b44dd..48ecf24d606 100644 --- a/packages/fluent/docs/customization.md +++ b/packages/fluent/docs/customization.md @@ -230,6 +230,56 @@ The following table lists the available variables for customizing the Fluent the
Description
The line height of the sixth highest level heading.
+ + $kendo-disabled-bg + String + null + var(--kendo-color-base-subtle, #edebe9) + + +
Description
The background color of disabled items.
+ + + + $kendo-disabled-text + String + null + color-mix(in srgb, var(--kendo-color-on-app-surface, #323130) 46%, transparent) + + +
Description
The text color of disabled items.
+ + + + $kendo-disabled-border + Color + null + transparent + + +
Description
The border color of disabled items.
+ + + + $kendo-disabled-opacity + Null + null + null + + +
Description
The opacity of disabled items.
+ + + + $kendo-disabled-filter + Null + null + null + + +
Description
The filter of disabled items.
+ + @@ -1157,6 +1207,76 @@ The following table lists the available variables for customizing the Fluent the
Description
The theme colors map for the AppBar variations.
+ + $kendo-appbar-gap + + null + + + +
Description
The spacing between the AppBar sections.
+ + + + $kendo-appbar-light-bg + + null + + + +
Description
The background color of the AppBar based on light theme color.
+ + + + $kendo-appbar-light-text + + null + + + +
Description
The text color of the AppBar based on light theme color.
+ + + + $kendo-appbar-dark-bg + + null + + + +
Description
The background color of the AppBar based on dark theme color.
+ + + + $kendo-appbar-dark-text + + null + + + +
Description
The text color of the AppBar based on dark theme color.
+ + + + $kendo-appbar-box-shadow + + null + + + +
Description
The box shadow of the AppBar.
+ + + + $kendo-appbar-bottom-box-shadow + + null + + + +
Description
The box shadow of the AppBar with bottom position.
+ + @@ -1537,6 +1657,66 @@ The following table lists the available variables for customizing the Fluent the
Description
The theme colors map for the Badge variations.
+ + $kendo-badge-border-radius + + null + + + +
Description
The border radius of the Badge.
+ + + + $kendo-badge-padding-x + + null + + + +
Description
The horizontal padding of the Badge.
+ + + + $kendo-badge-padding-y + + null + + + +
Description
The vertical padding of the Badge.
+ + + + $kendo-badge-font-size + + null + + + +
Description
The font sizes of the Badge.
+ + + + $kendo-badge-line-height + + null + + + +
Description
The line heights used along with the $kendo-font-size variable.
+ + + + $kendo-badge-min-width + + null + + + +
Description
The calculated minimum width of the circular Badge.
+ + @@ -1894,6 +2074,36 @@ The following table lists the available variables for customizing the Fluent the
Description
The theme colors map for the BottomNavigation variations.
+ + $kendo-bottom-nav-flat-text + + null + + + +
Description
The text color of the flat BottomNavigation.
+ + + + $kendo-bottom-nav-flat-bg + + null + + + +
Description
The background color of the flat BottomNavigation.
+ + + + $kendo-bottom-nav-flat-border + + null + + + +
Description
The border color of the flat BottomNavigation.
+ + @@ -2649,6 +2859,66 @@ The following table lists the available variables for customizing the Fluent the
Description
The sizes map for the Breadcrumb.
+ + $kendo-breadcrumb-link-icon-spacing + String + null + var(--kendo-icon-spacing, var(--kendo-spacing-2, 0.5rem)) + + +
Description
The spacing of the Breadcrumb link icon.
+ + + + $kendo-breadcrumb-link-focus-border + + null + + + +
Description
The border color of the focused Breadcrumb link.
+ + + + $kendo-breadcrumb-root-link-focus-border + + null + + + +
Description
The border color of the focused Breadcrumb root link.
+ + + + $kendo-breadcrumb-current-item-bg + Null + null + null + + +
Description
The background color of the current Breadcrumb root link.
+ + + + $kendo-breadcrumb-current-item-text + Null + null + null + + +
Description
The text color of the current Breadcrumb root link.
+ + + + $kendo-breadcrumb-current-item-border + Null + null + null + + +
Description
The border color of the current Breadcrumb root link.
+ + @@ -2968,6 +3238,416 @@ The following table lists the available variables for customizing the Fluent the
Description
The theme colors map for the Button.
+ + $kendo-button-border-radius + + null + + + +
Description
The border radius of the Button.
+ + + + $kendo-button-padding-x + + null + + + +
Description
The horizontal padding of the Button.
+ + + + $kendo-button-padding-y + + null + + + +
Description
The vertical padding of the Button.
+ + + + $kendo-button-font-size + + null + + + +
Description
The font size of the Button.
+ + + + $kendo-button-line-height + + null + + + +
Description
The line height used along with the $kendo-font-size the.
+ + + + $kendo-button-bg + + null + + + +
Description
The base background of the Button.
+ + + + $kendo-button-text + + null + + + +
Description
The base text color of the Button.
+ + + + $kendo-button-border + + null + + + +
Description
The base border color of the Button.
+ + + + $kendo-button-gradient + + null + + + +
Description
The base background gradient of the Button.
+ + + + $kendo-button-shadow + + null + + + +
Description
The base shadow of the Button.
+ + + + $kendo-button-hover-bg + + null + + + +
Description
The base background of the hovered Button.
+ + + + $kendo-button-hover-text + + null + + + +
Description
The base text color of the hovered Button.
+ + + + $kendo-button-hover-border + + null + + + +
Description
The base border color of the hovered Button.
+ + + + $kendo-button-hover-gradient + + null + + + +
Description
The base background gradient of the hovered Button.
+ + + + $kendo-button-hover-shadow + + null + + + +
Description
The base shadow of the hovered Button.
+ + + + $kendo-button-active-bg + + null + + + +
Description
The base background color of the active Button.
+ + + + $kendo-button-active-text + + null + + + +
Description
The base text color of the active Button.
+ + + + $kendo-button-active-border + + null + + + +
Description
The base border color of the active Button.
+ + + + $kendo-button-active-gradient + + null + + + +
Description
The base background gradient of the active Button.
+ + + + $kendo-button-active-shadow + + null + + + +
Description
The base shadow of the active Button.
+ + + + $kendo-button-selected-bg + + null + + + +
Description
The base background color of the selected Button.
+ + + + $kendo-button-selected-text + + null + + + +
Description
The text color of the selected Button.
+ + + + $kendo-button-selected-border + + null + + + +
Description
The border color of the selected Button.
+ + + + $kendo-button-selected-gradient + + null + + + +
Description
The background gradient of the selected Button.
+ + + + $kendo-button-selected-shadow + + null + + + +
Description
The base shadow of the selected Button.
+ + + + $kendo-button-focus-bg + + null + + + +
Description
The base background of the focused Button.
+ + + + $kendo-button-focus-text + + null + + + +
Description
The base text color of the focused Button.
+ + + + $kendo-button-focus-border + + null + + + +
Description
The base border color of the focused Button.
+ + + + $kendo-button-focus-gradient + + null + + + +
Description
The base background gradient of the focused Button.
+ + + + $kendo-button-focus-shadow + + null + + + +
Description
The base shadow of the focused Button.
+ + + + $kendo-button-disabled-bg + + null + + + +
Description
The base background of the disabled Button.
+ + + + $kendo-button-disabled-text + + null + + + +
Description
The base text color of the disabled Button.
+ + + + $kendo-button-disabled-border + + null + + + +
Description
The base border color of the disabled Button.
+ + + + $kendo-button-disabled-gradient + + null + + + +
Description
The base background gradient of the disabled Button.
+ + + + $kendo-button-disabled-shadow + + null + + + +
Description
The base shadow of the disabled Button.
+ + + + $kendo-flat-button-hover-opacity + + null + + + +
Description
The overlay opacity of the hovered flat Button. Used to create a background for the flat Button.
+ + + + $kendo-flat-button-focus-opacity + + null + + + +
Description
The overlay opacity of the focused flat Button. Used to create a background for the flat Button.
+ + + + $kendo-flat-button-active-opacity + + null + + + +
Description
The overlay opacity of the active flat Button. Used to create background for the flat Button.
+ + + + $kendo-flat-button-selected-opacity + + null + + + +
Description
The overlay opacity of the selected flat Button. Used to create background for the flat Button.
+ + + + $kendo-flat-button-focus-ring-opacity + + null + + + +
Description
The opacity of the flat Button focus ring. Used to create a border for the flat Button.
+ + + + $kendo-button-transition + + null + + + +
Description
The color transition of the flat Button.
+ + @@ -4023,6 +4703,146 @@ The following table lists the available variables for customizing the Fluent the
Description
The sizes Map of the Calendar.
+ + $kendo-calendar-header-gradient + + null + + + +
Description
The gradient of the header in the Calendar.
+ + + + $kendo-calendar-header-shadow + + null + + + +
Description
The shadow of the header in the Calendar.
+ + + + $kendo-calendar-header-cell-opacity + + null + + + +
Description
The opacity of the header cells in the Calendar.
+ + + + $kendo-calendar-week-number-font-size + + null + + + +
Description
The font size of the week number cells in the Calendar.
+ + + + $kendo-calendar-today-style + + null + + + +
Description
The style of the current day in the Calendar.
+ + + + $kendo-calendar-today-color + + null + + + +
Description
The color of the current day in the Calendar.
+ + + + $kendo-calendar-cell-border + + null + + + +
Description
The border color of the cells in the Calendar.
+ + + + $kendo-calendar-cell-gradient + + null + + + +
Description
The gradient of the cells in the Calendar.
+ + + + $kendo-calendar-cell-hover-border + + null + + + +
Description
The border color of the hovered cells in the Calendar.
+ + + + $kendo-calendar-cell-hover-gradient + + null + + + +
Description
The gradient of the hovered cells in the Calendar.
+ + + + $kendo-calendar-cell-selected-gradient + + null + + + +
Description
The gradient of the selected cells in the Calendar.
+ + + + $kendo-calendar-cell-selected-hover-border + + null + + + +
Description
The border color of the selected and hovered cells in the Calendar.
+ + + + $kendo-calendar-cell-selected-hover-gradient + + null + + + +
Description
The gradient of the selected and hovered cells in the Calendar.
+ + + + $kendo-calendar-range-cell-border-radius + + null + + + +
Description
The border radius of the range cells in the Multiview Calendar.
+ + @@ -4173,6 +4993,66 @@ The following table lists the available variables for customizing the Fluent the
Description
The font size of the Captcha validation message.
+ + $kendo-captcha-gap + + null + + + +
Description
The gap of the Captcha.
+ + + + $kendo-captcha-image-wrap-gap + + null + + + +
Description
The gap of the Captcha image wrapper.
+ + + + $kendo-captcha-image-controls-gap + + null + + + +
Description
The gap of the Captcha image controls.
+ + + + $kendo-captcha-validation-message-margin-top + + null + + + +
Description
The top margin of the Captcha validation message.
+ + + + $kendo-captcha-validation-message-font-size + + null + + + +
Description
The font size of the Captcha validation message.
+ + + + $kendo-captcha-validation-message-font-style + + null + + + +
Description
The font style of the Captcha validation message.
+ + @@ -4743,6 +5623,56 @@ The following table lists the available variables for customizing the Fluent the
Description
The size of the Card callout.
+ + $kendo-card-title-letter-spacing + + null + + + +
Description
The letter spacing of the Card title.
+ + + + $kendo-card-subtitle-font-weight + + null + + + +
Description
The font weight of the Card subtitle.
+ + + + $kendo-card-subtitle-letter-spacing + + null + + + +
Description
The letter spacing of the Card subtitle.
+ + + + $kendo-card-callout-width + + null + + + +
Description
The width of the Card callout.
+ + + + $kendo-card-callout-height + + null + + + +
Description
The height of the Card callout.
+ + @@ -6233,6 +7163,36 @@ The following table lists the available variables for customizing the Fluent the
Description
The outline style of the focused Chat quick reply.
+ + $kendo-chat-quick-reply-shadow-blur + + null + + + +
Description
The shadow blur of the focused Chat quick reply.
+ + + + $kendo-chat-quick-reply-shadow-spread + + null + + + +
Description
The shadow spread of the focused Chat quick reply.
+ + + + $kendo-chat-quick-reply-shadow-opacity + + null + + + +
Description
The shadow opacity of the focused Chat quick reply.
+ + @@ -6773,6 +7733,116 @@ The following table lists the available variables for customizing the Fluent the
Description
The opacity of the CheckBox' ripple.
+ + $kendo-checkbox-sm-size + + null + + + +
Description
The size of a small CheckBox.
+ + + + $kendo-checkbox-md-size + + null + + + +
Description
The size of a medium CheckBox.
+ + + + $kendo-checkbox-lg-size + + null + + + +
Description
The size of a large CheckBox.
+ + + + $kendo-checkbox-sm-glyph-size + + null + + + +
Description
The glyph size of a small CheckBox.
+ + + + $kendo-checkbox-md-glyph-size + + null + + + +
Description
The glyph size of a medium CheckBox.
+ + + + $kendo-checkbox-lg-glyph-size + + null + + + +
Description
The glyph size of a large CheckBox.
+ + + + $kendo-checkbox-sm-ripple-size + + null + + + +
Description
The ripple size of a small CheckBox.
+ + + + $kendo-checkbox-md-ripple-size + + null + + + +
Description
The ripple size of a medium CheckBox.
+ + + + $kendo-checkbox-lg-ripple-size + + null + + + +
Description
The ripple size of a large CheckBox.
+ + + + $kendo-checkbox-focus-checked-border + + null + + + +
Description
The border color of the focused and checked CheckBox.
+ + + + $kendo-checkbox-focus-checked-shadow + + null + + + +
Description
The box shadow of the focused and checked CheckBox.
+ + @@ -7106,6 +8176,246 @@ The following table lists the available variables for customizing the Fluent the
Description
The sizes of the Chip list.
+ + $kendo-chip-padding-x + + null + + + +
Description
The horizontal padding of the Chip.
+ + + + $kendo-chip-padding-y + + null + + + +
Description
The vertical padding of the Chip.
+ + + + $kendo-chip-font-size + + null + + + +
Description
The font size of the Chip.
+ + + + $kendo-chip-line-height + + null + + + +
Description
The Chip's line height that is related to the $kendo-font-size.
+ + + + $kendo-chip-base-bg + + null + + + +
Description
The base background of the Chip.
+ + + + $kendo-chip-solid-bg + + null + + + +
Description
The base background color of the solid Chip.
+ + + + $kendo-chip-solid-text + + null + + + +
Description
The base text color of the solid Chip.
+ + + + $kendo-chip-solid-border + + null + + + +
Description
The base border color of the solid Chip.
+ + + + $kendo-chip-solid-shadow + + null + + + +
Description
The base shadow of the solid Chip.
+ + + + $kendo-chip-solid-gradient + + null + + + +
Description
The base gradient of the solid Chip.
+ + + + $kendo-chip-solid-focus-bg + + null + + + +
Description
The base background color of the focused solid Chip.
+ + + + $kendo-chip-solid-focus-text + + null + + + +
Description
The base text color of the focused solid Chip.
+ + + + $kendo-chip-solid-hover-bg + + null + + + +
Description
The base background color of the hovered solid Chip.
+ + + + $kendo-chip-solid-hover-text + + null + + + +
Description
The base text color of the hovered solid Chip.
+ + + + $kendo-chip-solid-selected-bg + + null + + + +
Description
The base background color of the selected solid Chip.
+ + + + $kendo-chip-solid-selected-text + + null + + + +
Description
The base text color of the selected solid Chip.
+ + + + $kendo-chip-outline-bg + + null + + + +
Description
The base background color of the outline Chip.
+ + + + $kendo-chip-outline-text + + null + + + +
Description
The base text color of the outline Chip.
+ + + + $kendo-chip-outline-border + + null + + + +
Description
The base border color of the outline Chip.
+ + + + $kendo-chip-outline-shadow + + null + + + +
Description
The base shadow of the outline Chip.
+ + + + $kendo-chip-outline-hover-bg + + null + + + +
Description
The base background color of the hovered outline Chip.
+ + + + $kendo-chip-outline-hover-text + + null + + + +
Description
The base text color of the hovered outline Chip.
+ + + + $kendo-chip-outline-selected-bg + + null + + + +
Description
The base background color of the selected outline Chip.
+ + + + $kendo-chip-outline-selected-text + + null + + + +
Description
The base text color of the selected outline Chip.
+ + @@ -8663,6 +9973,96 @@ The following table lists the available variables for customizing the Fluent the
Description
The size map of the ColorEditor preview.
+ + $kendo-color-editor-header-actions-gap + + null + + + +
Description
The spacing between the ColorEditor header actions.
+ + + + $kendo-color-editor-preview-gap + + null + + + +
Description
The spacing between the colors in the ColorEditor preview.
+ + + + $kendo-color-editor-sm-preview-gap + + null + + + +
Description
The spacing between the colors in the small ColorEditor preview.
+ + + + $kendo-color-editor-md-preview-gap + + null + + + +
Description
The spacing between the colors in the medium ColorEditor preview.
+ + + + $kendo-color-editor-lg-preview-gap + + null + + + +
Description
The spacing between the colors in the large ColorEditor preview.
+ + + + $kendo-color-editor-views-gap + + null + + + +
Description
The spacing of the ColorEditor views container.
+ + + + $kendo-color-editor-sm-views-gap + + null + + + +
Description
The spacing of the small ColorEditor views container.
+ + + + $kendo-color-editor-md-views-gap + + null + + + +
Description
The spacing of the medium ColorEditor views container.
+ + + + $kendo-color-editor-lg-views-gap + + null + + + +
Description
The spacing of the large ColorEditor views container.
+ + @@ -9368,6 +10768,176 @@ The following table lists the available variables for customizing the Fluent the
Description
The size map of the ColorGradient.
+ + $kendo-color-gradient-gap + + null + + + +
Description
The spacing between the sections of the ColorGradient.
+ + + + $kendo-color-gradient-sm-gap + + null + + + +
Description
The spacing between the sections of the small ColorGradient.
+ + + + $kendo-color-gradient-md-gap + + null + + + +
Description
The spacing between the sections of the medium ColorGradient.
+ + + + $kendo-color-gradient-lg-gap + + null + + + +
Description
The spacing between the sections of the large ColorGradient.
+ + + + $kendo-color-gradient-canvas-gap + + null + + + +
Description
The spacing between the items of the ColorGradient canvas.
+ + + + $kendo-color-gradient-sm-canvas-gap + + null + + + +
Description
The spacing between the items of the small ColorGradient canvas.
+ + + + $kendo-color-gradient-md-canvas-gap + + null + + + +
Description
The spacing between the items of the medium ColorGradient canvas.
+ + + + $kendo-color-gradient-lg-canvas-gap + + null + + + +
Description
The spacing between the items of the large ColorGradient canvas.
+ + + + $kendo-color-gradient-slider-draghandle-border-width + + null + + + +
Description
The width of the border around the ColorGradient slider drag handle.
+ + + + $kendo-color-gradient-draghandle-border-radius + + null + + + +
Description
The border radius of the ColorGradient canvas drag handle.
+ + + + $kendo-color-gradient-draghandle-text + + null + + + +
Description
The text color of the ColorGradient canvas drag handle.
+ + + + $kendo-color-gradient-draghandle-bg + + null + + + +
Description
The background color of the ColorGradient canvas drag handle.
+ + + + $kendo-color-gradient-canvas-draghandle-margin-y + + null + + + +
Description
The vertical margin of the ColorGradient canvas drag handle.
+ + + + $kendo-color-gradient-canvas-draghandle-margin-x + + null + + + +
Description
The horizontal margin of the ColorGradient canvas drag handle.
+ + + + $kendo-color-gradient-input-gap + + null + + + +
Description
The spacing between the ColorGradient inputs.
+ + + + $kendo-color-gradient-input-label-gap + + null + + + +
Description
The spacing between the ColorGradient inputs and their labels.
+ + + + $kendo-color-gradient-contrast-spacer + + null + + + +
Description
The spacing between the items in the ColorGradient contrast tool.
+ + @@ -10951,6 +12521,86 @@ The following table lists the available variables for customizing the Fluent the
Description
The text color of the selected and hovered Drawer item.
+ + $kendo-drawer-hover-bg + + null + + + +
Description
The background color of the hovered Drawer item.
+ + + + $kendo-drawer-hover-text + + null + + + +
Description
The text color of the hovered Drawer item.
+ + + + $kendo-drawer-focus-bg + + null + + + +
Description
The background color of the focused Drawer item.
+ + + + $kendo-drawer-focus-shadow + + null + + + +
Description
The box shadow of the focused Drawer item.
+ + + + $kendo-drawer-selected-bg + + null + + + +
Description
The background color of the selected Drawer item.
+ + + + $kendo-drawer-selected-text + + null + + + +
Description
The text color of the selected Drawer item.
+ + + + $kendo-drawer-selected-hover-bg + + null + + + +
Description
The background color of the selected and hovered Drawer item.
+ + + + $kendo-drawer-selected-hover-text + + null + + + +
Description
The text color of the selected and hovered Drawer item.
+ + @@ -11511,6 +13161,56 @@ The following table lists the available variables for customizing the Fluent the
Description
The border color of the selected cells in the Insert table popup.
+ + $kendo-editor-inline-padding-x + + null + + + +
Description
The horizontal padding of the inline Editor.
+ + + + $kendo-editor-inline-padding-y + + null + + + +
Description
The vertical padding of the inline Editor.
+ + + + $kendo-editor-filebrowser-tiles-padding-x + + null + + + +
Description
The horizontal padding of the Editor file browser tiles.
+ + + + $kendo-editor-filebrowser-tiles-padding-y + + null + + + +
Description
The vertical padding of the Editor file browser tiles.
+ + + + $kendo-editor-content-padding + + null + + + +
Description
The padding of the Editor content.
+ + @@ -11851,6 +13551,46 @@ The following table lists the available variables for customizing the Fluent the
Description
The vertical padding of the ExpansionPanel content.
+ + $kendo-expander-spacing-y + + null + + + +
Description
The vertical spacing of the ExpansionPanel.
+ + + + $kendo-expander-header-border + + null + + + +
Description
The border color of the ExpansionPanel header.
+ + + + $kendo-expander-header-focus-bg + + null + + + +
Description
The background color of the focused ExpansionPanel header.
+ + + + $kendo-expander-header-focus-shadow + + null + + + +
Description
The box shadow of the focused ExpansionPanel header.
+ + @@ -12431,6 +14171,46 @@ The following table lists the available variables for customizing the Fluent the
Description
The border color of the FileManager preview icon.
+ + $kendo-file-manager-toolbar-gradient + + null + + + +
Description
The gradient of the FileManager Toolbar.
+ + + + $kendo-file-manager-listview-item-bg + + null + + + +
Description
The background color of the FileManager ListView item.
+ + + + $kendo-file-manager-listview-item-text + + null + + + +
Description
The text color of the FileManager ListView item.
+ + + + $kendo-file-manager-listview-item-border + + null + + + +
Description
The border color of the FileManager ListView item.
+ + @@ -12551,6 +14331,16 @@ The following table lists the available variables for customizing the Fluent the
Description
The border color of the focused Filter.
+ + $kendo-filter-toolbar-focus-shadow + + null + + + +
Description
The box shadow of the focused Filter toolbar.
+ + @@ -13106,6 +14896,146 @@ The following table lists the available variables for customizing the Fluent the
Description
The border color of the active FAB item.
+ + $kendo-fab-shadow + + null + + + +
Description
The base shadow of the FAB.
+ + + + $kendo-fab-disabled-shadow + + null + + + +
Description
The shadow of the disabled FAB.
+ + + + $kendo-fab-active-shadow + + null + + + +
Description
The shadow of the active FAB.
+ + + + $kendo-fab-outline-style + + null + + + +
Description
The outline style of the FAB.
+ + + + $kendo-fab-outline-width + + null + + + +
Description
The outline width of the FAB.
+ + + + $kendo-fab-item-icon-text + + null + + + +
Description
The base text color of the FAB item icon.
+ + + + $kendo-fab-item-icon-bg + + null + + + +
Description
The base background color of the FAB item icon.
+ + + + $kendo-fab-item-icon-border + + null + + + +
Description
The base border color of the FAB item icon.
+ + + + $kendo-fab-item-shadow + + null + + + +
Description
The base shadow of the FAB item.
+ + + + $kendo-fab-item-disabled-shadow + + null + + + +
Description
The shadow of the disabled FAB item.
+ + + + $kendo-fab-item-active-shadow + + null + + + +
Description
The shadow of the active FAB item.
+ + + + $kendo-fab-item-outline-style + + null + + + +
Description
The outline style of the FAB item.
+ + + + $kendo-fab-item-outline-width + + null + + + +
Description
The outline width of the FAB item.
+ + + + $kendo-fab-item-outline-color + + null + + + +
Description
The outline color of the FAB item.
+ + @@ -13796,6 +15726,66 @@ The following table lists the available variables for customizing the Fluent the
Description
The sizes map for the Form.
+ + $kendo-inline-form-field-padding-x + + null + + + +
Description
The horizontal padding of the inline Form field.
+ + + + $kendo-inline-form-field-padding-y + + null + + + +
Description
The vertical padding of the inline Form field.
+ + + + $kendo-fieldset-legend-padding + + null + + + +
Description
The padding of the Form fieldset legend.
+ + + + $kendo-fieldset-legend-margin + + null + + + +
Description
The margin of the Form fieldset legend
+ + + + $kendo-form-alert-error-margin + + null + + + +
Description
The margin of the Form alert error.
+ + + + $kendo-form-field-info-margin + + null + + + +
Description
The margin of the Form field info.
+ + @@ -14546,6 +16536,96 @@ The following table lists the available variables for customizing the Fluent the
Description
The border color of the invalid Gantt validation Tooltip.
+ + $kendo-gantt-treelist-bg + + null + + + +
Description
The background color of the Gantt TreeList.
+ + + + $kendo-gantt-treelist-text + + null + + + +
Description
The text color of the Gantt TreeList.
+ + + + $kendo-gantt-treelist-border + + null + + + +
Description
The border color of the Gantt TreeList.
+ + + + $kendo-gantt-task-actions-padding + + null + + + +
Description
The padding of the Gantt task actions.
+ + + + $kendo-gantt-rtl-milestone-wrap-margin-x + + null + + + +
Description
The horizontal margin of the Gantt milestone wrap.
+ + + + $kendo-gantt-rtl-milestone-planned-moment-margin-x + + null + + + +
Description
The horizontal margin of the Gantt milestone line dot.
+ + + + $kendo-gantt-rtl-milestone-dot-start-margin-x + + null + + + +
Description
The horizontal margin of the Gantt milestone task dot.
+ + + + $kendo-gantt-task-tooltip-padding-x + + null + + + +
Description
The horizontal padding of the Gantt task Tooltip.
+ + + + $kendo-gantt-task-tooltip-padding-y + + null + + + +
Description
The vertical padding of the Gantt task Tooltip.
+ + @@ -16106,6 +18186,16 @@ The following table lists the available variables for customizing the Fluent the
Description
The height of the Grid row resize indicator.
+ + $kendo-grid-header-gradient + + null + + + +
Description
The background gradient of Grid header.
+ + @@ -16156,6 +18246,76 @@ The following table lists the available variables for customizing the Fluent the
Description
Padding of the action icons container.
+ + $kendo-icon-size-xs + Calculation + null + calc(var(--kendo-icon-size, 1rem) * 0.75) + + +
Description
The extra small icon size.
+ + + + $kendo-icon-size-sm + Calculation + null + calc(var(--kendo-icon-size, 1rem) * 0.875) + + +
Description
The small icon size.
+ + + + $kendo-icon-size-md + String + null + var(--kendo-icon-size, 1rem) + + +
Description
The medium icon size.
+ + + + $kendo-icon-size-lg + Calculation + null + calc(var(--kendo-icon-size, 1rem) * 1.25) + + +
Description
The large icon size.
+ + + + $kendo-icon-size-xl + Calculation + null + calc(var(--kendo-icon-size, 1rem) * 1.5) + + +
Description
The extra large icon size.
+ + + + $kendo-icon-size-xxl + Calculation + null + calc(var(--kendo-icon-size, 1rem) * 2) + + +
Description
The double extra large icon size.
+ + + + $kendo-icon-size-xxxl + Calculation + null + calc(var(--kendo-icon-size, 1rem) * 3) + + +
Description
The triple extra large icon size.
+ + @@ -17974,6 +20134,346 @@ The following table lists the available variables for customizing the Fluent the
Description
The opacity of the hovered Input clear value icon.
+ + $kendo-input-default-width + + null + + + +
Description
The default width of the Input components.
+ + + + $kendo-input-border-radius + + null + + + +
Description
The border radius of the Input components.
+ + + + $kendo-input-padding-x + + null + + + +
Description
The horizontal padding of the Input components.
+ + + + $kendo-input-padding-y + + null + + + +
Description
The vertical padding of the Input components.
+ + + + $kendo-input-font-family + String + null + var(--kendo-font-family, inherit) + + +
Description
The font family of the Input components.
+ + + + $kendo-input-font-size + + null + + + +
Description
The font size of the Input components.
+ + + + $kendo-input-line-height + + null + + + +
Description
The line height of the Input components.
+ + + + $kendo-input-bg + + null + + + +
Description
The background color of the Input components.
+ + + + $kendo-input-text + + null + + + +
Description
The text color of the Input components.
+ + + + $kendo-input-border + + null + + + +
Description
The border color of the Input components.
+ + + + $kendo-input-shadow + + null + + + +
Description
The shadow of the Input components.
+ + + + $kendo-input-hover-bg + + null + + + +
Description
The background color of the hovered Input components.
+ + + + $kendo-input-hover-text + + null + + + +
Description
The text color of the hovered Input components.
+ + + + $kendo-input-hover-border + + null + + + +
Description
The border color of the hovered Input components.
+ + + + $kendo-input-hover-shadow + + null + + + +
Description
The shadow of the hovered Input components.
+ + + + $kendo-input-focus-bg + + null + + + +
Description
The background color of the focused Input components.
+ + + + $kendo-input-focus-text + + null + + + +
Description
The text color of the focused Input components.
+ + + + $kendo-input-focus-border + + null + + + +
Description
The border color of the focused Input components.
+ + + + $kendo-input-focus-shadow + + null + + + +
Description
The shadow of the focused Input components.
+ + + + $kendo-input-selected-bg + + null + + + +
Description
The background color of the selected Input components.
+ + + + $kendo-input-selected-text + + null + + + +
Description
The text color of the selected Input components.
+ + + + $kendo-input-disabled-bg + + null + + + +
Description
The background color of the disabled Input components.
+ + + + $kendo-input-disabled-text + + null + + + +
Description
The text color of the disabled Input components.
+ + + + $kendo-input-disabled-border + + null + + + +
Description
The border color of the disabled Input components.
+ + + + $kendo-input-disabled-gradient + + null + + + +
Description
The gradient of the disabled Input components.
+ + + + $kendo-input-disabled-shadow + + null + + + +
Description
The shadow of the disabled Input components.
+ + + + $kendo-input-outline-focus-shadow + + null + + + +
Description
The shadow of the outline focused Input components.
+ + + + $kendo-input-flat-focus-shadow + + null + + + +
Description
The shadow of the flat focused Input components.
+ + + + $kendo-input-values-margin-y + + null + + + +
Description
The vertical margin of the clear value icon.
+ + + + $kendo-input-values-margin-x + + null + + + +
Description
The horizontal margin of the clear value icon.
+ + + + $kendo-input-button-width + + null + + + +
Description
The width of the Input button.
+ + + + $kendo-input-spinner-width + + null + + + +
Description
The width of the Input spinner button.
+ + + + $kendo-input-separator-opacity + + null + + + +
Description
The opacity of the Input separator.
+ + + + $kendo-input-invalid-shadow + + null + + + +
Description
The shadow of the invalid Input components.
+ + @@ -18562,6 +21062,156 @@ The following table lists the available variables for customizing the Fluent the
Description
The text color of the 'No Data' text.
+ + $kendo-list-font-size + + null + + + +
Description
The font size of the List component, if no size is set.
+ + + + $kendo-list-line-height + + null + + + +
Description
The line height of the List component, if no size is set.
+ + + + $kendo-list-header-padding-x + + null + + + +
Description
The horizontal padding of the List header, if no size is set.
+ + + + $kendo-list-header-padding-y + + null + + + +
Description
The vertical padding of the List header, if no size is set.
+ + + + $kendo-list-header-font-size + + null + + + +
Description
The font size of the List header, if no size is set.
+ + + + $kendo-list-header-line-height + + null + + + +
Description
The line height of the List header, if no size is set.
+ + + + $kendo-list-filter-padding + + null + + + +
Description
The padding of the the List filter input.
+ + + + $kendo-list-item-padding-x + + null + + + +
Description
The horizontal padding of the List items, when no size is set.
+ + + + $kendo-list-item-padding-y + + null + + + +
Description
The vertical padding of the List items, when no size is set.
+ + + + $kendo-list-item-font-size + + null + + + +
Description
The font size of the List items, if no size is set.
+ + + + $kendo-list-item-line-height + + null + + + +
Description
The line height of the List items, if no size is set.
+ + + + $kendo-list-group-item-padding-x + + null + + + +
Description
The horizontal padding of the List group items, when no size is set.
+ + + + $kendo-list-group-item-padding-y + + null + + + +
Description
The vertical padding of the List group items, when no size is set.
+ + + + $kendo-list-group-item-font-size + + null + + + +
Description
The font size of the List group items, if no size is set.
+ + + + $kendo-list-group-item-line-height + + null + + + +
Description
The line height of the List group items, if no size is set.
+ + @@ -18712,6 +21362,46 @@ The following table lists the available variables for customizing the Fluent the
Description
The border color of the ListBox drop hint.
+ + $kendo-listbox-default-height + + null + + + +
Description
The height of the ListBox.
+ + + + $kendo-listbox-item-padding-x + + null + + + +
Description
The inline padding of the ListBox item.
+ + + + $kendo-listbox-item-padding-y + + null + + + +
Description
The block padding of the ListBox item.
+ + + + $kendo-listbox-drop-hint-border-width + + null + + + +
Description
The width of the border around the ListBox drop hint.
+ + @@ -19112,6 +21802,26 @@ The following table lists the available variables for customizing the Fluent the
Description
The box shadow of the focused ListView items.
+ + $kendo-listview-item-selected-border + + null + + + +
Description
The border color of the selected ListView items.
+ + + + $kendo-listview-item-focus-border + + null + + + +
Description
The border color of the focused ListView items.
+ + @@ -19560,6 +22270,66 @@ The following table lists the available variables for customizing the Fluent the
Description
The theme colors map for the Loader variations.
+ + $kendo-loader-sm-padding + + null + + + +
Description
The padding of the small Loader.
+ + + + $kendo-loader-md-padding + + null + + + +
Description
The padding of the medium Loader.
+ + + + $kendo-loader-lg-padding + + null + + + +
Description
The padding of the large Loader.
+ + + + $kendo-loader-sm-container-padding + + null + + + +
Description
The padding of the small Loader container.
+ + + + $kendo-loader-md-container-padding + + null + + + +
Description
The padding of the medium Loader container.
+ + + + $kendo-loader-lg-container-padding + + null + + + +
Description
The padding of the large Loader container.
+ + @@ -19890,6 +22660,16 @@ The following table lists the available variables for customizing the Fluent the
Description
The fill color of the Map marker.
+ + $kendo-map-navigator-margin + + null + + + +
Description
The margin of the Map navigator.
+ + @@ -20050,6 +22830,26 @@ The following table lists the available variables for customizing the Fluent the
Description
The text color of the MediaPlayer title.
+ + $kendo-media-player-titlebar-border + + null + + + +
Description
The border color of the MediaPlayer title.
+ + + + $kendo-media-player-titlebar-gradient + + null + + + +
Description
The gradient of the MediaPlayer title.
+ + @@ -20718,6 +23518,286 @@ The following table lists the available variables for customizing the Fluent the
Description
The color of the Menu items icon.
+ + $kendo-menu-gradient + + null + + + +
Description
The background gradient of the Menu.
+ + + + $kendo-menu-item-border + + null + + + +
Description
The border color of the Menu item.
+ + + + $kendo-menu-item-gradient + + null + + + +
Description
The background gradient of the Menu item.
+ + + + $kendo-menu-item-hover-border + + null + + + +
Description
The border color of hovered Menu item.
+ + + + $kendo-menu-item-hover-gradient + + null + + + +
Description
The background gradient of hovered Menu item.
+ + + + $kendo-menu-item-active-border + + null + + + +
Description
The border color of active Menu item.
+ + + + $kendo-menu-item-active-gradient + + null + + + +
Description
The background gradient of active Menu item.
+ + + + $kendo-menu-item-focus-shadow + + null + + + +
Description
The base shadow of focused Menu item.
+ + + + $kendo-menu-item-selected-border + + null + + + +
Description
The border color of selected Menu item.
+ + + + $kendo-menu-item-selected-gradient + + null + + + +
Description
The background gradient of selected Menu item.
+ + + + $kendo-menu-scroll-button-text + + null + + + +
Description
The text color of the Menu scroll buttons.
+ + + + $kendo-menu-scroll-button-gradient + + null + + + +
Description
The background gradient of the Menu scroll buttons.
+ + + + $kendo-menu-scroll-button-hover-text + + null + + + +
Description
The text color of hovered Menu scroll buttons.
+ + + + $kendo-menu-scroll-button-hover-gradient + + null + + + +
Description
The background gradient of hovered Menu scroll buttons.
+ + + + $kendo-menu-popup-text + + null + + + +
Description
The text color of the Menu popup.
+ + + + $kendo-menu-popup-gradient + + null + + + +
Description
The background gradient of the Menu popup.
+ + + + $kendo-menu-popup-item-padding-y + + null + + + +
Description
The vertical padding of the Menu item in popup.
+ + + + $kendo-menu-popup-item-padding-end + + null + + + +
Description
The end padding of the Menu item in popup.
+ + + + $kendo-menu-popup-item-border + + null + + + +
Description
The border color of the Menu item in popup.
+ + + + $kendo-menu-popup-item-gradient + + null + + + +
Description
The background gradient of the Menu item in popup.
+ + + + $kendo-menu-popup-item-hover-border + + null + + + +
Description
The border color of hovered Menu item in popup.
+ + + + $kendo-menu-popup-item-hover-gradient + + null + + + +
Description
The background gradient of hovered Menu item in popup.
+ + + + $kendo-menu-popup-item-active-border + + null + + + +
Description
The border color of active Menu item in popup.
+ + + + $kendo-menu-popup-item-active-gradient + + null + + + +
Description
The background gradient of active Menu item in popup.
+ + + + $kendo-menu-popup-item-focus-shadow + + null + + + +
Description
The base shadow of focused Menu item in popup.
+ + + + + +### MenuButton + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-menu-button-arrow-padding-xnull
Description
The horizontal padding of the button arrow in the Menu Button..
+
@@ -21086,6 +24166,26 @@ The following table lists the available variables for customizing the Fluent the
Description
The theme colors map for the Notification variations.
+ + $kendo-notification-shadow + + null + + + +
Description
The box shadow of the Notification.
+ + + + $kendo-notification-theme + + null + + + +
Description
The generated theme colors map for the Notification.
+ + @@ -21706,6 +24806,116 @@ The following table lists the available variables for customizing the Fluent the
Description
The height of the OrgChart connecting line.
+ + $kendo-orgchart-node-gap + + null + + + +
Description
The spacing of the OrgChart node.
+ + + + $kendo-orgchart-group-gap + + null + + + +
Description
The spacing of the OrgChart group.
+ + + + $kendo-orgchart-node-container-gap + + null + + + +
Description
The spacing of the OrgChart node container.
+ + + + $kendo-orgchart-node-group-title-margin-bottom + + null + + + +
Description
The bottom margin of the OrgChart node group title.
+ + + + $kendo-orgchart-node-group-subtitle-margin-bottom + + null + + + +
Description
The bottom margin of the OrgChart node group subtitle.
+ + + + $kendo-orgchart-card-padding-y + + null + + + +
Description
The vertical padding of the OrgChart Card.
+ + + + $kendo-orgchart-card-padding-x + + null + + + +
Description
The horizontal padding of the OrgChart Card.
+ + + + $kendo-orgchart-card-title-margin-bottom + + null + + + +
Description
The bottom margin of the OrgChart Card title.
+ + + + $kendo-orgchart-card-subtitle-margin-bottom + + null + + + +
Description
The bottom margin of the OrgChart Card subtitle.
+ + + + $kendo-orgchart-card-body-vbox-margin-right + + null + + + +
Description
The right margin of the OrgChart Card body title wrap.
+ + + + $kendo-orgchart-line-fill + + null + + + +
Description
The fill color of the OrgChart connecting line.
+ + @@ -22146,6 +25356,46 @@ The following table lists the available variables for customizing the Fluent the
Description
The text color of the PDFViewer free text annotation.
+ + $kendo-pdf-viewer-toolbar-bg + + null + + + +
Description
The background color of the PDFViewer Toolbar.
+ + + + $kendo-pdf-viewer-toolbar-text + + null + + + +
Description
The text color of the PDFViewer Toolbar.
+ + + + $kendo-pdf-viewer-toolbar-border + + null + + + +
Description
The border color of the PDFViewer Toolbar.
+ + + + $kendo-pdf-viewer-toolbar-gradient + + null + + + +
Description
The gradient of the PDFViewer Toolbar.
+ + @@ -22462,6 +25712,226 @@ The following table lists the available variables for customizing the Fluent the
Description
The sizes map of the Pager.
+ + $kendo-pager-sm-item-min-width + + null + + + +
Description
The minimum width of the items in the small Pager.
+ + + + $kendo-pager-md-item-min-width + + null + + + +
Description
The minimum width of the items in the medium Pagers.
+ + + + $kendo-pager-lg-item-min-width + + null + + + +
Description
The minimum width of the items in the large Pagers.
+ + + + $kendo-pager-focus-shadow + + null + + + +
Description
The box shadow of the focused Pager.
+ + + + $kendo-pager-section-spacing + + null + + + +
Description
The spacing between the sections of the Pager.
+ + + + $kendo-pager-item-border-width + + null + + + +
Description
The border width of the Pager items.
+ + + + $kendo-pager-item-bg + + null + + + +
Description
The background color of the Pager items.
+ + + + $kendo-pager-item-text + + null + + + +
Description
The text color of the Pager items.
+ + + + $kendo-pager-item-border + + null + + + +
Description
The border color of the Pager items.
+ + + + $kendo-pager-item-hover-bg + + null + + + +
Description
The background color of the hovered Pager items.
+ + + + $kendo-pager-item-hover-text + + null + + + +
Description
The text color of the hovered Pager items.
+ + + + $kendo-pager-item-hover-border + + null + + + +
Description
The border color of the hovered Pager items.
+ + + + $kendo-pager-item-selected-bg + + null + + + +
Description
The background color of the selected Pager items.
+ + + + $kendo-pager-item-selected-text + + null + + + +
Description
The text color of the selected Pager items.
+ + + + $kendo-pager-item-selected-border + + null + + + +
Description
The border color of the selected Pager items.
+ + + + $kendo-pager-item-focus-opacity + + null + + + +
Description
The opacity of the focused Pager items.
+ + + + $kendo-pager-item-focus-bg + + null + + + +
Description
The background color of the focused Pager items.
+ + + + $kendo-pager-item-focus-shadow + + null + + + +
Description
The box shadow of the focused Pager items.
+ + + + $kendo-pager-number-border-radius + + null + + + +
Description
The border radius of the Pager numbers.
+ + + + $kendo-pager-sm-dropdown-width + + null + + + +
Description
The width of the DropDowns in the small Pager.
+ + + + $kendo-pager-md-dropdown-width + + null + + + +
Description
The width of the DropDowns in the medium Pager.
+ + + + $kendo-pager-lg-dropdown-width + + null + + + +
Description
The width of the DropDowns in the large Pager.
+ + @@ -23572,6 +27042,426 @@ The following table lists the available variables for customizing the Fluent the
Description
The border color of the selected, hovered and focused PanelBar items.
+ + $kendo-panelbar-header-padding-x + + null + + + +
Description
The horizontal padding of the PanelBar header.
+ + + + $kendo-panelbar-item-padding-x + + null + + + +
Description
The horizontal padding of the PanelBar items.
+ + + + $kendo-panelbar-header-gradient + + null + + + +
Description
The gradient of the PanelBar header.
+ + + + $kendo-panelbar-header-hover-gradient + + null + + + +
Description
The gradient of the hovered PanelBar header.
+ + + + $kendo-panelbar-header-focus-gradient + + null + + + +
Description
The gradient of the focused PanelBar header.
+ + + + $kendo-panelbar-header-hover-focus-gradient + + null + + + +
Description
The gradient of the focused and hovered PanelBar header.
+ + + + $kendo-panelbar-header-selected-gradient + + null + + + +
Description
The gradient of the selected PanelBar header.
+ + + + $kendo-panelbar-header-selected-hover-gradient + + null + + + +
Description
The gradient of the selected and hovered PanelBar header.
+ + + + $kendo-panelbar-header-selected-focus-gradient + + null + + + +
Description
The gradient of the selected and focused PanelBar header.
+ + + + $kendo-panelbar-header-selected-hover-focus-gradient + + null + + + +
Description
The gradient of the selected, hovered and focused PanelBar header.
+ + + + $kendo-panelbar-item-hover-gradient + + null + + + +
Description
The gradient of the hovered PanelBar items.
+ + + + $kendo-panelbar-item-focus-gradient + + null + + + +
Description
The gradient of the focused PanelBar items.
+ + + + $kendo-panelbar-item-hover-focus-gradient + + null + + + +
Description
The gradient of the focused and hovered PanelBar items.
+ + + + $kendo-panelbar-item-selected-gradient + + null + + + +
Description
The gradient of the selected PanelBar items.
+ + + + $kendo-panelbar-item-selected-hover-gradient + + null + + + +
Description
The gradient of the selected and hovered PanelBar items.
+ + + + $kendo-panelbar-item-selected-focus-gradient + + null + + + +
Description
The gradient of the selected and focused PanelBar items.
+ + + + $kendo-panelbar-item-selected-hover-focus-gradient + + null + + + +
Description
The gradient of the selected, hovered and focused PanelBar items.
+ + + + $kendo-panelbar-header-expanded-gradient + + null + + + +
Description
The gradient of the expanded PanelBar header.
+ + + + + +### Picker + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-picker-bgnull
Description
The background color of the Picker components.
+
$kendo-picker-textnull
Description
The text color of the Picker components.
+
$kendo-picker-bordernull
Description
The border color of the Picker components.
+
$kendo-picker-gradientnull
Description
The gradient of the Picker components.
+
$kendo-picker-shadownull
Description
The shadow of the Picker components.
+
$kendo-picker-hover-bgnull
Description
The background color of the hovered Picker components.
+
$kendo-picker-hover-textnull
Description
The text color of the hovered Picker components.
+
$kendo-picker-hover-bordernull
Description
The border color of the hovered Picker components.
+
$kendo-picker-hover-gradientnull
Description
The gradient of the hovered Picker components.
+
$kendo-picker-hover-shadownull
Description
The shadow of the hovered Picker components.
+
$kendo-picker-focus-bgnull
Description
The background color of the focused Picker components.
+
$kendo-picker-focus-textnull
Description
The text color of the focused Picker components.
+
$kendo-picker-focus-bordernull
Description
The border color of the focused Picker components.
+
$kendo-picker-focus-gradientnull
Description
The gradient of the focused Picker components.
+
$kendo-picker-focus-shadownull
Description
The shadow of the focused Picker components.
+
$kendo-picker-disabled-bgnull
Description
The background color of the disabled Picker components.
+
$kendo-picker-disabled-textnull
Description
The text color of the disabled Picker components.
+
$kendo-picker-disabled-bordernull
Description
The border color of the disabled Picker components.
+
$kendo-picker-disabled-gradientnull
Description
The gradient of the disabled Picker components.
+
$kendo-picker-disabled-shadownull
Description
The shadow of the disabled Picker components.
+
$kendo-picker-outline-focus-shadownull
Description
The shadow of the outline focused Picker components.
+
$kendo-picker-flat-focus-shadownull
Description
The shadow of the flat focused Picker components.
+
@@ -24272,6 +28162,56 @@ The following table lists the available variables for customizing the Fluent the
Description
The vertical padding of the PivotGrid treeview.
+ + $kendo-pivotgrid-configurator-shadow + + null + + + +
Description
The shadow of the PivotGrid configurator.
+ + + + $kendo-pivotgrid-configurator-end-shadow + + null + + + +
Description
The end shadow of the PivotGrid configurator.
+ + + + $kendo-pivotgrid-configurator-start-shadow + + null + + + +
Description
The start shadow of the PivotGrid configurator.
+ + + + $kendo-pivotgrid-configurator-top-shadow + + null + + + +
Description
The top shadow of the PivotGrid configurator.
+ + + + $kendo-pivotgrid-configurator-bottom-shadow + + null + + + +
Description
The bottom shadow of the PivotGrid configurator.
+ + @@ -24562,6 +28502,26 @@ The following table lists the available variables for customizing the Fluent the
Description
The border style of the Popover callout.
+ + $kendo-popover-callout-bg + + null + + + +
Description
The background color of the Popover callout.
+ + + + $kendo-popover-callout-border + + null + + + +
Description
The border color of the Popover callout.
+ + @@ -25062,6 +29022,16 @@ The following table lists the available variables for customizing the Fluent the
Description
The scale stroke background color of the circular ProgressBar.
+ + $kendo-progressbar-indeterminate-gradient + + null + + + +
Description
The background gradient of the indeterminate ProgressBar.
+ + @@ -25731,6 +29701,136 @@ The following table lists the available variables for customizing the Fluent the
Description
The opacity of the RadioButton ripple.
+ + $kendo-radio-radius + + null + + + +
Description
The border radius of the RadioButton.
+ + + + $kendo-radio-sm-size + + null + + + +
Description
The size of a small RadioButton.
+ + + + $kendo-radio-md-size + + null + + + +
Description
The size of a medium RadioButton.
+ + + + $kendo-radio-lg-size + + null + + + +
Description
The size of a large RadioButton.
+ + + + $kendo-radio-sm-glyph-size + + null + + + +
Description
The glyph size of a small RadioButton.
+ + + + $kendo-radio-md-glyph-size + + null + + + +
Description
The glyph size of a medium RadioButton.
+ + + + $kendo-radio-lg-glyph-size + + null + + + +
Description
The glyph size of a large RadioButton.
+ + + + $kendo-radio-sm-ripple-size + + null + + + +
Description
The ripple size of a small RadioButton.
+ + + + $kendo-radio-md-ripple-size + + null + + + +
Description
The ripple size of a medium RadioButton.
+ + + + $kendo-radio-lg-ripple-size + + null + + + +
Description
The ripple size of a large RadioButton.
+ + + + $kendo-radio-focus-checked-border + + null + + + +
Description
The border color of the focused and checked RadioButton.
+ + + + $kendo-radio-focus-checked-shadow + + null + + + +
Description
The box shadow of the focused and checked RadioButton.
+ + + + $kendo-radio-label-margin-x + + null + + + +
Description
The horizontal margin of the RadioButton inside of a label.
+ + @@ -25891,6 +29991,116 @@ The following table lists the available variables for customizing the Fluent the
Description
The text color of the selected and hovered Rating item.
+ + $kendo-rating-container-margin-x + + null + + + +
Description
The horizontal margin of the Rating container.
+ + + + $kendo-rating-label-margin-x + + null + + + +
Description
The horizontal margin of the Rating label.
+ + + + $kendo-rating-label-margin-y + + null + + + +
Description
The vertical margin of the Rating label.
+ + + + $kendo-rating-label-line-height + + null + + + +
Description
The line height of the Rating label.
+ + + + $kendo-rating-icon-size + + null + + + +
Description
The size of the Rating icon.
+ + + + $kendo-rating-icon-text + + null + + + +
Description
The text color of the Rating icon.
+ + + + $kendo-rating-icon-selected-text + + null + + + +
Description
The text color of the selected Rating icon.
+ + + + $kendo-rating-icon-hover-text + + null + + + +
Description
The text color of the hovered Rating icon.
+ + + + $kendo-rating-icon-focus-text + + null + + + +
Description
The text color of the focused Rating icon.
+ + + + $kendo-rating-icon-focus-shadow + + null + + + +
Description
The shadow of the focused Rating icon.
+ + + + $kendo-rating-icon-focus-selected-shadow + + null + + + +
Description
The shadow of the focused and selected Rating icon.
+ + @@ -26701,6 +30911,96 @@ The following table lists the available variables for customizing the Fluent the
Description
The color of the Scheduler marquee.
+ + $kendo-scheduler-tooltip-callout-text + + null + + + +
Description
The color of the Scheduler Tooltip callout.
+ + + + $kendo-scheduler-appointments-padding + + null + + + +
Description
The padding of the Scheduler appointments.
+ + + + $kendo-scheduler-event-template-padding-x + + null + + + +
Description
The horizontal padding of the Scheduler event template.
+ + + + $kendo-scheduler-event-template-padding-y + + null + + + +
Description
The vertical padding of the Scheduler event template.
+ + + + $kendo-scheduler-event-actions-inset-x + + null + + + +
Description
The inline inset of the Scheduler event actions.
+ + + + $kendo-scheduler-indicators-margin + + null + + + +
Description
The margin of the Scheduler event indicators.
+ + + + $kendo-scheduler-rtl-indicators-margin + + null + + + +
Description
The margin of the Scheduler event indicators in rtl.
+ + + + $kendo-scheduler-marquee-label-inset-x + + null + + + +
Description
The inline inset of the Scheduler marquee labels.
+ + + + $kendo-scheduler-marquee-label-inset-y + + null + + + +
Description
The block inset of the Scheduler marquee labels.
+ + @@ -27011,6 +31311,86 @@ The following table lists the available variables for customizing the Fluent the
Description
The timing function of the ScrollView transition.
+ + $kendo-scrollview-pagebutton-shadow + + null + + + +
Description
The box shadow of the ScrollView page button.
+ + + + $kendo-scrollview-arrow-tap-highlight-color + + null + + + +
Description
The text color of the highlight over the tapped ScrollView navigation arrows.
+ + + + $kendo-scrollview-navigation-icon-shadow + + null + + + +
Description
The box shadow of the ScrollView navigation arrows.
+ + + + $kendo-scrollview-navigation-default-opacity + + null + + + +
Description
The opacity of the ScrollView navigation.
+ + + + $kendo-scrollview-navigation-hover-opacity + + null + + + +
Description
The hover opacity of the ScrollView navigation.
+ + + + $kendo-scrollview-navigation-hover-span-bg + + null + + + +
Description
The hover background color of the ScrollView navigation arrows.
+ + + + $kendo-scrollview-light-bg + + null + + + +
Description
The background color of the ScrollView pager in light mode.
+ + + + $kendo-scrollview-dark-bg + + null + + + +
Description
The background color of the ScrollView pager in dark mode.
+ + @@ -27817,6 +32197,286 @@ The following table lists the available variables for customizing the Fluent the
Description
The background image of the vertical Slider tick.
+ + $kendo-slider-tick-size + + null + + + +
Description
The default size of the Slider tick.
+ + + + $kendo-slider-button-offset + + null + + + +
Description
The offset of the Slider Buttons.
+ + + + $kendo-slider-button-size + + null + + + +
Description
The size of the Slider Buttons.
+ + + + $kendo-slider-button-spacing + + null + + + +
Description
The spacing of the Slider Buttons.
+ + + + $kendo-slider-button-focus-shadow + + null + + + +
Description
The shadow of the focused Slider Buttons.
+ + + + $kendo-slider-track-thickness + + null + + + +
Description
The thickness of the Slider track.
+ + + + $kendo-slider-draghandle-size + + null + + + +
Description
The size of the Slider drag handle.
+ + + + $kendo-slider-draghandle-border-width + + null + + + +
Description
The border width of the Slider drag handle.
+ + + + $kendo-slider-draghandle-active-scale + + null + + + +
Description
The transition scale of the active Slider drag handle.
+ + + + $kendo-slider-draghandle-active-size + + null + + + +
Description
The size of the active Slider drag handle.
+ + + + $kendo-slider-draghandle-bg + + null + + + +
Description
The background color of the Slider drag handle.
+ + + + $kendo-slider-draghandle-text + + null + + + +
Description
The text color of the Slider drag handle.
+ + + + $kendo-slider-draghandle-border + + null + + + +
Description
The border color of the Slider drag handle.
+ + + + $kendo-slider-draghandle-gradient + + null + + + +
Description
The gradient of the Slider drag handle.
+ + + + $kendo-slider-draghandle-hover-bg + + null + + + +
Description
The background color of the hovered Slider drag handle.
+ + + + $kendo-slider-draghandle-hover-text + + null + + + +
Description
The text color of the hovered Slider drag handle.
+ + + + $kendo-slider-draghandle-hover-border + + null + + + +
Description
The border color of the hovered Slider drag handle.
+ + + + $kendo-slider-draghandle-hover-gradient + + null + + + +
Description
The gradient of the hovered Slider drag handle.
+ + + + $kendo-slider-draghandle-pressed-bg + + null + + + +
Description
The background color of the active Slider drag handle.
+ + + + $kendo-slider-draghandle-pressed-text + + null + + + +
Description
The text color of the active Slider drag handle.
+ + + + $kendo-slider-draghandle-pressed-border + + null + + + +
Description
The border color of the active Slider drag handle.
+ + + + $kendo-slider-draghandle-pressed-gradient + + null + + + +
Description
The gradient of the active Slider drag handle.
+ + + + $kendo-slider-draghandle-focus-shadow + + null + + + +
Description
The shadow of the focused Slider drag handle.
+ + + + $kendo-slider-draghandle-transition-speed + + null + + + +
Description
The transition speed of the Slider drag handle.
+ + + + $kendo-slider-draghandle-transition-function + + null + + + +
Description
The transition function of the Slider drag handle.
+ + + + $kendo-slider-disabled-opacity + + null + + + + + + + + $kendo-slider-tick-horizontal-image + + "data:image/gif;base64,R0lGODlhAQC0AIABALi4uAAAACH5BAEAAAEALAAAAAABALQAAAIWjIGJxqzazlux2ovlzND2rAHgSIZWAQA7" + + + +
Description
The background image of the horizontal Slider tick.
+ + + + $kendo-slider-tick-vertical-image + + "data:image/gif;base64,R0lGODlhtAABAIABALi4uAAAACH5BAEAAAEALAAAAAC0AAEAAAIWjIGJxqzazlux2ovlzND2rAHgSIZWAQA7" + + + +
Description
The background image of the vertical Slider tick.
+ + @@ -27971,6 +32631,36 @@ The following table lists the available variables for customizing the Fluent the
Description
The sizes map for the SplitButton.
+ + $kendo-split-button-focus-shadow + + null + + + +
Description
The focus shadow of the SplitButton.
+ + + + $kendo-split-button-arrow-padding-x + + null + + + +
Description
The horizontal padding of the arrow Button.
+ + + + $kendo-split-button-arrow-padding-y + + null + + + +
Description
The vertical padding of the arrow Button.
+ + @@ -29201,6 +33891,46 @@ The following table lists the available variables for customizing the Fluent the
Description
The image of the Spreadsheet insert image Dialog.
+ + $kendo-spreadsheet-header-gradient + + null + + + +
Description
The gradient of the Spreadsheet header.
+ + + + $kendo-spreadsheet-table-header-gradient + + null + + + +
Description
The gradient of the Spreadsheet table headers.
+ + + + $kendo-spreadsheet-formula-bar-icon-padding + + null + + + +
Description
The padding of the Spreadsheet formula bar icon.
+ + + + $kendo-spreadsheet-filter-padding + + null + + + +
Description
The padding of the Spreadsheet filter.
+ + @@ -29831,6 +34561,96 @@ The following table lists the available variables for customizing the Fluent the
Description
The timing function of the Stepper transition.
+ + $kendo-stepper-margin-x + + null + + + +
Description
The horizontal margin the Stepper.
+ + + + $kendo-stepper-margin-y + + null + + + +
Description
The vertical margin the Stepper.
+ + + + $kendo-stepper-padding-x + + null + + + +
Description
The horizontal padding the Stepper.
+ + + + $kendo-stepper-padding-y + + null + + + +
Description
The vertical padding the Stepper.
+ + + + $kendo-stepper-optional-label-opacity + + null + + + +
Description
The opacity of the optional Stepper label.
+ + + + $kendo-stepper-progressbar-bg + + null + + + +
Description
The background color of the Stepper ProgressBar.
+ + + + $kendo-stepper-progressbar-text + + null + + + +
Description
The text color of the Stepper ProgressBar.
+ + + + $kendo-stepper-progressbar-fill-bg + + null + + + +
Description
The background color of the selected Stepper ProgressBar.
+ + + + $kendo-stepper-progressbar-fill-text + + null + + + +
Description
The text color of the selected Stepper ProgressBar.
+ + @@ -30345,6 +35165,146 @@ The following table lists the available variables for customizing the Fluent the
Description
The border color of the thumb when the disabled Switch is checked.
+ + $kendo-switch-off-track-gradient + + null + + + +
Description
The background gradient of the track when the Switch is not checked.
+ + + + $kendo-switch-off-track-hover-gradient + + null + + + +
Description
The background gradient of the track when the hovered Switch is not checked.
+ + + + $kendo-switch-off-track-focus-gradient + + null + + + +
Description
The background gradient of the track when the focused Switch is not checked.
+ + + + $kendo-switch-off-track-focus-ring + + null + + + +
Description
The ring around the track when the focused Switch is not checked.
+ + + + $kendo-switch-off-track-disabled-gradient + + null + + + +
Description
The background gradient of the track when the disabled Switch is not checked.
+ + + + $kendo-switch-off-thumb-gradient + + null + + + +
Description
The background gradient of the thumb when the Switch is not checked.
+ + + + $kendo-switch-off-thumb-hover-gradient + + null + + + +
Description
The background gradient of the thumb when the hovered Switch is not checked.
+ + + + $kendo-switch-on-track-gradient + + null + + + +
Description
The background gradient of the track when the Switch is checked.
+ + + + $kendo-switch-on-track-hover-gradient + + null + + + +
Description
The background gradient of the track when the hovered Switch is checked.
+ + + + $kendo-switch-on-track-focus-gradient + + null + + + +
Description
The background gradient of the track when the focused Switch is checked.
+ + + + $kendo-switch-on-track-focus-ring + + null + + + +
Description
The ring around the track when the focused Switch is checked.
+ + + + $kendo-switch-on-track-disabled-gradient + + null + + + +
Description
The background gradient of the track when the disabled Switch is checked.
+ + + + $kendo-switch-on-thumb-gradient + + null + + + +
Description
The background gradient of the thumb when the Switch is checked.
+ + + + $kendo-switch-on-thumb-hover-gradient + + null + + + +
Description
The background gradient of the thumb when the hovered Switch is checked.
+ + @@ -30803,6 +35763,36 @@ The following table lists the available variables for customizing the Fluent the
Description
Hover border color of selected rows in table.
+ + $kendo-table-font-size + + null + + + +
Description
The font size of the table if no size is specified.
+ + + + $kendo-table-line-height + + null + + + +
Description
The line-height of the table if no size is specified.
+ + + + $kendo-table-header-gradient + + null + + + +
Description
Gradient of table headers.
+ + @@ -31442,6 +36432,56 @@ The following table lists the available variables for customizing the Fluent the
Description
The size map of the TabStrip.
+ + $kendo-tabstrip-item-gradient + + null + + + +
Description
The gradient of the TabStrip items.
+ + + + $kendo-tabstrip-item-hover-gradient + + null + + + +
Description
The gradient of the hovered TabStrip items.
+ + + + $kendo-tabstrip-item-selected-gradient + + null + + + +
Description
The gradient of the selected TabStrip items.
+ + + + $kendo-tabstrip-item-dragging-shadow + + null + + + +
Description
The shadow of the dragged TabStrip items.
+ + + + $kendo-tabstrip-item-disabled-gradient + + null + + + +
Description
The gradient of the disabled TabStrip items.
+ + @@ -32092,6 +37132,176 @@ The following table lists the available variables for customizing the Fluent the
Description
The border color of the TaskBoard Card placeholder.
+ + $kendo-taskboard-toolbar-padding-y + + null + + + +
Description
The vertical padding of the TaskBoard Toolbar.
+ + + + $kendo-taskboard-toolbar-padding-x + + null + + + +
Description
The horizontal padding of the TaskBoard Toolbar.
+ + + + $kendo-taskboard-toolbar-bg + + null + + + +
Description
The background color of the TaskBoard Toolbar.
+ + + + $kendo-taskboard-toolbar-text + + null + + + +
Description
The text color of the TaskBoard Toolbar.
+ + + + $kendo-taskboard-toolbar-border + + null + + + +
Description
The border color of the TaskBoard Toolbar.
+ + + + $kendo-taskboard-toolbar-gradient + + null + + + +
Description
The gradient of the TaskBoard Toolbar.
+ + + + $kendo-taskboard-card-border-width + + null + + + +
Description
The border width of the TaskBoard Card.
+ + + + $kendo-taskboard-card-border-radius + + null + + + +
Description
The border radius of the TaskBoard Card.
+ + + + $kendo-taskboard-card-shadow + + null + + + +
Description
The shadow of the TaskBoard Card.
+ + + + $kendo-taskboard-card-bg + + null + + + +
Description
The background color of the TaskBoard Card.
+ + + + $kendo-taskboard-card-text + + null + + + +
Description
The text color of the TaskBoard Card.
+ + + + $kendo-taskboard-card-border + + null + + + +
Description
The border color of the TaskBoard Card.
+ + + + $kendo-taskboard-card-hover-border + + null + + + +
Description
The border color of the hovered TaskBoard Card.
+ + + + $kendo-taskboard-card-focus-border + + null + + + +
Description
The border color of the focused TaskBoard Card.
+ + + + $kendo-taskboard-card-header-text + + null + + + +
Description
The text color of the TaskBoard Card header text.
+ + + + $kendo-taskboard-card-header-hover-text + + null + + + +
Description
The text color of the hovered TaskBoard Card header text.
+ + + + $kendo-taskboard-card-header-focus-text + + null + + + +
Description
The text color of the focused TaskBoard Card header text.
+ + @@ -32192,6 +37402,26 @@ The following table lists the available variables for customizing the Fluent the
Description
The background color of the TileLayout hint.
+ + $kendo-tile-layout-card-border-width + + null + + + +
Description
The width of the border around the TileLayout card.
+ + + + $kendo-tile-layout-card-focus-shadow + + null + + + +
Description
The focus box shadow of the TileLayout card.
+ + @@ -33191,6 +38421,26 @@ The following table lists the available variables for customizing the Fluent the
Description
The spacing of the Timeline icons.
+ + $kendo-timeline-track-item-focus-shadow + + null + + + +
Description
The shadow of the Timeline's focused track items.
+ + + + $kendo-timeline-collapse-arrow-padding-x + + null + + + +
Description
The horizontal padding of the Timeline collapse arrow.
+ + @@ -33570,6 +38820,166 @@ The following table lists the available variables for customizing the Fluent the
Description
The sizes map for the Toolbar.
+ + $kendo-toolbar-padding-x + + null + + + +
Description
The horizontal padding of the Toolbar.
+ + + + $kendo-toolbar-padding-y + + null + + + +
Description
The vertical padding of the Toolbar.
+ + + + $kendo-toolbar-spacing + + null + + + +
Description
The spacing between the Toolbar tools.
+ + + + $kendo-toolbar-separator-height + + null + + + +
Description
The height of the Toolbar button separator.
+ + + + $kendo-toolbar-border-radius + + null + + + +
Description
The border radius of the Toolbar.
+ + + + $kendo-toolbar-gradient + + null + + + +
Description
The gradient of the Toolbar.
+ + + + $kendo-toolbar-shadow + + null + + + +
Description
The box shadow of the Toolbar.
+ + + + $kendo-toolbar-outline-gradient + + null + + + +
Description
The gradient of the outline Toolbar.
+ + + + $kendo-toolbar-outline-shadow + + null + + + +
Description
The box shadow of the outline Toolbar.
+ + + + $kendo-toolbar-flat-gradient + + null + + + +
Description
The gradient of the flat Toolbar.
+ + + + $kendo-toolbar-flat-shadow + + null + + + +
Description
The box shadow of the flat Toolbar.
+ + + + $kendo-toolbar-item-shadow + + null + + + +
Description
The box shadow of the focused Toolbar item.
+ + + + $kendo-toolbar-overflow-container-font-size + + null + + + +
Description
The font size of the Toolbar overflow container.
+ + + + $kendo-toolbar-overflow-container-line-height + + null + + + +
Description
The line-height of the Toolbar overflow container.
+ + + + $kendo-toolbar-overflow-button-padding-y + + null + + + +
Description
The vertical padding of the Toolbar overflow button.
+ + + + $kendo-toolbar-overflow-button-padding-x + + null + + + +
Description
The horizontal padding of the Toolbar overflow button.
+ + @@ -33750,6 +39160,16 @@ The following table lists the available variables for customizing the Fluent the
Description
The text color of the Tooltip button.
+ + $kendo-tooltip-theme + + null + + + +
Description
The generated theme colors map for the Tooltip.
+ + @@ -34319,6 +39739,126 @@ The following table lists the available variables for customizing the Fluent the
Description
The padding of the checkbox wrapper in the TreeView.
+ + $kendo-treeview-font-size + + null + + + +
Description
The font size of the TreeView.
+ + + + $kendo-treeview-line-height + + null + + + +
Description
The line height of the TreeView.
+ + + + $kendo-treeview-item-padding-x + + null + + + +
Description
The horizontal padding of the TreeView items.
+ + + + $kendo-treeview-item-padding-y + + null + + + +
Description
The vertical padding of the TreeView items.
+ + + + $kendo-treeview-sm-checkbox-padding-x + + null + + + +
Description
The horizontal padding of the checkbox in the small TreeView.
+ + + + $kendo-treeview-md-checkbox-padding-x + + null + + + +
Description
The horizontal padding of the checkbox in the medium TreeView.
+ + + + $kendo-treeview-lg-checkbox-padding-x + + null + + + +
Description
The horizontal padding of the checkbox in the large TreeView.
+ + + + $kendo-treeview-sm-checkbox-padding-y + + null + + + +
Description
The vertical padding of the checkbox in the small TreeView.
+ + + + $kendo-treeview-md-checkbox-padding-y + + null + + + +
Description
The vertical padding of the checkbox in the medium TreeView.
+ + + + $kendo-treeview-lg-checkbox-padding-y + + null + + + +
Description
The vertical padding of the checkbox in the large TreeView.
+ + + + $kendo-treeview-item-hover-gradient + + null + + + +
Description
The background gradient of hovered TreeView items.
+ + + + $kendo-treeview-item-selected-gradient + + null + + + +
Description
The background gradient of selected TreeView items.
+ + @@ -35887,6 +41427,16 @@ The following table lists the available variables for customizing the Fluent the
Description
The shadow of the focused Upload button, actions and uploaded items.
+ + $kendo-upload-validation-line-height + + null + + + +
Description
The line height of the Upload validation message.
+ + @@ -36233,6 +41783,16 @@ The following table lists the available variables for customizing the Fluent the
Description
The theme colors map for the Window.
+ + $kendo-window-titlebar-gradient + + null + + + +
Description
The background gradient of the Window titlebar.
+ + diff --git a/packages/material/docs/customization-common.md b/packages/material/docs/customization-common.md index 2c6e9ad35d8..68ffb0ad5bd 100644 --- a/packages/material/docs/customization-common.md +++ b/packages/material/docs/customization-common.md @@ -176,6 +176,56 @@ The following table lists the available variables for customization.
Description
The line height of the paragraph.
@group typography
+ + $kendo-disabled-bg + Null + null + null + + +
Description
The background color of disabled items.
+ + + + $kendo-disabled-text + String + null + var(--kendo-color-on-app-surface, #212121) + + +
Description
The text color of disabled items.
+ + + + $kendo-disabled-border + Null + null + null + + +
Description
The border color of disabled items.
+ + + + $kendo-disabled-opacity + Number + null + 0.6 + + +
Description
The opacity of disabled items.
+ + + + $kendo-disabled-filter + String + null + grayscale(0.1) + + +
Description
The filter of disabled items.
+ + diff --git a/packages/material/docs/customization-floating-action-button.md b/packages/material/docs/customization-floating-action-button.md index 73787b5092b..cc69686f20d 100644 --- a/packages/material/docs/customization-floating-action-button.md +++ b/packages/material/docs/customization-floating-action-button.md @@ -460,6 +460,56 @@ The following table lists the available variables for customization.
Description
The shadow of the active FAB item.
+ + $kendo-fab-outline-style + Null + null + null + + +
Description
The outline style of the FAB.
+ + + + $kendo-fab-outline-width + Null + null + null + + +
Description
The outline width of the FAB.
+ + + + $kendo-fab-item-outline-style + Null + null + null + + +
Description
The outline style of the FAB item.
+ + + + $kendo-fab-item-outline-width + Null + null + null + + +
Description
The outline width of the FAB item.
+ + + + $kendo-fab-item-outline-color + Null + null + null + + +
Description
The outline color of the FAB item.
+ + diff --git a/packages/material/docs/customization-pivotgrid.md b/packages/material/docs/customization-pivotgrid.md index e202422c81e..ffd07fc66e6 100644 --- a/packages/material/docs/customization-pivotgrid.md +++ b/packages/material/docs/customization-pivotgrid.md @@ -727,6 +727,16 @@ The following table lists the available variables for customization.
Description
The vertical padding of the PivotGrid treeview.
+ + $kendo-pivotgrid-configurator-shadow + Null + null + null + + +
Description
The shadow of the PivotGrid configurator.
+ + diff --git a/packages/material/docs/customization-rating.md b/packages/material/docs/customization-rating.md index 191cce3a87f..72b43f6a52d 100644 --- a/packages/material/docs/customization-rating.md +++ b/packages/material/docs/customization-rating.md @@ -177,6 +177,16 @@ The following table lists the available variables for customization.
Description
The shadow of the focused and selected Rating icon.
+ + $kendo-rating-icon-size + Null + null + null + + +
Description
The size of the Rating icon.
+ + diff --git a/packages/material/docs/customization.md b/packages/material/docs/customization.md index 6f444ab3fb0..c35d4fd4572 100644 --- a/packages/material/docs/customization.md +++ b/packages/material/docs/customization.md @@ -180,6 +180,56 @@ The following table lists the available variables for customizing the Material t
Description
The line height of the paragraph.
@group typography
+ + $kendo-disabled-bg + Null + null + null + + +
Description
The background color of disabled items.
+ + + + $kendo-disabled-text + String + null + var(--kendo-color-on-app-surface, #212121) + + +
Description
The text color of disabled items.
+ + + + $kendo-disabled-border + Null + null + null + + +
Description
The border color of disabled items.
+ + + + $kendo-disabled-opacity + Number + null + 0.6 + + +
Description
The opacity of disabled items.
+ + + + $kendo-disabled-filter + String + null + grayscale(0.1) + + +
Description
The filter of disabled items.
+ + @@ -11016,6 +11066,56 @@ The following table lists the available variables for customizing the Material t
Description
The shadow of the active FAB item.
+ + $kendo-fab-outline-style + Null + null + null + + +
Description
The outline style of the FAB.
+ + + + $kendo-fab-outline-width + Null + null + null + + +
Description
The outline width of the FAB.
+ + + + $kendo-fab-item-outline-style + Null + null + null + + +
Description
The outline style of the FAB item.
+ + + + $kendo-fab-item-outline-width + Null + null + null + + +
Description
The outline width of the FAB item.
+ + + + $kendo-fab-item-outline-color + Null + null + null + + +
Description
The outline color of the FAB item.
+ + @@ -20343,6 +20443,16 @@ The following table lists the available variables for customizing the Material t
Description
The vertical padding of the PivotGrid treeview.
+ + $kendo-pivotgrid-configurator-shadow + Null + null + null + + +
Description
The shadow of the PivotGrid configurator.
+ + @@ -21879,6 +21989,16 @@ The following table lists the available variables for customizing the Material t
Description
The shadow of the focused and selected Rating icon.
+ + $kendo-rating-icon-size + Null + null + null + + +
Description
The size of the Rating icon.
+ + diff --git a/packages/utils/docs/customization-appbar.md b/packages/utils/docs/customization-appbar.md new file mode 100644 index 00000000000..76fc70bb328 --- /dev/null +++ b/packages/utils/docs/customization-appbar.md @@ -0,0 +1,198 @@ +--- +title: Customizing Appbar +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_appbar +position: 9 +--- + +# Customizing Appbar + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-appbar-margin-xnull
Description
The horizontal margin of the AppBar.
+
$kendo-appbar-margin-ynull
Description
The vertical margin of the AppBar.
+
$kendo-appbar-padding-xnull
Description
The horizontal padding of the AppBar.
+
$kendo-appbar-padding-ynull
Description
The vertical padding of the AppBar.
+
$kendo-appbar-border-widthnull
Description
The width of the border around the AppBar.
+
$kendo-appbar-zindexnull
Description
The z-index of the AppBar.
+
$kendo-appbar-font-familynull
Description
The font family of the AppBar.
+
$kendo-appbar-font-sizenull
Description
The font size of the AppBar.
+
$kendo-appbar-line-heightnull
Description
The line height of the AppBar.
+
$kendo-appbar-gapnull
Description
The spacing between the AppBar sections.
+
$kendo-appbar-light-bgnull
Description
The background color of the AppBar based on light theme color.
+
$kendo-appbar-light-textnull
Description
The text color of the AppBar based on light theme color.
+
$kendo-appbar-dark-bgnull
Description
The background color of the AppBar based on dark theme color.
+
$kendo-appbar-dark-textnull
Description
The text color of the AppBar based on dark theme color.
+
$kendo-appbar-box-shadownull
Description
The box shadow of the AppBar.
+
$kendo-appbar-bottom-box-shadownull
Description
The box shadow of the AppBar with bottom position.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-avatar.md b/packages/utils/docs/customization-avatar.md new file mode 100644 index 00000000000..4d74f4b10ea --- /dev/null +++ b/packages/utils/docs/customization-avatar.md @@ -0,0 +1,98 @@ +--- +title: Customizing Avatar +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_avatar +position: 9 +--- + +# Customizing Avatar + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-avatar-border-widthnull
Description
The border width of the Avatar.
+
$kendo-avatar-font-familynull
Description
The font family of the Avatar.
+
$kendo-avatar-font-sizenull
Description
The font size of the Avatar.
+
$kendo-avatar-line-heightnull
Description
The line height of the Avatar.
+
$kendo-avatar-sizesnull
Description
The sizes map of the Avatar.
+
$kendo-avatar-theme-colorsnull
Description
The theme colors map of the Avatar.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-badge.md b/packages/utils/docs/customization-badge.md new file mode 100644 index 00000000000..1797855fdf0 --- /dev/null +++ b/packages/utils/docs/customization-badge.md @@ -0,0 +1,268 @@ +--- +title: Customizing Badge +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_badge +position: 9 +--- + +# Customizing Badge + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-badge-border-widthnull
Description
The width of the border around the Badge.
+
$kendo-badge-border-radiusnull
Description
The border radius of the Badge.
+
$kendo-badge-padding-xnull
Description
The horizontal padding of the Badge.
+
$kendo-badge-sm-padding-xnull
Description
The horizontal padding of the small Badge.
+
$kendo-badge-md-padding-xnull
Description
The horizontal padding of the medium Badge.
+
$kendo-badge-lg-padding-xnull
Description
The horizontal padding of the large Badge.
+
$kendo-badge-padding-ynull
Description
The vertical padding of the Badge.
+
$kendo-badge-sm-padding-ynull
Description
The vertical padding of the small Badge.
+
$kendo-badge-md-padding-ynull
Description
The vertical padding of the medium Badge.
+
$kendo-badge-lg-padding-ynull
Description
The vertical padding of the large Badge.
+
$kendo-badge-font-sizenull
Description
The font sizes of the Badge.
+
$kendo-badge-sm-font-sizenull
Description
The font size of the small Badge.
+
$kendo-badge-md-font-sizevar( --kendo-font-size-xs, inherit )!default
Description
The font size of the medium Badge.
+
$kendo-badge-lg-font-sizenull
Description
The font size of the large Badge.
+
$kendo-badge-line-heightnull
Description
The line heights used along with the $kendo-font-size variable.
+
$kendo-badge-sm-line-heightnull
Description
The line height used along with the $kendo-font-size variable of the small Badge.
+
$kendo-badge-md-line-heightnull
Description
The line height used along with the $kendo-font-size variable of the medium Badge.
+
$kendo-badge-lg-line-heightnull
Description
The line height used along with the $kendo-font-size variable of the large Badge.
+
$kendo-badge-min-widthnull
Description
The calculated minimum width of the circular Badge.
+
$kendo-badge-sm-min-widthnull
Description
The calculated minimum width of the small circular Badge.
+
$kendo-badge-md-min-widthnull
Description
The calculated minimum width of the medium circular Badge.
+
$kendo-badge-lg-min-widthnull
Description
The calculated minimum width of the large circular Badge.
+
$kendo-badge-sizesnull
Description
The sizes map for the Badge.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-bottom-navigation.md b/packages/utils/docs/customization-bottom-navigation.md new file mode 100644 index 00000000000..684ab4784a9 --- /dev/null +++ b/packages/utils/docs/customization-bottom-navigation.md @@ -0,0 +1,228 @@ +--- +title: Customizing BottomNavigation +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_bottom-navigation +position: 9 +--- + +# Customizing BottomNavigation + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-bottom-nav-padding-xnull
Description
The horizontal padding of the BottomNavigation.
+
$kendo-bottom-nav-padding-ynull
Description
The vertical padding of the BottomNavigation.
+
$kendo-bottom-nav-gapnull
Description
The spacing between the BottomNavigation items.
+
$kendo-bottom-nav-border-widthnull
Description
The width of the border around the BottomNavigation.
+
$kendo-bottom-nav-font-familynull
Description
The font family of the BottomNavigation.
+
$kendo-bottom-nav-font-sizenull
Description
The font size of the BottomNavigation.
+
$kendo-bottom-nav-line-heightnull
Description
The line height of the BottomNavigation.
+
$kendo-bottom-nav-letter-spacingnull
Description
The letter spacing of the BottomNavigation.
+
$kendo-bottom-nav-item-padding-xnull
Description
The horizontal padding of the BottomNavigation item.
+
$kendo-bottom-nav-item-padding-ynull
Description
The vertical padding of the BottomNavigation item.
+
$kendo-bottom-nav-item-min-widthnull
Description
The minimum width of the BottomNavigation item.
+
$kendo-bottom-nav-item-max-widthnull
Description
The maximum width of the BottomNavigation item.
+
$kendo-bottom-nav-item-min-heightnull
Description
The minimum height of the BottomNavigation item.
+
$kendo-bottom-nav-item-border-radiusnull
Description
The border radius of the BottomNavigation item.
+
$kendo-bottom-nav-item-gapnull
Description
The spacing of the BottomNavigation item.
+
$kendo-bottom-nav-shadownull
Description
The box shadow of the BottomNavigation.
+
$kendo-bottom-nav-flat-textnull
Description
The text color of the flat BottomNavigation.
+
$kendo-bottom-nav-flat-bgnull
Description
The background color of the flat BottomNavigation.
+
$kendo-bottom-nav-flat-bordernull
Description
The border color of the flat BottomNavigation.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-breadcrumb.md b/packages/utils/docs/customization-breadcrumb.md new file mode 100644 index 00000000000..16c14c6419d --- /dev/null +++ b/packages/utils/docs/customization-breadcrumb.md @@ -0,0 +1,648 @@ +--- +title: Customizing Breadcrumb +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_breadcrumb +position: 9 +--- + +# Customizing Breadcrumb + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-breadcrumb-border-widthnull
Description
The width of the border around the Breadcrumb.
+
$kendo-breadcrumb-margin-xnull
Description
The horizontal margin of the Breadcrumb.
+
$kendo-breadcrumb-margin-ynull
Description
The vertical margin of the Breadcrumb.
+
$kendo-breadcrumb-padding-xnull
Description
The horizontal padding of the Breadcrumb.
+
$kendo-breadcrumb-padding-ynull
Description
The vertical padding of the Breadcrumb.
+
$kendo-breadcrumb-font-familynull
Description
The font family of the Breadcrumb.
+
$kendo-breadcrumb-font-sizenull
Description
The font size of the Breadcrumb.
+
$kendo-breadcrumb-sm-font-sizenull
Description
The font size of the small Breadcrumb.
+
$kendo-breadcrumb-md-font-sizenull
Description
The font size of the medium Breadcrumb.
+
$kendo-breadcrumb-lg-font-sizenull
Description
The font size of the large Breadcrumb.
+
$kendo-breadcrumb-line-heightnull
Description
The line-height of the Breadcrumb.
+
$kendo-breadcrumb-sm-line-heightnull
Description
The line-height of the small Breadcrumb.
+
$kendo-breadcrumb-md-line-heightnull
Description
The line-height of the medium Breadcrumb.
+
$kendo-breadcrumb-lg-line-heightnull
Description
The line-height of the height Breadcrumb.
+
$kendo-breadcrumb-bgnull
Description
The base background of the Breadcrumb.
+
$kendo-breadcrumb-textnull
Description
The base text color of the Breadcrumb.
+
$kendo-breadcrumb-bordernull
Description
The base border color of the Breadcrumb.
+
$kendo-breadcrumb-focus-shadownull
Description
The box shadow of the focused Breadcrumb.
+
$kendo-breadcrumb-link-padding-xnull
Description
The horizontal padding of the Breadcrumb link.
+
$kendo-breadcrumb-sm-link-padding-xnull
Description
The horizontal padding of the small Breadcrumb link.
+
$kendo-breadcrumb-md-link-padding-xnull
Description
The horizontal padding of the medium Breadcrumb link.
+
$kendo-breadcrumb-lg-link-padding-xnull
Description
The horizontal padding of the large Breadcrumb link.
+
$kendo-breadcrumb-link-padding-ynull
Description
The vertical padding of the Breadcrumb link.
+
$kendo-breadcrumb-sm-link-padding-ynull
Description
The vertical padding of the small Breadcrumb link.
+
$kendo-breadcrumb-md-link-padding-ynull
Description
The vertical padding of the medium Breadcrumb link.
+
$kendo-breadcrumb-lg-link-padding-ynull
Description
The vertical padding of the large Breadcrumb link.
+
$kendo-breadcrumb-link-border-radiusnull
Description
The border-radius of the Breadcrumb link.
+
$kendo-breadcrumb-icon-link-padding-ynull
Description
The vertical padding of the Breadcrumb link icon.
+
$kendo-breadcrumb-sm-icon-link-padding-ynull
Description
The vertical padding of the small Breadcrumb link icon.
+
$kendo-breadcrumb-md-icon-link-padding-ynull
Description
The vertical padding of the medium Breadcrumb link icon.
+
$kendo-breadcrumb-lg-icon-link-padding-ynull
Description
The vertical padding of the large Breadcrumb link icon.
+
$kendo-breadcrumb-icon-link-padding-xnull
Description
The horizontal padding of the Breadcrumb link icon.
+
$kendo-breadcrumb-sm-icon-link-padding-xnull
Description
The horizontal padding of the small Breadcrumb link icon.
+
$kendo-breadcrumb-md-icon-link-padding-xnull
Description
The horizontal padding of the medium Breadcrumb link icon.
+
$kendo-breadcrumb-lg-icon-link-padding-xnull
Description
The horizontal padding of the large Breadcrumb link icon.
+
$kendo-breadcrumb-link-initial-textnull
Description
The text color of the Breadcrumb link.
+
$kendo-breadcrumb-link-icon-spacingnull
Description
The spacing of the Breadcrumb link icon.
+
$kendo-breadcrumb-link-bgnull
Description
The background color of the Breadcrumb link.
+
$kendo-breadcrumb-link-textnull
Description
The text color of the Breadcrumb link.
+
$kendo-breadcrumb-link-bordernull
Description
The border color of the Breadcrumb link.
+
$kendo-breadcrumb-link-hover-bgnull
Description
The background color of the hovered Breadcrumb link.
+
$kendo-breadcrumb-link-hover-textnull
Description
The text color of the hovered Breadcrumb link.
+
$kendo-breadcrumb-link-hover-bordernull
Description
The border color of the hovered Breadcrumb link.
+
$kendo-breadcrumb-link-focus-bgnull
Description
The background color of the focused Breadcrumb link.
+
$kendo-breadcrumb-link-focus-textnull
Description
The text color of the focused Breadcrumb link.
+
$kendo-breadcrumb-link-focus-bordernull
Description
The border color of the focused Breadcrumb link.
+
$kendo-breadcrumb-link-focus-shadownull
Description
The box shadow of the focused Breadcrumb link.
+
$kendo-breadcrumb-root-link-bgnull
Description
The background color of the Breadcrumb root link.
+
$kendo-breadcrumb-root-link-textnull
Description
The text color of the Breadcrumb root link.
+
$kendo-breadcrumb-root-link-bordernull
Description
The border color of the Breadcrumb root link.
+
$kendo-breadcrumb-root-link-hover-bgnull
Description
The background color of the hovered Breadcrumb root link.
+
$kendo-breadcrumb-root-link-hover-textnull
Description
The text color of the hovered Breadcrumb root link.
+
$kendo-breadcrumb-root-link-hover-bordernull
Description
The border color of the hovered Breadcrumb root link.
+
$kendo-breadcrumb-root-link-focus-bgnull
Description
The background color of the focused Breadcrumb root link.
+
$kendo-breadcrumb-root-link-focus-textnull
Description
The text color of the focused Breadcrumb root link.
+
$kendo-breadcrumb-root-link-focus-bordernull
Description
The border color of the focused Breadcrumb root link.
+
$kendo-breadcrumb-root-link-focus-shadownull
Description
The box shadow of the focused Breadcrumb root link.
+
$kendo-breadcrumb-current-item-bgnull
Description
The background color of the current Breadcrumb root link.
+
$kendo-breadcrumb-current-item-textnull
Description
The text color of the current Breadcrumb root link.
+
$kendo-breadcrumb-current-item-bordernull
Description
The border color of the current Breadcrumb root link.
+
$kendo-breadcrumb-sizesnull
Description
The sizes map for the Breadcrumb.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-button.md b/packages/utils/docs/customization-button.md new file mode 100644 index 00000000000..d659b887e87 --- /dev/null +++ b/packages/utils/docs/customization-button.md @@ -0,0 +1,628 @@ +--- +title: Customizing Button +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_button +position: 9 +--- + +# Customizing Button + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-button-border-widthnull
Description
The width of the border around the Button.
+
$kendo-button-border-radiusnull
Description
The border radius of the Button.
+
$kendo-button-padding-xnull
Description
The horizontal padding of the Button.
+
$kendo-button-sm-padding-xnull
Description
The horizontal padding of the small Button.
+
$kendo-button-md-padding-xnull
Description
The horizontal padding of the medium Button.
+
$kendo-button-lg-padding-xnull
Description
The horizontal padding of the large Button.
+
$kendo-button-padding-ynull
Description
The vertical padding of the Button.
+
$kendo-button-sm-padding-ynull
Description
The vertical padding of the small Button.
+
$kendo-button-md-padding-ynull
Description
The vertical padding of the medium Button.
+
$kendo-button-lg-padding-ynull
Description
The vertical padding of the large Button.
+
$kendo-button-font-familynull
Description
The font family of the Button.
+
$kendo-button-font-sizenull
Description
The font size of the Button.
+
$kendo-button-sm-font-sizenull
Description
The font size of the small Button.
+
$kendo-button-md-font-sizenull
Description
The font size of the medium Button.
+
$kendo-button-lg-font-sizenull
Description
The font size of the large Button.
+
$kendo-button-line-heightnull
Description
The line height used along with the $kendo-font-size the.
+
$kendo-button-sm-line-heightnull
Description
The line height used along with the $kendo-font-size the of the small Button.
+
$kendo-button-md-line-heightnull
Description
The line height used along with the $kendo-font-size the of the medium Button.
+
$kendo-button-lg-line-heightnull
Description
The line height used along with the $kendo-font-size the of the large Button.
+
$kendo-button-calc-sizenull
Description
The calculated height of the Button.
+
$kendo-button-inner-calc-sizenull
Description
The calculated inner height of the Button excluding the border width.
+
$kendo-button-sizesnull
Description
The sizes map for the Button.
+
$kendo-button-theme-colorsnull
Description
The theme colors map for the Button.
+
$kendo-button-bgnull
Description
The base background of the Button.
+
$kendo-button-textnull
Description
The base text color of the Button.
+
$kendo-button-bordernull
Description
The base border color of the Button.
+
$kendo-button-gradientnull
Description
The base background gradient of the Button.
+
$kendo-button-shadownull
Description
The base shadow of the Button.
+
$kendo-button-hover-bgnull
Description
The base background of the hovered Button.
+
$kendo-button-hover-textnull
Description
The base text color of the hovered Button.
+
$kendo-button-hover-bordernull
Description
The base border color of the hovered Button.
+
$kendo-button-hover-gradientnull
Description
The base background gradient of the hovered Button.
+
$kendo-button-hover-shadownull
Description
The base shadow of the hovered Button.
+
$kendo-button-active-bgnull
Description
The base background color of the active Button.
+
$kendo-button-active-textnull
Description
The base text color of the active Button.
+
$kendo-button-active-bordernull
Description
The base border color of the active Button.
+
$kendo-button-active-gradientnull
Description
The base background gradient of the active Button.
+
$kendo-button-active-shadownull
Description
The base shadow of the active Button.
+
$kendo-button-selected-bgnull
Description
The base background color of the selected Button.
+
$kendo-button-selected-textnull
Description
The text color of the selected Button.
+
$kendo-button-selected-bordernull
Description
The border color of the selected Button.
+
$kendo-button-selected-gradientnull
Description
The background gradient of the selected Button.
+
$kendo-button-selected-shadownull
Description
The base shadow of the selected Button.
+
$kendo-button-focus-bgnull
Description
The base background of the focused Button.
+
$kendo-button-focus-textnull
Description
The base text color of the focused Button.
+
$kendo-button-focus-bordernull
Description
The base border color of the focused Button.
+
$kendo-button-focus-gradientnull
Description
The base background gradient of the focused Button.
+
$kendo-button-focus-shadownull
Description
The base shadow of the focused Button.
+
$kendo-button-disabled-bgnull
Description
The base background of the disabled Button.
+
$kendo-button-disabled-textnull
Description
The base text color of the disabled Button.
+
$kendo-button-disabled-bordernull
Description
The base border color of the disabled Button.
+
$kendo-button-disabled-gradientnull
Description
The base background gradient of the disabled Button.
+
$kendo-button-disabled-shadownull
Description
The base shadow of the disabled Button.
+
$kendo-flat-button-hover-opacitynull
Description
The overlay opacity of the hovered flat Button. Used to create a background for the flat Button.
+
$kendo-flat-button-focus-opacitynull
Description
The overlay opacity of the focused flat Button. Used to create a background for the flat Button.
+
$kendo-flat-button-active-opacitynull
Description
The overlay opacity of the active flat Button. Used to create background for the flat Button.
+
$kendo-flat-button-selected-opacitynull
Description
The overlay opacity of the selected flat Button. Used to create background for the flat Button.
+
$kendo-flat-button-focus-ring-opacitynull
Description
The opacity of the flat Button focus ring. Used to create a border for the flat Button.
+
$kendo-button-transitionnull
Description
The color transition of the flat Button.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-calendar.md b/packages/utils/docs/customization-calendar.md new file mode 100644 index 00000000000..d58ad97e6e9 --- /dev/null +++ b/packages/utils/docs/customization-calendar.md @@ -0,0 +1,998 @@ +--- +title: Customizing Calendar +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_calendar +position: 9 +--- + +# Customizing Calendar + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-calendar-border-widthnull
Description
The width of the border around the Calendar.
+
$kendo-calendar-font-familynull
Description
The font family of the Calendar.
+
$kendo-calendar-font-sizenull
Description
The font size of the Calendar.
+
$kendo-calendar-line-heightnull
Description
The line height of the Calendar.
+
$kendo-calendar-cell-sizenull
Description
The size of the cells in the Calendar.
+
$kendo-calendar-bgnull
Description
The background color of the Calendar.
+
$kendo-calendar-textnull
Description
The text color of the Calendar.
+
$kendo-calendar-bordernull
Description
The border color of the Calendar.
+
$kendo-calendar-header-padding-xnull
Description
The horizontal padding of the header in the Calendar.
+
$kendo-calendar-header-padding-ynull
Description
The vertical padding of the header in the Calendar.
+
$kendo-calendar-header-border-widthnull
Description
The border width of the header in the Calendar.
+
$kendo-calendar-header-bgnull
Description
The background color of the header in the Calendar.
+
$kendo-calendar-header-textnull
Description
The text color of the header in the Calendar.
+
$kendo-calendar-header-bordernull
Description
The border color of the header in the Calendar.
+
$kendo-calendar-header-gradientnull
Description
The gradient of the header in the Calendar.
+
$kendo-calendar-header-shadownull
Description
The shadow of the header in the Calendar.
+
$kendo-calendar-nav-gapnull
Description
The gap between the items in the navigation of the Calendar.
+
$kendo-calendar-footer-padding-xnull
Description
The horizontal padding of the footer in the Calendar.
+
$kendo-calendar-footer-padding-ynull
Description
The vertical padding of the footer in the Calendar.
+
$kendo-calendar-cell-padding-xnull
Description
The horizontal padding of the cells in the Calendar.
+
$kendo-calendar-cell-padding-ynull
Description
The vertical padding of the cells in the Calendar.
+
$kendo-calendar-cell-line-heightnull
Description
The line height of the cells in the Calendar.
+
$kendo-calendar-cell-border-radiusnull
Description
The border radius of the cells in the Calendar.
+
$kendo-calendar-header-cell-padding-xnull
Description
The horizontal padding of the header cells in the Calendar.
+
$kendo-calendar-header-cell-padding-ynull
Description
The vertical padding of the header cells in the Calendar.
+
$kendo-calendar-header-cell-widthnull
Description
The width of the header cells in the Calendar.
+
$kendo-calendar-header-cell-heightnull
Description
The height of the header cells in the Calendar.
+
$kendo-calendar-header-cell-font-sizenull
Description
The font size of the header cells in the Calendar.
+
$kendo-calendar-header-cell-line-heightnull
Description
The line height of the header cells in the Calendar.
+
$kendo-calendar-header-cell-bgnull
Description
The background color of the header cells in the Calendar.
+
$kendo-calendar-header-cell-textnull
Description
The text color of the header cells in the Calendar.
+
$kendo-calendar-header-cell-opacitynull
Description
The opacity of the header cells in the Calendar.
+
$kendo-calendar-caption-padding-xnull
Description
The horizontal padding of the caption in the Calendar.
+
$kendo-calendar-caption-padding-ynull
Description
The vertical padding of the caption in the Calendar.
+
$kendo-calendar-caption-heightnull
Description
The height of the caption in the Calendar.
+
$kendo-calendar-caption-font-sizenull
Description
The font size of the caption in the Calendar.
+
$kendo-calendar-caption-line-heightnull
Description
The line height of the caption in the Calendar.
+
$kendo-calendar-caption-font-weightnull
Description
The font weight of the caption in the Calendar.
+
$kendo-calendar-week-number-font-sizenull
Description
The font size of the week number cells in the Calendar.
+
$kendo-calendar-view-widthnull
Description
The width of the Calendar view.
+
$kendo-calendar-view-heightnull
Description
The height of the Calendar view.
+
$kendo-calendar-view-gapnull
Description
The gap between the items in the Calendar view.
+
$kendo-calendar-weekend-bgnull
Description
The background color of the weekend cells in the Calendar.
+
$kendo-calendar-weekend-textnull
Description
The text color of the weekend cells in the Calendar.
+
$kendo-calendar-today-stylenull
Description
The style of the current day in the Calendar.
+
$kendo-calendar-today-colornull
Description
The color of the current day in the Calendar.
+
$kendo-calendar-week-number-bgnull
Description
The background color of the week number cells in the Calendar.
+
$kendo-calendar-week-number-textnull
Description
The text color of the week number cells in the Calendar.
+
$kendo-calendar-other-month-bgnull
Description
The background color of the preceding/subsequent month cells in the Calendar.
+
$kendo-calendar-other-month-textnull
Description
The text color of the preceding/subsequent month cells in the Calendar.
+
$kendo-calendar-cell-bgnull
Description
The background color of the cells in the Calendar.
+
$kendo-calendar-cell-textnull
Description
The text color of the cells in the Calendar.
+
$kendo-calendar-cell-bordernull
Description
The border color of the cells in the Calendar.
+
$kendo-calendar-cell-gradientnull
Description
The gradient of the cells in the Calendar.
+
$kendo-calendar-cell-hover-bgnull
Description
The background color of the hovered cells in the Calendar.
+
$kendo-calendar-cell-hover-textnull
Description
The text color of the hovered cells in the Calendar.
+
$kendo-calendar-cell-hover-bordernull
Description
The border color of the hovered cells in the Calendar.
+
$kendo-calendar-cell-hover-gradientnull
Description
The gradient of the hovered cells in the Calendar.
+
$kendo-calendar-cell-selected-bgnull
Description
The background color of the selected cells in the Calendar.
+
$kendo-calendar-cell-selected-textnull
Description
The text color of the selected cells in the Calendar.
+
$kendo-calendar-cell-selected-bordernull
Description
The border color of the selected cells in the Calendar.
+
$kendo-calendar-cell-selected-gradientnull
Description
The gradient of the selected cells in the Calendar.
+
$kendo-calendar-cell-selected-hover-bgnull
Description
The background color of the selected and hovered cells in the Calendar.
+
$kendo-calendar-cell-selected-hover-textnull
Description
The text color of the selected and hovered cells in the Calendar.
+
$kendo-calendar-cell-selected-hover-bordernull
Description
The border color of the selected and hovered cells in the Calendar.
+
$kendo-calendar-cell-selected-hover-gradientnull
Description
The gradient of the selected and hovered cells in the Calendar.
+
$kendo-calendar-cell-focus-shadownull
Description
The shadow of the focused cells in the Calendar.
+
$kendo-calendar-cell-selected-focus-shadownull
Description
The shadow of the selected and focused cells in the Calendar.
+
$kendo-calendar-navigation-widthnull
Description
The width of the Calendar navigation.
+
$kendo-calendar-navigation-item-heightnull
Description
The height of the items in the Calendar navigation.
+
$kendo-calendar-navigation-bgnull
Description
The background color of the Calendar navigation.
+
$kendo-calendar-navigation-textnull
Description
The text color of the Calendar navigation.
+
$kendo-calendar-navigation-bordernull
Description
The border color of the Calendar navigation.
+
$kendo-calendar-navigation-hover-textnull
Description
The text color of the hovered items in the Calendar navigation.
+
$kendo-infinite-calendar-header-padding-xnull
Description
The horizontal padding of the header in the Infinite Calendar.
+
$kendo-infinite-calendar-header-padding-ynull
Description
The vertical padding of the header in the Infinite Calendar.
+
$kendo-infinite-calendar-view-padding-xnull
Description
The horizontal padding of the Calendar view in the Infinite Calendar.
+
$kendo-infinite-calendar-view-padding-ynull
Description
The vertical padding of the Calendar view in the Infinite Calendar.
+
$kendo-infinite-calendar-view-heightnull
Description
The height of the Calendar view in the Infinite Calendar.
+
$kendo-calendar-range-cell-border-radiusnull
Description
The border radius of the range cells in the Multiview Calendar.
+
$kendo-calendar-sm-font-sizenull
Description
The font size of the small Calendar.
+
$kendo-calendar-sm-line-heightnull
Description
The line height of the small Calendar.
+
$kendo-calendar-sm-cell-sizenull
Description
The size of the cells in the small Calendar.
+
$kendo-calendar-sm-cell-padding-xnull
Description
The horizontal padding of the cells in the small Calendar.
+
$kendo-calendar-sm-cell-padding-ynull
Description
The vertical padding of the cells in the small Calendar.
+
$kendo-calendar-md-font-sizenull
Description
The font size of the medium Calendar.
+
$kendo-calendar-md-line-heightnull
Description
The line height of the medium Calendar.
+
$kendo-calendar-md-cell-sizenull
Description
The size of the cells in the medium Calendar.
+
$kendo-calendar-md-cell-padding-xnull
Description
The horizontal padding of the cells in the medium Calendar.
+
$kendo-calendar-md-cell-padding-ynull
Description
The vertical padding of the cells in the medium Calendar.
+
$kendo-calendar-lg-font-sizenull
Description
The font size of the large Calendar.
+
$kendo-calendar-lg-line-heightnull
Description
The line height of the large Calendar.
+
$kendo-calendar-lg-cell-sizenull
Description
The size of the cells in the large Calendar.
+
$kendo-calendar-lg-cell-padding-xnull
Description
The horizontal padding of the cells in the large Calendar.
+
$kendo-calendar-lg-cell-padding-ynull
Description
The vertical padding of the cells in the large Calendar.
+
$kendo-calendar-sizesnull
Description
The sizes Map of the Calendar.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-captcha.md b/packages/utils/docs/customization-captcha.md new file mode 100644 index 00000000000..1e876f6ed29 --- /dev/null +++ b/packages/utils/docs/customization-captcha.md @@ -0,0 +1,178 @@ +--- +title: Customizing Captcha +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_captcha +position: 9 +--- + +# Customizing Captcha + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-captcha-spacernull
Description
The spacer of the Captcha.
+
$kendo-captcha-widthnull
Description
The width of the Captcha.
+
$kendo-captcha-font-familynull
Description
The font family of the Captcha.
+
$kendo-captcha-font-sizenull
Description
The font size of the Captcha.
+
$kendo-captcha-line-heightnull
Description
The line height of the Captcha.
+
$kendo-captcha-gapnull
Description
The gap of the Captcha.
+
$kendo-captcha-bgnull
Description
The background color of the Captcha.
+
$kendo-captcha-textnull
Description
The text color of the Captcha.
+
$kendo-captcha-bordernull
Description
The border color of the Captcha.
+
$kendo-captcha-image-wrap-gapnull
Description
The gap of the Captcha image wrapper.
+
$kendo-captcha-image-controls-gapnull
Description
The gap of the Captcha image controls.
+
$kendo-captcha-validation-message-margin-topnull
Description
The top margin of the Captcha validation message.
+
$kendo-captcha-validation-message-font-sizenull
Description
The font size of the Captcha validation message.
+
$kendo-captcha-validation-message-font-stylenull
Description
The font style of the Captcha validation message.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-card.md b/packages/utils/docs/customization-card.md new file mode 100644 index 00000000000..e2409702054 --- /dev/null +++ b/packages/utils/docs/customization-card.md @@ -0,0 +1,588 @@ +--- +title: Customizing Card +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_card +position: 9 +--- + +# Customizing Card + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-card-padding-xnull
Description
The horizontal padding of the Card.
+
$kendo-card-padding-ynull
Description
The vertical padding of the Card.
+
$kendo-card-border-widthnull
Description
The width of the border around the Card.
+
$kendo-card-border-radiusnull
Description
The border radius of the Card.
+
$kendo-card-inner-border-radiusnull
Description
The inner border radius of the Card.
+
$kendo-card-font-familynull
Description
The font family of the Card.
+
$kendo-card-font-sizenull
Description
The font size of the Card.
+
$kendo-card-line-heightnull
Description
The line height of the Card.
+
$kendo-card-deck-gapnull
Description
The spacing between the Cards in the Card deck.
+
$kendo-card-bgnull
Description
The background color of the Card.
+
$kendo-card-textnull
Description
The text color of the Card.
+
$kendo-card-bordernull
Description
The border color of the Card.
+
$kendo-card-shadownull
Description
The shadow of the Card.
+
$kendo-card-focus-bgnull
Description
The background color of the focused Card.
+
$kendo-card-focus-textnull
Description
The text color of the focused Card.
+
$kendo-card-focus-bordernull
Description
The border color of the focused Card.
+
$kendo-card-focus-shadownull
Description
The shadow of the focused Card.
+
$kendo-card-header-padding-xnull
Description
The horizontal padding of the Card header.
+
$kendo-card-header-padding-ynull
Description
The vertical padding of the Card header.
+
$kendo-card-header-border-widthnull
Description
The bottom border width of the Card header.
+
$kendo-card-header-bgnull
Description
The background color of the Card header.
+
$kendo-card-header-textnull
Description
The text color of the Card header.
+
$kendo-card-header-bordernull
Description
The border color of the Card header.
+
$kendo-card-body-padding-xnull
Description
The horizontal padding of the Card body.
+
$kendo-card-body-padding-ynull
Description
The vertical padding of the Card body.
+
$kendo-card-footer-padding-xnull
Description
The horizontal padding of the Card footer.
+
$kendo-card-footer-padding-ynull
Description
The vertical padding of the Card footer.
+
$kendo-card-footer-border-widthnull
Description
The top border width of the Card footer.
+
$kendo-card-footer-bgnull
Description
The background color of the Card footer.
+
$kendo-card-footer-textnull
Description
The text color of the Card footer.
+
$kendo-card-footer-bordernull
Description
The border color of the Card footer.
+
$kendo-card-title-margin-bottomnull
Description
The bottom margin of the Card title.
+
$kendo-card-title-font-sizenull
Description
The font size of the Card title.
+
$kendo-card-title-font-familynull
Description
The font family of the Card title.
+
$kendo-card-title-line-heightnull
Description
The line height of the Card title.
+
$kendo-card-title-font-weightnull
Description
The font weight of the Card title.
+
$kendo-card-title-letter-spacingnull
Description
The letter spacing of the Card title.
+
$kendo-card-subtitle-margin-bottomnull
Description
The bottom margin of the Card subtitle.
+
$kendo-card-subtitle-font-sizenull
Description
The font size of the Card subtitle.
+
$kendo-card-subtitle-font-familynull
Description
The font family of the Card subtitle.
+
$kendo-card-subtitle-line-heightnull
Description
The line height of the Card subtitle.
+
$kendo-card-subtitle-font-weightnull
Description
The font weight of the Card subtitle.
+
$kendo-card-subtitle-letter-spacingnull
Description
The letter spacing of the Card subtitle.
+
$kendo-card-subtitle-textnull
Description
The text color of the Card subtitle.
+
$kendo-card-img-max-widthnull
Description
The maximum width of the Card image.
+
$kendo-card-avatar-sizenull
Description
The size of the Avatar in the Card.
+
$kendo-card-avatar-spacingnull
Description
The spacing between the Avatar and the text in the Card.
+
$kendo-card-actions-padding-xnull
Description
The horizontal padding of the Card actions.
+
$kendo-card-actions-padding-ynull
Description
The vertical padding of the Card actions.
+
$kendo-card-actions-border-widthnull
Description
The top border width of the Card actions.
+
$kendo-card-actions-gapnull
Description
The spacing between the Card actions.
+
$kendo-card-deck-scroll-button-radiusnull
Description
The border radius of the scroll button in the Card deck.
+
$kendo-card-deck-scroll-button-offsetnull
Description
The border radius of the scroll button in the Card deck.
+
$kendo-card-callout-widthnull
Description
The width of the Card callout.
+
$kendo-card-callout-heightnull
Description
The height of the Card callout.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-chart-wizard.md b/packages/utils/docs/customization-chart-wizard.md new file mode 100644 index 00000000000..d2c903c1635 --- /dev/null +++ b/packages/utils/docs/customization-chart-wizard.md @@ -0,0 +1,148 @@ +--- +title: Customizing ChartWizard +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_chart-wizard +position: 9 +--- + +# Customizing ChartWizard + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-chart-wizard-icon-area-colornull
Description
The color of the area around the chart type icon.
+
$kendo-chart-wizard-icon-area-bgnull
Description
The background color of the area around the chart type icon.
+
$kendo-chart-wizard-icon-area-border-radiusnull
Description
The border radius of the area around the chart type icon.
+
$kendo-chart-wizard-icon-area-paddingnull
Description
The padding of the area around the chart type icon.
+
$kendo-chart-wizard-icon-area-focus-shadownull
Description
The box shadow of the focused area around the chart type icon.
+
$kendo-chart-wizard-icon-area-selected-shadownull
Description
The box shadow of the selected area around the chart type icon.
+
$kendo-chart-wizard-chart-type-selected-colornull
Description
The color of the selected chart type items in the Property panel.
+
$kendo-chart-wizard-preview-pane-paddingnull
Description
The padding of the preview pane.
+
$kendo-chart-wizard-property-pane-paddingnull
Description
The padding of the property pane.
+
$kendo-chart-wizard-chart-type-spacingnull
Description
The gap between the chart type items in the Property panel.
+
$kendo-chart-wizard-icon-text-gapnull
Description
The gap between the icon area and its text.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-charts.md b/packages/utils/docs/customization-charts.md new file mode 100644 index 00000000000..b5037f68099 --- /dev/null +++ b/packages/utils/docs/customization-charts.md @@ -0,0 +1,128 @@ +--- +title: Customizing Charts +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_charts +position: 9 +--- + +# Customizing Charts + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-series-anull
Description
The first base series color and its light and dark shades.
+
$kendo-series-bnull
Description
The second base series color and its light and dark shades.
+
$kendo-series-cnull
Description
The third base series color and its light and dark shades.
+
$kendo-series-dnull
Description
The fourth base series color and its light and dark shades.
+
$kendo-series-enull
Description
The fifth base series color and its light and dark shades.
+
$kendo-series-fnull
Description
The sixth base series color and its light and dark shades.
+
$kendo-series-1null
Description
The series colors in order:
base, light, dark, lighter, darker
+
$kendo-chart-major-linesnull
Description
The color of the Chart grid lines (major).
+
$kendo-chart-minor-linesnull
Description
The color of the Chart grid lines (minor).
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-chat.md b/packages/utils/docs/customization-chat.md new file mode 100644 index 00000000000..a47f8a8da2f --- /dev/null +++ b/packages/utils/docs/customization-chat.md @@ -0,0 +1,678 @@ +--- +title: Customizing Chat +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_chat +position: 9 +--- + +# Customizing Chat + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-chat-padding-xnull
Description
The horizontal padding of the Chat.
+
$kendo-chat-padding-ynull
Description
The vertical padding of the Chat.
+
$kendo-chat-widthnull
Description
The width of the Chat.
+
$kendo-chat-heightnull
Description
The height of the Chat.
+
$kendo-chat-border-widthnull
Description
The border width of the Chat.
+
$kendo-chat-font-familynull
Description
The font family of the Chat.
+
$kendo-chat-font-sizenull
Description
The font size of the Chat.
+
$kendo-chat-line-heightnull
Description
The line height of the Chat.
+
$kendo-chat-item-spacing-xnull
Description
The horizontal spacing between the items of the Chat.
+
$kendo-chat-item-spacing-ynull
Description
The vertical spacing between the items of the Chat.
+
$kendo-chat-message-list-padding-xnull
Description
The horizontal padding of the Chat message list.
+
$kendo-chat-message-list-padding-ynull
Description
The vertical padding of the Chat message list.
+
$kendo-chat-message-list-spacingnull
Description
The spacing of the Chat message list.
+
$kendo-chat-timestamp-font-sizenull
Description
The font size of the Chat timestamp.
+
$kendo-chat-timestamp-line-heightnull
Description
The line height of the Chat timestamp.
+
$kendo-chat-timestamp-transformnull
Description
The text transform of the Chat timestamp.
+
$kendo-chat-timestamp-textnull
Description
The text color of the Chat timestamp.
+
$kendo-chat-timestamp-bgnull
Description
The background color of the Chat timestamp.
+
$kendo-chat-message-meta-font-sizenull
Description
The font size of the Chat message meta text.
+
$kendo-chat-message-meta-line-heightnull
Description
The line height of the Chat message meta text.
+
$kendo-chat-author-font-sizenull
Description
The font size of the Chat author text.
+
$kendo-chat-author-line-heightnull
Description
The line height of the Chat author text.
+
$kendo-chat-bubble-padding-xnull
Description
The horizontal padding of the Chat bubble message.
+
$kendo-chat-bubble-padding-ynull
Description
The vertical padding of the Chat bubble message.
+
$kendo-chat-bubble-spacingnull
Description
The spacing of the Chat bubble message.
+
$kendo-chat-bubble-line-heightnull
Description
The line height of the Chat bubble message.
+
$kendo-chat-bubble-border-radiusnull
Description
The border radius of the Chat bubble message.
+
$kendo-chat-bubble-border-radius-smnull
Description
The border radius of the Chat small bubble message
+
$kendo-chat-avatar-sizenull
Description
The size of the Chat Avatar.
+
$kendo-chat-avatar-spacingnull
Description
The spacing of the Chat Avatar.
+
$kendo-chat-toolbar-padding-xnull
Description
The horizontal padding of the Chat Toolbar.
+
$kendo-chat-toolbar-padding-ynull
Description
The vertical padding of the Chat Toolbar.
+
$kendo-chat-toolbar-spacingnull
Description
The spacing of the Chat Toolbar.
+
$kendo-chat-toolbar-bgnull
Description
The background color of the Chat Toolbar.
+
$kendo-chat-toolbar-textnull
Description
The text color of the Chat Toolbar.
+
$kendo-chat-toolbar-bordernull
Description
The border color of the Chat Toolbar.
+
$kendo-chat-quick-reply-padding-xnull
Description
The horizontal padding of the Chat quick reply.
+
$kendo-chat-quick-reply-padding-ynull
Description
The vertical padding of the Chat quick reply.
+
$kendo-chat-quick-reply-spacingnull
Description
The spacing of the Chat quick reply.
+
$kendo-chat-quick-reply-line-heightnull
Description
The line height of the Chat quick reply.
+
$kendo-chat-bgnull
Description
The background color of the Chat.
+
$kendo-chat-textnull
Description
The text color of the Chat.
+
$kendo-chat-bordernull
Description
The border color of the Chat.
+
$kendo-chat-bubble-bgnull
Description
The background color of the Chat bubble.
+
$kendo-chat-bubble-textnull
Description
The text color of the Chat bubble.
+
$kendo-chat-bubble-bordernull
Description
The border color of the Chat bubble.
+
$kendo-chat-bubble-shadownull
Description
The box shadow of the Chat bubble.
+
$kendo-chat-bubble-hover-shadownull
Description
The shadow of the hovered Chat bubble.
+
$kendo-chat-bubble-selected-shadownull
Description
The shadow of the selected Chat bubble.
+
$kendo-chat-alt-bubble-bgnull
Description
The background color of the Chat alt bubble.
+
$kendo-chat-alt-bubble-textnull
Description
The text color of the Chat alt bubble.
+
$kendo-chat-alt-bubble-bordernull
Description
The border color of the Chat alt bubble.
+
$kendo-chat-alt-bubble-shadownull
Description
The shadow of the Chat alt bubble.
+
$kendo-chat-alt-bubble-hover-shadownull
Description
The shadow of the hovered Chat alt bubble.
+
$kendo-chat-alt-bubble-selected-shadownull
Description
The shadow of the selected Chat alt bubble.
+
$kendo-chat-quick-reply-bgnull
Description
The background color of the Chat quick reply.
+
$kendo-chat-quick-reply-textnull
Description
The text color of the Chat quick reply.
+
$kendo-chat-quick-reply-bordernull
Description
The border color of the Chat quick reply.
+
$kendo-chat-quick-reply-hover-bgnull
Description
The background color of the hovered Chat quick reply.
+
$kendo-chat-quick-reply-hover-textnull
Description
The text color of the hovered Chat quick reply.
+
$kendo-chat-quick-reply-hover-bordernull
Description
The border color of the hovered Chat quick reply.
+
$kendo-chat-quick-reply-shadow-blurnull
Description
The shadow blur of the focused Chat quick reply.
+
$kendo-chat-quick-reply-shadow-spreadnull
Description
The shadow spread of the focused Chat quick reply.
+
$kendo-chat-quick-reply-shadow-opacitynull
Description
The shadow opacity of the focused Chat quick reply.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-checkbox.md b/packages/utils/docs/customization-checkbox.md new file mode 100644 index 00000000000..4947d32a816 --- /dev/null +++ b/packages/utils/docs/customization-checkbox.md @@ -0,0 +1,508 @@ +--- +title: Customizing Checkbox +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_checkbox +position: 9 +--- + +# Customizing Checkbox + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-checkbox-border-widthnull
Description
The border width of the CheckBox.
+
$kendo-checkbox-sm-sizenull
Description
The size of a small CheckBox.
+
$kendo-checkbox-md-sizenull
Description
The size of a medium CheckBox.
+
$kendo-checkbox-lg-sizenull
Description
The size of a large CheckBox.
+
$kendo-checkbox-sm-glyph-sizenull
Description
The glyph size of a small CheckBox.
+
$kendo-checkbox-md-glyph-sizenull
Description
The glyph size of a medium CheckBox.
+
$kendo-checkbox-lg-glyph-sizenull
Description
The glyph size of a large CheckBox.
+
$kendo-checkbox-sm-ripple-sizenull
Description
The ripple size of a small CheckBox.
+
$kendo-checkbox-md-ripple-sizenull
Description
The ripple size of a medium CheckBox.
+
$kendo-checkbox-lg-ripple-sizenull
Description
The ripple size of a large CheckBox.
+
$kendo-checkbox-bgnull
Description
The background color of the CheckBox.
+
$kendo-checkbox-textnull
Description
The text color of the CheckBox.
+
$kendo-checkbox-bordernull
Description
The border color of the CheckBox.
+
$kendo-checkbox-hover-bgnull
Description
The background color of the hovered CheckBox.
+
$kendo-checkbox-hover-textnull
Description
The text color of the hovered CheckBox.
+
$kendo-checkbox-hover-bordernull
Description
The border color of the hovered CheckBox.
+
$kendo-checkbox-checked-bgnull
Description
The background color of the checked CheckBox.
+
$kendo-checkbox-checked-textnull
Description
The text color of the checked CheckBox.
+
$kendo-checkbox-checked-bordernull
Description
The border color of the checked CheckBox.
+
$kendo-checkbox-indeterminate-bgnull
Description
The background color of the indeterminate CheckBox.
+
$kendo-checkbox-indeterminate-textnull
Description
The text color of the indeterminate CheckBox.
+
$kendo-checkbox-indeterminate-bordernull
Description
The border color of the indeterminate CheckBox.
+
$kendo-checkbox-focus-bordernull
Description
The border color of the focused CheckBox.
+
$kendo-checkbox-focus-shadownull
Description
The box shadow of the focused CheckBox.
+
$kendo-checkbox-focus-checked-bordernull
Description
The border color of the focused and checked CheckBox.
+
$kendo-checkbox-focus-checked-shadownull
Description
The box shadow of the focused and checked CheckBox.
+
$kendo-checkbox-disabled-bgnull
Description
The background color of the disabled CheckBox.
+
$kendo-checkbox-disabled-textnull
Description
The text color of the disabled CheckBox.
+
$kendo-checkbox-disabled-bordernull
Description
The border color of the disabled CheckBox.
+
$kendo-checkbox-disabled-checked-bgnull
Description
The background color of the disabled and checked CheckBox.
+
$kendo-checkbox-disabled-checked-textnull
Description
The text color of the disabled and checked CheckBox.
+
$kendo-checkbox-disabled-checked-bordernull
Description
The border color of the disabled and checked CheckBox.
+
$kendo-checkbox-invalid-bgnull
Description
The background color of an invalid CheckBox.
+
$kendo-checkbox-invalid-textnull
Description
The text color of an invalid CheckBox.
+
$kendo-checkbox-invalid-bordernull
Description
The border color of an invalid CheckBox.
+
$kendo-checkbox-indicator-typenull
Description
The type of the CheckBox indicator.
+
$kendo-checkbox-glyph-font-familynull
Description
The font family of the CheckBox indicator glyph.
+
$kendo-checkbox-checked-glyphnull
Description
The glyph of the CheckBox indicator.
+
$kendo-checkbox-indeterminate-glyphnull
Description
The glyph of the indeterminate CheckBox indicator.
+
$kendo-checkbox-checked-imagenull
Description
The image for a checked CheckBox indicator.
+
$kendo-checkbox-indeterminate-imagenull
Description
The image for a indeterminate CheckBox indicator.
+
$kendo-checkbox-label-margin-xnull
Description
The horizontal margin of the CheckBox inside a label.
+
$kendo-checkbox-list-spacingnull
Description
The spacing between the items in a horizontal CheckBox list.
+
$kendo-checkbox-list-item-padding-xnull
Description
The horizontal padding of the CheckBox list items.
+
$kendo-checkbox-list-item-padding-ynull
Description
The vertical padding of the CheckBox list items.
+
$kendo-checkbox-ripple-bgnull
Description
The background color of the CheckBox' ripple.
+
$kendo-checkbox-ripple-opacitynull
Description
The opacity of the CheckBox' ripple.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-chip.md b/packages/utils/docs/customization-chip.md new file mode 100644 index 00000000000..d267ce460f5 --- /dev/null +++ b/packages/utils/docs/customization-chip.md @@ -0,0 +1,458 @@ +--- +title: Customizing Chip +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_chip +position: 9 +--- + +# Customizing Chip + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-chip-border-widthnull
Description
The width of the border around the Chip.
+
$kendo-chip-spacingnull
Description
The spacing between the text and the icons of the Chip.
+
$kendo-chip-padding-xnull
Description
The horizontal padding of the Chip.
+
$kendo-chip-sm-padding-xnull
Description
The horizontal padding of the small Chip.
+
$kendo-chip-md-padding-xnull
Description
The horizontal padding of the medium Chip.
+
$kendo-chip-lg-padding-xnull
Description
The horizontal padding of the large Chip.
+
$kendo-chip-padding-ynull
Description
The vertical padding of the Chip.
+
$kendo-chip-sm-padding-ynull
Description
The vertical padding of the small Chip.
+
$kendo-chip-md-padding-ynull
Description
The vertical padding of the medium Chip.
+
$kendo-chip-lg-padding-ynull
Description
The vertical padding of the large Chip.
+
$kendo-chip-font-sizenull
Description
The font size of the Chip.
+
$kendo-chip-sm-font-sizenull
Description
The font size of the small Chip.
+
$kendo-chip-md-font-sizenull
Description
The font size of the medium Chip.
+
$kendo-chip-lg-font-sizenull
Description
The font size of the large Chip.
+
$kendo-chip-line-heightnull
Description
The Chip's line height that is related to the $kendo-font-size.
+
$kendo-chip-sm-line-heightnull
Description
The small Chip's line height that is related to the $kendo-font-size.
+
$kendo-chip-md-line-heightnull
Description
The medium Chip's line height that is related to the $kendo-font-size.
+
$kendo-chip-lg-line-heightnull
Description
The large Chip's line height that is related to the $kendo-font-size.
+
$kendo-chip-calc-sizenull
Description
The calculated height of the Chip.
+
$kendo-chip-sizesnull
Description
The map with the sizes of the Chip.
+
$kendo-chip-base-bgnull
Description
The base background of the Chip.
+
$kendo-chip-theme-colorsnull
Description
The theme colors map for the Chip.
+
$kendo-chip-solid-bgnull
Description
The base background color of the solid Chip.
+
$kendo-chip-solid-textnull
Description
The base text color of the solid Chip.
+
$kendo-chip-solid-bordernull
Description
The base border color of the solid Chip.
+
$kendo-chip-solid-shadownull
Description
The base shadow of the solid Chip.
+
$kendo-chip-solid-gradientnull
Description
The base gradient of the solid Chip.
+
$kendo-chip-solid-focus-bgnull
Description
The base background color of the focused solid Chip.
+
$kendo-chip-solid-focus-textnull
Description
The base text color of the focused solid Chip.
+
$kendo-chip-solid-hover-bgnull
Description
The base background color of the hovered solid Chip.
+
$kendo-chip-solid-hover-textnull
Description
The base text color of the hovered solid Chip.
+
$kendo-chip-solid-selected-bgnull
Description
The base background color of the selected solid Chip.
+
$kendo-chip-solid-selected-textnull
Description
The base text color of the selected solid Chip.
+
$kendo-chip-outline-bgnull
Description
The base background color of the outline Chip.
+
$kendo-chip-outline-textnull
Description
The base text color of the outline Chip.
+
$kendo-chip-outline-bordernull
Description
The base border color of the outline Chip.
+
$kendo-chip-outline-shadownull
Description
The base shadow of the outline Chip.
+
$kendo-chip-outline-hover-bgnull
Description
The base background color of the hovered outline Chip.
+
$kendo-chip-outline-hover-textnull
Description
The base text color of the hovered outline Chip.
+
$kendo-chip-outline-selected-bgnull
Description
The base background color of the selected outline Chip.
+
$kendo-chip-outline-selected-textnull
Description
The base text color of the selected outline Chip.
+
$kendo-chip-list-sizesnull
Description
The sizes of the Chip list.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-color-editor.md b/packages/utils/docs/customization-color-editor.md new file mode 100644 index 00000000000..23d21145ba2 --- /dev/null +++ b/packages/utils/docs/customization-color-editor.md @@ -0,0 +1,558 @@ +--- +title: Customizing ColorEditor +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_color-editor +position: 9 +--- + +# Customizing ColorEditor + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-color-editor-spacernull
Description
The spacer of the ColorEditor.
+
$kendo-color-editor-min-widthnull
Description
The minimum width of the ColorEditor.
+
$kendo-color-editor-sm-min-widthnull
Description
The minimum width of the ColorEditor.
+
$kendo-color-editor-md-min-widthnull
Description
The minimum width of the ColorEditor.
+
$kendo-color-editor-lg-min-widthnull
Description
The minimum width of the ColorEditor.
+
$kendo-color-editor-border-widthnull
Description
The width of the border around the ColorEditor.
+
$kendo-color-editor-border-radiusnull
Description
The border radius of the ColorEditor.
+
$kendo-color-editor-font-familynull
Description
The font family of the ColorEditor.
+
$kendo-color-editor-font-sizenull
Description
The font size of the ColorEditor.
+
$kendo-color-editor-line-heightnull
Description
The line height of the ColorEditor.
+
$kendo-color-editor-textnull
Description
The text color of the ColorEditor.
+
$kendo-color-editor-bgnull
Description
The background color of the ColorEditor.
+
$kendo-color-editor-bordernull
Description
The border color of the ColorEditor.
+
$kendo-color-editor-focus-bordernull
Description
The border color of the focused ColorEditor.
+
$kendo-color-editor-focus-shadownull
Description
The box shadow of the focused ColorEditor.
+
$kendo-color-editor-header-padding-ynull
Description
The vertical padding of the ColorEditor header.
+
$kendo-color-editor-header-padding-xnull
Description
The horizontal padding of the ColorEditor header.
+
$kendo-color-editor-header-actions-gapnull
Description
The spacing between the ColorEditor header actions.
+
$kendo-color-editor-sm-header-padding-ynull
Description
The vertical padding of the small ColorEditor header.
+
$kendo-color-editor-sm-header-padding-xnull
Description
The horizontal padding of the small ColorEditor header.
+
$kendo-color-editor-md-header-padding-ynull
Description
The vertical padding of the medium ColorEditor header.
+
$kendo-color-editor-md-header-padding-xnull
Description
The horizontal padding of the medium ColorEditor header.
+
$kendo-color-editor-lg-header-padding-ynull
Description
The vertical padding of the large ColorEditor header.
+
$kendo-color-editor-lg-header-padding-xnull
Description
The horizontal padding of the large ColorEditor header.
+
$kendo-color-editor-color-preview-widthnull
Description
The width of the ColorEditor preview.
+
$kendo-color-editor-color-preview-heightnull
Description
The height of the ColorEditor preview.
+
$kendo-color-editor-preview-gapnull
Description
The spacing between the colors in the ColorEditor preview.
+
$kendo-color-editor-sm-preview-gapnull
Description
The spacing between the colors in the small ColorEditor preview.
+
$kendo-color-editor-md-preview-gapnull
Description
The spacing between the colors in the medium ColorEditor preview.
+
$kendo-color-editor-lg-preview-gapnull
Description
The spacing between the colors in the large ColorEditor preview.
+
$kendo-color-editor-sm-color-preview-widthnull
Description
The width of the small ColorEditor preview.
+
$kendo-color-editor-sm-color-preview-heightnull
Description
The height of the small ColorEditor preview.
+
$kendo-color-editor-md-color-preview-widthnull
Description
The width of the medium ColorEditor preview.
+
$kendo-color-editor-md-color-preview-heightnull
Description
The height of the medium ColorEditor preview.
+
$kendo-color-editor-lg-color-preview-widthnull
Description
The width of the large ColorEditor preview.
+
$kendo-color-editor-lg-color-preview-heightnull
Description
The height of the large ColorEditor preview.
+
$kendo-color-editor-views-padding-ynull
Description
The vertical padding of the ColorEditor views container.
+
$kendo-color-editor-views-padding-xnull
Description
The horizontal padding of the ColorEditor views container.
+
$kendo-color-editor-views-gapnull
Description
The spacing of the ColorEditor views container.
+
$kendo-color-editor-sm-views-padding-ynull
Description
The vertical padding of the small ColorEditor views container.
+
$kendo-color-editor-sm-views-padding-xnull
Description
The horizontal padding of the small ColorEditor views container.
+
$kendo-color-editor-sm-views-gapnull
Description
The spacing of the small ColorEditor views container.
+
$kendo-color-editor-md-views-padding-ynull
Description
The vertical padding of the medium ColorEditor views container.
+
$kendo-color-editor-md-views-padding-xnull
Description
The horizontal padding of the medium ColorEditor views container.
+
$kendo-color-editor-md-views-gapnull
Description
The spacing of the medium ColorEditor views container.
+
$kendo-color-editor-lg-views-padding-ynull
Description
The vertical padding of the large ColorEditor views container.
+
$kendo-color-editor-lg-views-padding-xnull
Description
The horizontal padding of the large ColorEditor views container.
+
$kendo-color-editor-lg-views-gapnull
Description
The spacing of the large ColorEditor views container.
+
$kendo-color-editor-color-gradient-focus-outline-colornull
Description
The outline color of the focused ColorGradient.
+
$kendo-color-editor-color-gradient-focus-outlinenull
Description
The outline width of the focused ColorGradient.
+
$kendo-color-editor-color-gradient-focus-outline-offsetnull
Description
The outline offset of the focused ColorGradient.
+
$kendo-color-editor-sizes()
Description
The size map of the ColorEditor.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-color-gradient.md b/packages/utils/docs/customization-color-gradient.md new file mode 100644 index 00000000000..9cb71776ee4 --- /dev/null +++ b/packages/utils/docs/customization-color-gradient.md @@ -0,0 +1,658 @@ +--- +title: Customizing ColorGradient +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_color-gradient +position: 9 +--- + +# Customizing ColorGradient + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-color-gradient-spacernull
Description
The spacer of the ColorGradient.
+
$kendo-color-gradient-widthnull
Description
The width of the ColorGradient.
+
$kendo-color-gradient-border-widthnull
Description
The width of the border around the ColorGradient.
+
$kendo-color-gradient-border-radiusnull
Description
The border radius of the ColorGradient.
+
$kendo-color-gradient-padding-ynull
Description
The vertical padding of the ColorGradient.
+
$kendo-color-gradient-padding-xnull
Description
The horizontal padding of the ColorGradient.
+
$kendo-color-gradient-gapnull
Description
The spacing between the sections of the ColorGradient.
+
$kendo-color-gradient-font-familynull
Description
The font family of the ColorGradient.
+
$kendo-color-gradient-font-sizenull
Description
The font size of the ColorGradient.
+
$kendo-color-gradient-line-heightnull
Description
The line height of the ColorGradient.
+
$kendo-color-gradient-textnull
Description
The text color of the ColorGradient.
+
$kendo-color-gradient-bgnull
Description
The background color of the ColorGradient.
+
$kendo-color-gradient-bordernull
Description
The border color of the ColorGradient.
+
$kendo-color-gradient-sm-widthnull
Description
The width of the small ColorGradient.
+
$kendo-color-gradient-md-widthnull
Description
The width of the medium ColorGradient.
+
$kendo-color-gradient-lg-widthnull
Description
The width of the large ColorGradient.
+
$kendo-color-gradient-sm-gapnull
Description
The spacing between the sections of the small ColorGradient.
+
$kendo-color-gradient-md-gapnull
Description
The spacing between the sections of the medium ColorGradient.
+
$kendo-color-gradient-lg-gapnull
Description
The spacing between the sections of the large ColorGradient.
+
$kendo-color-gradient-focus-bordernull
Description
The border color of the focused ColorGradient.
+
$kendo-color-gradient-focus-shadownull
Description
The box shadow of the focused ColorGradient.
+
$kendo-color-gradient-canvas-border-radiusnull
Description
The border radius of the ColorGradient canvas.
+
$kendo-color-gradient-canvas-gapnull
Description
The spacing between the items of the ColorGradient canvas.
+
$kendo-color-gradient-canvas-rectangle-heightnull
Description
The height the ColorGradient canvas hsv rectangle.
+
$kendo-color-gradient-sm-canvas-rectangle-heightnull
Description
The height the small ColorGradient canvas hsv rectangle.
+
$kendo-color-gradient-md-canvas-rectangle-heightnull
Description
The height the medium ColorGradient canvas hsv rectangle.
+
$kendo-color-gradient-lg-canvas-rectangle-heightnull
Description
The height the large ColorGradient canvas hsv rectangle.
+
$kendo-color-gradient-sm-canvas-gapnull
Description
The spacing between the items of the small ColorGradient canvas.
+
$kendo-color-gradient-md-canvas-gapnull
Description
The spacing between the items of the medium ColorGradient canvas.
+
$kendo-color-gradient-lg-canvas-gapnull
Description
The spacing between the items of the large ColorGradient canvas.
+
$kendo-color-gradient-slider-track-sizenull
Description
The width of the ColorGradient slider.
+
$kendo-color-gradient-slider-border-radiusnull
Description
The border radius of the ColorGradient slider.
+
$kendo-color-gradient-slider-draghandle-border-widthnull
Description
The width of the border around the ColorGradient slider drag handle.
+
$kendo-color-gradient-slider-vertical-sizenull
Description
The height of the ColorGradient vertical slider.
+
$kendo-color-gradient-slider-horizontal-sizenull
Description
The width of the ColorGradient horizontal slider.
+
$kendo-color-gradient-slider-alpha-bgr"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAuSURBVHgBxYyxDQAwDMJIL+YT+DjtzFRliUfLcklqBCRT4eCTxbD6kdL2/LgYXqpvCbs3kBv/AAAAAElFTkSuQmCC"
Description
The background image of the ColorGradient alpha slider.
+
$kendo-color-gradient-sm-slider-vertical-sizenull
Description
The height of the small ColorGradient vertical slider.
+
$kendo-color-gradient-md-slider-vertical-sizenull
Description
The height of the medium ColorGradient vertical slider.
+
$kendo-color-gradient-lg-slider-vertical-sizenull
Description
The height of the large ColorGradient vertical slider.
+
$kendo-color-gradient-draghandle-widthnull
Description
The width of the ColorGradient canvas drag handle.
+
$kendo-color-gradient-draghandle-heightnull
Description
The height of the ColorGradient canvas drag handle.
+
$kendo-color-gradient-draghandle-border-widthnull
Description
The width of the border around the ColorGradient canvas drag handle.
+
$kendo-color-gradient-draghandle-outline-widthnull
Description
The width of the outline around the ColorGradient canvas drag handle.
+
$kendo-color-gradient-draghandle-border-radiusnull
Description
The border radius of the ColorGradient canvas drag handle.
+
$kendo-color-gradient-draghandle-textnull
Description
The text color of the ColorGradient canvas drag handle.
+
$kendo-color-gradient-draghandle-bgnull
Description
The background color of the ColorGradient canvas drag handle.
+
$kendo-color-gradient-draghandle-bordernull
Description
The color of the border around the ColorGradient canvas drag handle.
+
$kendo-color-gradient-draghandle-focus-shadownull
Description
The focus color of the outline around the ColorGradient canvas drag handle.
+
$kendo-color-gradient-draghandle-hover-shadownull
Description
The hover color of the outline around the ColorGradient canvas drag handle.
+
$kendo-color-gradient-draghandle-shadownull
Description
The box shadow of the ColorGradient canvas drag handle.
+
$kendo-color-gradient-canvas-draghandle-margin-ynull
Description
The vertical margin of the ColorGradient canvas drag handle.
+
$kendo-color-gradient-canvas-draghandle-margin-xnull
Description
The horizontal margin of the ColorGradient canvas drag handle.
+
$kendo-color-gradient-input-widthnull
Description
The width of the ColorGradient input.
+
$kendo-color-gradient-input-gapnull
Description
The spacing between the ColorGradient inputs.
+
$kendo-color-gradient-input-label-gapnull
Description
The spacing between the ColorGradient inputs and their labels.
+
$kendo-color-gradient-input-label-textnull
Description
The text color of the ColorGradient input labels.
+
$kendo-color-gradient-sm-input-widthnull
Description
The width of the small ColorGradient input.
+
$kendo-color-gradient-md-input-widthnull
Description
The width of the medium ColorGradient input.
+
$kendo-color-gradient-lg-input-widthnull
Description
The width of the large ColorGradient input.
+
$kendo-color-gradient-contrast-ratio-font-weightnull
Description
The font weight of the ColorGradient contrast ratio text.
+
$kendo-color-gradient-contrast-spacernull
Description
The spacing between the items in the ColorGradient contrast tool.
+
$kendo-color-gradient-sizes()
Description
The size map of the ColorGradient.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-color-palette.md b/packages/utils/docs/customization-color-palette.md new file mode 100644 index 00000000000..7d43e3cfbba --- /dev/null +++ b/packages/utils/docs/customization-color-palette.md @@ -0,0 +1,188 @@ +--- +title: Customizing ColorPalette +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_color-palette +position: 9 +--- + +# Customizing ColorPalette + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-color-palette-font-familynull
Description
The font family of the ColorPalette.
+
$kendo-color-palette-font-sizenull
Description
The font size of the ColorPalette.
+
$kendo-color-palette-line-heightnull
Description
The line height of the ColorPalette.
+
$kendo-color-palette-tile-widthnull
Description
The width of the ColorPalette tile.
+
$kendo-color-palette-tile-heightnull
Description
The height of the ColorPalette tile.
+
$kendo-color-palette-tile-sm-widthnull
Description
The width of the small ColorPalette tile.
+
$kendo-color-palette-tile-sm-heightnull
Description
The height of the small ColorPalette tile.
+
$kendo-color-palette-tile-md-widthnull
Description
The width of the medium ColorPalette tile.
+
$kendo-color-palette-tile-md-heightnull
Description
The height of the medium ColorPalette tile.
+
$kendo-color-palette-tile-lg-widthnull
Description
The width of the large ColorPalette tile.
+
$kendo-color-palette-tile-lg-heightnull
Description
The height of the large ColorPalette tile.
+
$kendo-color-palette-tile-focus-shadownull
Description
The shadow of the ColorPalette focused tile.
+
$kendo-color-palette-tile-hover-shadownull
Description
The shadow of the ColorPalette hovered tile.
+
$kendo-color-palette-tile-selected-shadownull
Description
The shadow of the ColorPalette selected tile.
+
$kendo-color-palette-sizes()
Description
The size map of the ColorPalette.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-common.md b/packages/utils/docs/customization-common.md index 1f5a612e0c4..1d7daa7660e 100644 --- a/packages/utils/docs/customization-common.md +++ b/packages/utils/docs/customization-common.md @@ -29,9 +29,9 @@ The following table lists the available variables for customization. $kendo-disabled-bg - Null - null + null +
Description
The background color of disabled items.
@@ -39,9 +39,9 @@ The following table lists the available variables for customization. $kendo-disabled-text - Null - null + null +
Description
The text color of disabled items.
@@ -49,9 +49,9 @@ The following table lists the available variables for customization. $kendo-disabled-border - Null - null + null +
Description
The border color of disabled items.
@@ -59,9 +59,9 @@ The following table lists the available variables for customization. $kendo-disabled-opacity - Null - null + null +
Description
The opacity of disabled items.
@@ -69,14 +69,24 @@ The following table lists the available variables for customization. $kendo-disabled-filter - Null - null + null +
Description
The filter of disabled items.
+ + $kendo-display + + null + + + +
Description
The displays Map.
+ + diff --git a/packages/utils/docs/customization-dialog.md b/packages/utils/docs/customization-dialog.md new file mode 100644 index 00000000000..83f4768419e --- /dev/null +++ b/packages/utils/docs/customization-dialog.md @@ -0,0 +1,118 @@ +--- +title: Customizing Dialog +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_dialog +position: 9 +--- + +# Customizing Dialog + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-dialog-titlebar-bgnull
Description
The background color of the Dialog titlebar.
+
$kendo-dialog-titlebar-textnull
Description
The text color of the Dialog titlebar.
+
$kendo-dialog-titlebar-bordernull
Description
The border color of the Dialog titlebar.
+
$kendo-dialog-buttongroup-padding-xnull
Description
The horizontal padding of the Dialog action buttons.
+
$kendo-dialog-buttongroup-padding-ynull
Description
The vertical padding of the Dialog action buttons.
+
$kendo-dialog-buttongroup-border-widthnull
Description
The width of the top border of the Dialog action buttons.
+
$kendo-dialog-button-spacingnull
Description
The spacing between the Dialog action buttons.
+
$kendo-dialog-theme-colorsnull
Description
The theme colors map for the Dialog.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-dock-manager.md b/packages/utils/docs/customization-dock-manager.md new file mode 100644 index 00000000000..b6d58a9c057 --- /dev/null +++ b/packages/utils/docs/customization-dock-manager.md @@ -0,0 +1,388 @@ +--- +title: Customizing DockManager +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_dock-manager +position: 9 +--- + +# Customizing DockManager + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-dock-manager-border-widthnull
Description
The width of the border around the DockManager component.
+
$kendo-dock-manager-border-stylenull
Description
The style of the border around the DockManager component.
+
$kendo-dock-manager-bordernull
Description
The color of the border around the DockManager component.
+
$kendo-dock-manager-pane-header-padding-ynull
Description
The vertical padding of the pane header in the DockManager component.
+
$kendo-dock-manager-pane-header-padding-xnull
Description
The horizontal padding of the pane header in the DockManager component.
+
$kendo-dock-manager-pane-header-border-widthnull
Description
The width of the border around the pane header in the DockManager component.
+
$kendo-dock-manager-pane-header-border-stylenull
Description
The style of the border around the pane header in the DockManager component.
+
$kendo-dock-manager-pane-header-bgnull
Description
The background color of the pane header in the DockManager component.
+
$kendo-dock-manager-pane-title-padding-ynull
Description
The vertical padding of the pane title in the DockManager component.
+
$kendo-dock-manager-pane-title-padding-xnull
Description
The horizontal padding of the pane title in the DockManager component.
+
$kendo-dock-manager-pane-title-font-familynull
Description
The font family of the pane title in the DockManager component.
+
$kendo-dock-manager-pane-title-font-sizenull
Description
The font size of the pane title in the DockManager component.
+
$kendo-dock-manager-pane-title-line-heightnull
Description
The line height of the pane title in the DockManager component.
+
$kendo-dock-manager-pane-title-font-weightnull
Description
The font weight of the pane title in the DockManager component.
+
$kendo-dock-manager-pane-content-padding-xnull
Description
The horizontal padding of the pane content in the DockManager component.
+
$kendo-dock-manager-pane-content-padding-ynull
Description
The vertical padding of the pane content in the DockManager component.
+
$kendo-dock-manager-tabbed-pane-padding-ynull
Description
The horizontal padding of the tabbed pane in the DockManager component.
+
$kendo-dock-manager-tabbed-pane-padding-xnull
Description
The horizontal padding of the tabbed pane in the DockManager component.
+
$kendo-dock-manager-unpinned-container-widthnull
Description
The width of the unpinned pane container in the DockManager component.
+
$kendo-dock-manager-unpinned-container-bgnull
Description
The background-color of the unpinned pane container in the DockManager component.
+
$kendo-dock-manager-unpinned-container-shadownull
Description
The box shadow of the unpinned pane container in the DockManager component.
+
$kendo-dock-indicator-paddingnull
Description
The padding of the dock indicator in the DockManager component.
+
$kendo-dock-indicator-bgnull
Description
The background color of the dock indicator in the DockManager component.
+
$kendo-dock-indicator-textnull
Description
The text color of the dock indicator in the DockManager component.
+
$kendo-dock-indicator-outline-widthnull
Description
The outline width of the dock indicator in the DockManager component.
+
$kendo-dock-indicator-outline-stylenull
Description
The outline style of the dock indicator in the DockManager component.
+
$kendo-dock-indicator-outlinenull
Description
The outline color of the dock indicator in the DockManager component.
+
$kendo-dock-indicator-shadownull
Description
The box shadow of the dock indicator in the DockManager component.
+
$kendo-dock-indicator-hover-bgnull
Description
The background color of the hovered dock indicator in the DockManager component.
+
$kendo-dock-indicator-hover-textnull
Description
The text color of the hovered dock indicator in the DockManager component.
+
$kendo-dock-manager-dock-preview-border-widthnull
Description
The width of the border around the dropping area in the DockManager component.
+
$kendo-dock-manager-dock-preview-border-stylenull
Description
The style of the border around the dropping area in the DockManager component.
+
$kendo-dock-manager-dock-preview-border-radiusnull
Description
The border radius of the dropping area in the DockManager component.
+
$kendo-dock-manager-dock-preview-bgnull
Description
The background color of the dropping area in the DockManager component.
+
$kendo-dock-manager-dock-preview-bordernull
Description
The border color of the dropping area in the DockManager component.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-drawer.md b/packages/utils/docs/customization-drawer.md new file mode 100644 index 00000000000..2f61b1b5acc --- /dev/null +++ b/packages/utils/docs/customization-drawer.md @@ -0,0 +1,348 @@ +--- +title: Customizing Drawer +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_drawer +position: 9 +--- + +# Customizing Drawer + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-drawer-bgnull
Description
The background color of the Drawer.
+
$kendo-drawer-textnull
Description
The text color of the Drawer.
+
$kendo-drawer-bordernull
Description
The border color of the Drawer.
+
$kendo-drawer-border-widthnull
Description
The border width of the Drawer.
+
$kendo-drawer-font-familynull
Description
The font family of the Drawer.
+
$kendo-drawer-font-sizenull
Description
The font size of the Drawer.
+
$kendo-drawer-line-heightnull
Description
The line height of the Drawer.
+
$kendo-drawer-content-padding-xnull
Description
The horizontal padding of the Drawer content.
+
$kendo-drawer-content-padding-ynull
Description
The vertical padding of the Drawer content.
+
$kendo-drawer-scrollbar-widthnull
Description
The width of the Drawer scrollbar.
+
$kendo-drawer-scrollbar-colornull
Description
The color of the Drawer scrollbar track.
+
$kendo-drawer-scrollbar-bgnull
Description
The background color of the Drawer scrollbar thumb.
+
$kendo-drawer-scrollbar-radiusnull
Description
The border radius of the Drawer scrollbar.
+
$kendo-drawer-scrollbar-hover-colornull
Description
The hover color of the Drawer scrollbar track.
+
$kendo-drawer-item-padding-xnull
Description
The horizontal padding of the Drawer item.
+
$kendo-drawer-item-padding-ynull
Description
The vertical padding of the Drawer item.
+
$kendo-drawer-item-font-sizenull
Description
The font size of the Drawer item.
+
$kendo-drawer-item-line-heightnull
Description
The line height of the Drawer item.
+
$kendo-drawer-item-level-padding-xnull
Description
The horizontal padding of the Drawer item in each level.
+
$kendo-drawer-item-level-countnull
Description
The count of the Drawer item levels.
+
$kendo-drawer-icon-padding-xnull
Description
The horizontal padding of the Drawer icon.
+
$kendo-drawer-icon-padding-ynull
Description
The vertical padding of the Drawer icon.
+
$kendo-drawer-mini-initial-widthnull
Description
The initial width of the mini Drawer.
+
$kendo-drawer-hover-bgnull
Description
The background color of the hovered Drawer item.
+
$kendo-drawer-hover-textnull
Description
The text color of the hovered Drawer item.
+
$kendo-drawer-focus-bgnull
Description
The background color of the focused Drawer item.
+
$kendo-drawer-focus-shadownull
Description
The box shadow of the focused Drawer item.
+
$kendo-drawer-selected-bgnull
Description
The background color of the selected Drawer item.
+
$kendo-drawer-selected-textnull
Description
The text color of the selected Drawer item.
+
$kendo-drawer-selected-hover-bgnull
Description
The background color of the selected and hovered Drawer item.
+
$kendo-drawer-selected-hover-textnull
Description
The text color of the selected and hovered Drawer item.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-dropdowntree.md b/packages/utils/docs/customization-dropdowntree.md new file mode 100644 index 00000000000..34abfb3fd90 --- /dev/null +++ b/packages/utils/docs/customization-dropdowntree.md @@ -0,0 +1,58 @@ +--- +title: Customizing Dropdowntree +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_dropdowntree +position: 9 +--- + +# Customizing Dropdowntree + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-dropdowntree-popup-padding-xnull
Description
The horizontal padding of the DropdownTree popup
+
$kendo-dropdowntree-popup-padding-ynull
Description
The vertical padding of the DropdownTree popup
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-dropzone.md b/packages/utils/docs/customization-dropzone.md new file mode 100644 index 00000000000..f64ee1fdd2b --- /dev/null +++ b/packages/utils/docs/customization-dropzone.md @@ -0,0 +1,228 @@ +--- +title: Customizing Dropzone +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_dropzone +position: 9 +--- + +# Customizing Dropzone + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-dropzone-padding-xnull
Description
The horizontal padding of the DropZone.
+
$kendo-dropzone-padding-ynull
Description
The vertical padding of the DropZone.
+
$kendo-dropzone-border-widthnull
Description
The border width of the DropZone.
+
$kendo-dropzone-min-heightnull
Description
The minimum height of the DropZone.
+
$kendo-dropzone-font-familynull
Description
The font family of the DropZone.
+
$kendo-dropzone-font-sizenull
Description
The font size of the DropZone.
+
$kendo-dropzone-line-heightnull
Description
The line height of the DropZone.
+
$kendo-dropzone-bgnull
Description
The background color of the DropZone.
+
$kendo-dropzone-textnull
Description
The text color of the DropZone.
+
$kendo-dropzone-bordernull
Description
The border color of the DropZone.
+
$kendo-dropzone-icon-spacingnull
Description
The spacing below the DropZone icon.
+
$kendo-dropzone-icon-textnull
Description
The text color of the DropZone icon.
+
$kendo-dropzone-icon-hover-textnull
Description
The text color of the hovered DropZone icon.
+
$kendo-dropzone-hint-font-sizenull
Description
The font size of the DropZone hint.
+
$kendo-dropzone-hint-spacingnull
Description
The spacing below the DropZone hint.
+
$kendo-dropzone-hint-textnull
Description
The text color of the DropZone hint.
+
$kendo-dropzone-note-font-sizenull
Description
The font size of the DropZone note.
+
$kendo-dropzone-note-spacingnull
Description
The spacing below the DropZone note.
+
$kendo-dropzone-note-textnull
Description
The text color of the DropZone note.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-editor.md b/packages/utils/docs/customization-editor.md new file mode 100644 index 00000000000..efcc1076028 --- /dev/null +++ b/packages/utils/docs/customization-editor.md @@ -0,0 +1,248 @@ +--- +title: Customizing Editor +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_editor +position: 9 +--- + +# Customizing Editor + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-editor-border-widthnull
Description
The width of the border around the Еditor.
+
$kendo-editor-font-familynull
Description
The font family of the Еditor.
+
$kendo-editor-font-sizenull
Description
The font size of the Еditor.
+
$kendo-editor-line-heightnull
Description
The line height of the Еditor.
+
$kendo-editor-placeholder-textnull
Description
The text color of the Еditor placeholder.
+
$kendo-editor-placeholder-opacitynull
Description
The opacity of the Editor placeholder.
+
$kendo-editor-selected-textnull
Description
The selected text color of the Editor.
+
$kendo-editor-selected-bgnull
Description
The selected background color of the Editor.
+
$kendo-editor-highlighted-bgnull
Description
The highlighted background color of the Editor.
+
$kendo-editor-export-tool-icon-margin-xnull
Description
The horizontal margin of the Editor's export tool icon.
+
$kendo-editor-resize-handle-sizenull
Description
The size of the Editor's resize handle.
+
$kendo-editor-resize-handle-border-widthnull
Description
The border width of the Editor's resize handle.
+
$kendo-editor-resize-handle-bordernull
Description
The border color of the Editor's resize handle.
+
$kendo-editor-resize-handle-bgnull
Description
The background color of the Editor's resize handle.
+
$kendo-editor-selectednode-outline-widthnull
Description
The outline width of the Editor's selected node.
+
$kendo-editor-selectednode-outline-colornull
Description
The outline color of the Editor's selected node.
+
$kendo-editor-inline-padding-xnull
Description
The horizontal padding of the inline Editor.
+
$kendo-editor-inline-padding-ynull
Description
The vertical padding of the inline Editor.
+
$kendo-editor-filebrowser-tiles-padding-xnull
Description
The horizontal padding of the Editor file browser tiles.
+
$kendo-editor-filebrowser-tiles-padding-ynull
Description
The vertical padding of the Editor file browser tiles.
+
$kendo-editor-content-paddingnull
Description
The padding of the Editor content.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-expander.md b/packages/utils/docs/customization-expander.md new file mode 100644 index 00000000000..f33bf240136 --- /dev/null +++ b/packages/utils/docs/customization-expander.md @@ -0,0 +1,258 @@ +--- +title: Customizing Expander +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_expander +position: 9 +--- + +# Customizing Expander + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-expander-spacing-ynull
Description
The vertical spacing of the ExpansionPanel.
+
$kendo-expander-border-widthnull
Description
The width of the border around the ExpansionPanel.
+
$kendo-expander-font-familynull
Description
The font family of the ExpansionPanel.
+
$kendo-expander-font-sizenull
Description
The font size of the ExpansionPanel.
+
$kendo-expander-line-heightnull
Description
The hine height of the ExpansionPanel.
+
$kendo-expander-textnull
Description
The text color of the ExpansionPanel.
+
$kendo-expander-bgnull
Description
The background color of the ExpansionPanel.
+
$kendo-expander-bordernull
Description
The border color of the ExpansionPanel.
+
$kendo-expander-focus-shadownull
Description
The box shadow of the focused ExpansionPanel.
+
$kendo-expander-header-padding-xnull
Description
The horizontal padding of the ExpansionPanel header.
+
$kendo-expander-header-padding-ynull
Description
The vertical padding of the ExpansionPanel header.
+
$kendo-expander-header-textnull
Description
The text color of the ExpansionPanel header.
+
$kendo-expander-header-bgnull
Description
The background color of the ExpansionPanel header.
+
$kendo-expander-header-bordernull
Description
The border color of the ExpansionPanel header.
+
$kendo-expander-header-hover-bgnull
Description
The background color of the hovered ExpansionPanel header.
+
$kendo-expander-header-focus-bgnull
Description
The background color of the focused ExpansionPanel header.
+
$kendo-expander-header-focus-shadownull
Description
The box shadow of the focused ExpansionPanel header.
+
$kendo-expander-title-textnull
Description
The text color of the ExpansionPanel title.
+
$kendo-expander-header-sub-title-textnull
Description
The text color of the ExpansionPanel sub-title.
+
$kendo-expander-indicator-margin-xnull
Description
The horizontal margin of the ExpansionPanel indicator.
+
$kendo-expander-content-padding-xnull
Description
The horizontal padding of the ExpansionPanel content.
+
$kendo-expander-content-padding-ynull
Description
The vertical padding of the ExpansionPanel content.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-file-manager.md b/packages/utils/docs/customization-file-manager.md new file mode 100644 index 00000000000..4b87cc39593 --- /dev/null +++ b/packages/utils/docs/customization-file-manager.md @@ -0,0 +1,608 @@ +--- +title: Customizing FileManager +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_file-manager +position: 9 +--- + +# Customizing FileManager + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-file-manager-spacernull
Description
The space between the FileManager items.
+
$kendo-file-manager-border-widthnull
Description
The border width of the FileManager.
+
$kendo-file-manager-font-familynull
Description
The font family of the FileManager.
+
$kendo-file-manager-font-sizenull
Description
The font size of the FileManager.
+
$kendo-file-manager-line-heightnull
Description
The line height of the FileManager.
+
$kendo-file-manager-bgnull
Description
The background color of the FileManager.
+
$kendo-file-manager-textnull
Description
The text color of the FileManager.
+
$kendo-file-manager-bordernull
Description
The border color of the FileManager.
+
$kendo-file-manager-toolbar-border-widthnull
Description
The border width of the FileManager Toolbar.
+
$kendo-file-manager-toolbar-bgnull
Description
The background color of the FileManager Toolbar.
+
$kendo-file-manager-toolbar-textnull
Description
The text color of the FileManager Toolbar.
+
$kendo-file-manager-toolbar-bordernull
Description
The border color of the FileManager Toolbar.
+
$kendo-file-manager-toolbar-gradientnull
Description
The gradient of the FileManager Toolbar.
+
$kendo-file-manager-navigation-padding-xnull
Description
The horizontal padding of the FileManager Navigation.
+
$kendo-file-manager-navigation-padding-ynull
Description
The vertical padding of the FileManager Navigation.
+
$kendo-file-manager-navigation-widthnull
Description
The width of the FileManager Navigation.
+
$kendo-file-manager-navigation-border-widthnull
Description
The border width of the FileManager Navigation.
+
$kendo-file-manager-navigation-bgnull
Description
The background color of the FileManager Navigation.
+
$kendo-file-manager-navigation-textnull
Description
The text color of the FileManager Navigation.
+
$kendo-file-manager-navigation-bordernull
Description
The border color of the FileManager Navigation.
+
$kendo-file-manager-breadcrumb-padding-xnull
Description
The horizontal padding of the FileManager Breadcrumb.
+
$kendo-file-manager-breadcrumb-padding-ynull
Description
The vertical padding of the FileManager Breadcrumb.
+
$kendo-file-manager-breadcrumb-border-widthnull
Description
The border width of the FileManager Breadcrumb.
+
$kendo-file-manager-breadcrumb-bgnull
Description
The background color of the FileManager Breadcrumb.
+
$kendo-file-manager-breadcrumb-textnull
Description
The text color of the FileManager Breadcrumb.
+
$kendo-file-manager-breadcrumb-bordernull
Description
The border color of the FileManager Breadcrumb.
+
$kendo-file-manager-listview-bgnull
Description
The background color of the FileManager ListView.
+
$kendo-file-manager-listview-textnull
Description
The text color of the FileManager ListView.
+
$kendo-file-manager-listview-bordernull
Description
The border color of the FileManager ListView.
+
$kendo-file-manager-listview-item-padding-xnull
Description
The horizontal padding of the FileManager ListView item.
+
$kendo-file-manager-listview-item-padding-ynull
Description
The vertical padding of the FileManager ListView item.
+
$kendo-file-manager-listview-item-widthnull
Description
The width of the FileManager ListView item.
+
$kendo-file-manager-listview-item-heightnull
Description
The height of the FileManager ListView item.
+
$kendo-file-manager-listview-item-bgnull
Description
The background color of the FileManager ListView item.
+
$kendo-file-manager-listview-item-textnull
Description
The text color of the FileManager ListView item.
+
$kendo-file-manager-listview-item-bordernull
Description
The border color of the FileManager ListView item.
+
$kendo-file-manager-listview-item-icon-bgnull
Description
The background color of the FileManager ListView item icon.
+
$kendo-file-manager-listview-item-icon-textnull
Description
The text color of the FileManager ListView item icon.
+
$kendo-file-manager-listview-item-icon-bordernull
Description
The border color of the FileManager ListView item icon.
+
$kendo-file-manager-listview-item-icon-selected-bgnull
Description
Background color of the FileManager selected ListView item icon.
+
$kendo-file-manager-listview-item-icon-selected-textnull
Description
Text color of the FileManager selected ListView item icon.
+
$kendo-file-manager-listview-item-icon-selected-bordernull
Description
Border color of the FileManager selected ListView item icon.
+
$kendo-file-manager-grid-bgnull
Description
The background color of the FileManager Grid.
+
$kendo-file-manager-grid-textnull
Description
The text color of the FileManager Grid.
+
$kendo-file-manager-grid-bordernull
Description
The border color of the FileManager Grid.
+
$kendo-file-manager-preview-padding-xnull
Description
The horizontal padding of the FileManager preview.
+
$kendo-file-manager-preview-padding-ynull
Description
The vertical padding of the FileManager preview.
+
$kendo-file-manager-preview-widthnull
Description
The width of the FileManager preview.
+
$kendo-file-manager-preview-border-widthnull
Description
The border width of the FileManager preview.
+
$kendo-file-manager-preview-spacingnull
Description
The spacing of the FileManager preview.
+
$kendo-file-manager-preview-column-gapnull
Description
The gap between the columns in the FileManager preview.
+
$kendo-file-manager-preview-bgnull
Description
The background color of the FileManager preview.
+
$kendo-file-manager-preview-textnull
Description
The text color of the FileManager preview.
+
$kendo-file-manager-preview-bordernull
Description
The border color of the FileManager preview.
+
$kendo-file-manager-preview-icon-bgnull
Description
The background color of the FileManager preview icon.
+
$kendo-file-manager-preview-icon-textnull
Description
The text color of the FileManager preview icon.
+
$kendo-file-manager-preview-icon-bordernull
Description
The border color of the FileManager preview icon.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-filter.md b/packages/utils/docs/customization-filter.md new file mode 100644 index 00000000000..8c8934d8286 --- /dev/null +++ b/packages/utils/docs/customization-filter.md @@ -0,0 +1,118 @@ +--- +title: Customizing Filter +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_filter +position: 9 +--- + +# Customizing Filter + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-filter-padding-xnull
Description
The horizontal padding of the Filter.
+
$kendo-filter-padding-ynull
Description
The vertical padding of the Filter.
+
$kendo-filter-bottom-marginnull
Description
The bottom margin of the Filter.
+
$kendo-filter-line-sizenull
Description
The width of the line that connects the Filter items.
+
$kendo-filter-operator-dropdown-widthnull
Description
The width of the dropdown elements in the Filter items.
+
$kendo-filter-preview-field-textnull
Description
The text color of the Filter preview field.
+
$kendo-filter-preview-operator-textnull
Description
The text color of the Filter preview operator.
+
$kendo-filter-toolbar-focus-shadownull
Description
The box shadow of the focused Filter toolbar.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-floating-action-button.md b/packages/utils/docs/customization-floating-action-button.md new file mode 100644 index 00000000000..459266c3aa4 --- /dev/null +++ b/packages/utils/docs/customization-floating-action-button.md @@ -0,0 +1,508 @@ +--- +title: Customizing FloatingActionButton +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_floating-action-button +position: 9 +--- + +# Customizing FloatingActionButton + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-fab-border-widthnull
Description
The width of the border around the FAB.
+
$kendo-fab-border-radiusnull
Description
The border radius of the FAB.
+
$kendo-fab-font-familynull
Description
The font family of the FAB.
+
$kendo-fab-font-sizenull
Description
The font size of the FAB.
+
$kendo-fab-line-heightnull
Description
The line height of the FAB.
+
$kendo-fab-padding-xnull
Description
The horizontal padding of the FAB.
+
$kendo-fab-sm-padding-xnull
Description
The horizontal padding of the small FAB.
+
$kendo-fab-md-padding-xnull
Description
The horizontal padding of the medium FAB.
+
$kendo-fab-lg-padding-xnull
Description
The horizontal padding of the large FAB.
+
$kendo-fab-padding-ynull
Description
The vertical padding of the FAB.
+
$kendo-fab-sm-padding-ynull
Description
The vertical padding of the small FAB.
+
$kendo-fab-md-padding-ynull
Description
The vertical padding of the medium FAB.
+
$kendo-fab-lg-padding-ynull
Description
The vertical padding of the large FAB.
+
$kendo-fab-icon-padding-xnull
Description
The horizontal padding of the FAB icon.
+
$kendo-fab-icon-padding-ynull
Description
The vertical padding of the FAB icon.
+
$kendo-fab-icon-spacingnull
Description
The spacing of the FAB icon.
+
$kendo-fab-items-padding-xnull
Description
The horizontal padding of the FAB items.
+
$kendo-fab-items-padding-ynull
Description
The vertical padding of the FAB items.
+
$kendo-fab-item-text-padding-xnull
Description
The horizontal padding of the FAB item text.
+
$kendo-fab-item-text-padding-ynull
Description
The vertical padding of the FAB item text.
+
$kendo-fab-item-text-border-widthnull
Description
The width of the FAB item text border.
+
$kendo-fab-item-text-border-radiusnull
Description
The border radius of the FAB item text.
+
$kendo-fab-item-text-font-sizenull
Description
The font size of the FAB item text.
+
$kendo-fab-item-text-line-heightnull
Description
The line height of the FAB item text.
+
$kendo-fab-item-icon-padding-xnull
Description
The horizontal padding of the FAB item icon.
+
$kendo-fab-item-icon-padding-ynull
Description
The vertical padding of the FAB item icon.
+
$kendo-fab-item-icon-border-widthnull
Description
The width of the FAB item icon border.
+
$kendo-fab-item-icon-border-radiusnull
Description
The border radius of the FAB item icon.
+
$kendo-fab-theme-colorsnull
Description
The theme colors map for the FAB.
+
$kendo-fab-sizesnull
Description
The size map for the FAB.
+
$kendo-fab-shadownull
Description
The base shadow of the FAB.
+
$kendo-fab-disabled-shadownull
Description
The shadow of the disabled FAB.
+
$kendo-fab-active-shadownull
Description
The shadow of the active FAB.
+
$kendo-fab-outline-stylenull
Description
The outline style of the FAB.
+
$kendo-fab-outline-widthnull
Description
The outline width of the FAB.
+
$kendo-fab-item-textnull
Description
The base text color of the FAB item.
+
$kendo-fab-item-bgnull
Description
The base background color of the FAB item.
+
$kendo-fab-item-bordernull
Description
The base border color of the FAB item.
+
$kendo-fab-item-icon-textnull
Description
The base text color of the FAB item icon.
+
$kendo-fab-item-icon-bgnull
Description
The base background color of the FAB item icon.
+
$kendo-fab-item-icon-bordernull
Description
The base border color of the FAB item icon.
+
$kendo-fab-item-shadownull
Description
The base shadow of the FAB item.
+
$kendo-fab-item-disabled-shadownull
Description
The shadow of the disabled FAB item.
+
$kendo-fab-item-active-shadownull
Description
The shadow of the active FAB item.
+
$kendo-fab-item-outline-stylenull
Description
The outline style of the FAB item.
+
$kendo-fab-item-outline-widthnull
Description
The outline width of the FAB item.
+
$kendo-fab-item-outline-colornull
Description
The outline color of the FAB item.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-floating-label.md b/packages/utils/docs/customization-floating-label.md new file mode 100644 index 00000000000..2890f56acbb --- /dev/null +++ b/packages/utils/docs/customization-floating-label.md @@ -0,0 +1,188 @@ +--- +title: Customizing FloatingLabel +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_floating-label +position: 9 +--- + +# Customizing FloatingLabel + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-floating-label-scalenull
Description
The transformation scale of the Floating Label.
+
$kendo-floating-label-font-sizenull
Description
The font size of the Floating Label.
+
$kendo-floating-label-max-widthnull
Description
The maximum width of the Floating Label.
+
$kendo-floating-label-line-heightnull
Description
The line height of the Floating Label.
+
$kendo-floating-label-heightnull
Description
The height of the Floating Label.
+
$kendo-floating-label-offset-xnull
Description
The horizontal offset of the Floating Label.
+
$kendo-floating-label-offset-ynull
Description
The vertical offset of the Floating Label.
+
$kendo-floating-label-focus-scalenull
Description
The transformation scale of the focused Floating Label.
+
$kendo-floating-label-focus-offset-xnull
Description
The horizontal offset of the focused Floating Label.
+
$kendo-floating-label-focus-offset-ynull
Description
The vertical offset of the focused Floating Label.
+
$kendo-floating-label-transitionnull
Description
The transition of the Floating Label.
+
$kendo-floating-label-bgnull
Description
The background color of the Floating Label.
+
$kendo-floating-label-textnull
Description
The text color of the Floating Label.
+
$kendo-floating-label-focus-bgnull
Description
The background color of the focused Floating Label.
+
$kendo-floating-label-focus-textnull
Description
The text color of the focused Floating Label.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-form.md b/packages/utils/docs/customization-form.md new file mode 100644 index 00000000000..c7a7713cb6c --- /dev/null +++ b/packages/utils/docs/customization-form.md @@ -0,0 +1,548 @@ +--- +title: Customizing Form +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_form +position: 9 +--- + +# Customizing Form + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-form-spacernull
Description
The padding of the inline Form.
+
$kendo-form-font-sizenull
Description
The font size of the Form.
+
$kendo-form-line-heightnull
Description
The line height of the Form.
+
$kendo-form-line-height-emnull
Description
The line height of the Form in em units.
+
$kendo-form-sm-line-heightnull
Description
The line height of the small Form.
+
$kendo-form-lg-line-heightnull
Description
The line height of the large Form.
+
$kendo-form-fieldset-marginnull
Description
The margin of the Form fieldset.
+
$kendo-form-fieldset-paddingnull
Description
The padding of the Form fieldset.
+
$kendo-form-legend-marginnull
Description
The margin of the Form legend.
+
$kendo-form-legend-paddingnull
Description
The padding of the Form legend.
+
$kendo-form-legend-border-widthnull
Description
The border width of the Form legend.
+
$kendo-form-legend-border-stylenull
Description
The border style of the Form legend.
+
$kendo-form-legend-border-colornull
Description
The border color of the Form legend.
+
$kendo-form-legend-widthnull
Description
The width of the Form legend.
+
$kendo-form-legend-font-sizenull
Description
The font size of the Form legend.
+
$kendo-form-legend-text-transformnull
Description
The text capitalization of the Form legend.
+
$kendo-form-label-margin-bottomnull
Description
The bottom margin of the Form label.
+
$kendo-form-button-margin-xnull
Description
The horizontal margin of the Form buttons.
+
$kendo-form-hint-font-sizenull
Description
The font size of the Form hint.
+
$kendo-form-hint-font-stylenull
Description
The font style of the Form hint.
+
$kendo-form-hint-margin-topnull
Description
The top margin of the Form hint.
+
$kendo-form-sm-rows-spacingnull
Description
The row spacing of the small Form.
+
$kendo-form-md-rows-spacingnull
Description
The row spacing of the medium Form.
+
$kendo-form-lg-rows-spacingnull
Description
The row spacing of the large Form.
+
$kendo-form-separator-marginnull
Description
The margin of the Form separator.
+
$kendo-form-separator-border-colornull
Description
The border color of the Form separator.
+
$kendo-horizontal-form-label-padding-topnull
Description
The top padding of the label in the horizontal Form.
+
$kendo-horizontal-form-label-margin-xnull
Description
The horizontal margin of the label in the horizontal Form.
+
$kendo-horizontal-form-label-widthnull
Description
The width of the label in the horizontal Form.
+
$kendo-horizontal-form-label-alignnull
Description
The horizontal alignment of the label in the horizontal Form.
+
$kendo-horizontal-form-field-wrap-max-widthnull
Description
The maximum width of the field wrap in the horizontal Form.
+
$kendo-inline-form-element-widthnull
Description
The width of the inline Form element.
+
$kendo-inline-form-field-padding-xnull
Description
The horizontal padding of the inline Form field.
+
$kendo-inline-form-field-padding-ynull
Description
The vertical padding of the inline Form field.
+
$kendo-forms-invalid-colornull
Description
The invalid text color of the Form.
+
$kendo-label-optional-margin-xnull
Description
The horizontal margin of the optional label in the Form.
+
$kendo-label-optional-font-sizenull
Description
The font size of the optional label in the Form.
+
$kendo-label-optional-font-stylenull
Description
The font style of the optional label in the Form.
+
$kendo-fieldset-marginnull
Description
The margin of the Form fieldset.
+
$kendo-fieldset-font-sizenull
Description
The font size of the Form fieldset.
+
$kendo-fieldset-bgnull
Description
The background color of the Form fieldset.
+
$kendo-fieldset-textnull
Description
The text color of the Form fieldset.
+
$kendo-fieldset-bordernull
Description
The border color of the Form fieldset.
+
$kendo-fieldset-legend-paddingnull
Description
The padding of the Form fieldset legend.
+
$kendo-fieldset-legend-marginnull
Description
The margin of the Form fieldset legend
+
$kendo-form-alert-error-marginnull
Description
The margin of the Form alert error.
+
$kendo-form-field-info-marginnull
Description
The margin of the Form field info.
+
$kendo-fieldset-legend-bgnull
Description
The background color of the Form legend.
+
$kendo-fieldset-legend-textnull
Description
The text color of the Form legend.
+
$kendo-fieldset-legend-bordernull
Description
The border color of the Form legend.
+
$kendo-form-sizesnull
Description
The sizes map for the Form.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-gantt.md b/packages/utils/docs/customization-gantt.md new file mode 100644 index 00000000000..638805e2e7a --- /dev/null +++ b/packages/utils/docs/customization-gantt.md @@ -0,0 +1,788 @@ +--- +title: Customizing Gantt +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_gantt +position: 9 +--- + +# Customizing Gantt + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-gantt-border-widthnull
Description
The border width of the Gantt.
+
$kendo-gantt-font-familynull
Description
The font family of the Gantt.
+
$kendo-gantt-font-sizenull
Description
The font size of the Gantt.
+
$kendo-gantt-line-heightnull
Description
The line height of the Gantt.
+
$kendo-gantt-bgnull
Description
The background color of the Gantt.
+
$kendo-gantt-textnull
Description
The text color of the Gantt.
+
$kendo-gantt-bordernull
Description
The border color of the Gantt.
+
$kendo-gantt-treelist-bgnull
Description
The background color of the Gantt TreeList.
+
$kendo-gantt-treelist-textnull
Description
The text color of the Gantt TreeList.
+
$kendo-gantt-treelist-bordernull
Description
The border color of the Gantt TreeList.
+
$kendo-gantt-nonwork-bgnull
Description
The background color of the Gantt non-working days.
+
$kendo-gantt-nonwork-textnull
Description
The text color of the Gantt non-working days.
+
$kendo-gantt-nonwork-bordernull
Description
The border color of the Gantt non-working days.
+
$kendo-gantt-line-sizenull
Description
The size of the Gantt connecting lines.
+
$kendo-gantt-line-fillnull
Description
The background fill color of the Gantt connecting lines.
+
$kendo-gantt-line-selected-fillnull
Description
The background fill of the selected Gantt connecting lines.
+
$kendo-gantt-dot-sizenull
Description
The size of the Gantt task dot.
+
$kendo-gantt-dot-spacingnull
Description
The spacing of the Gantt task dot.
+
$kendo-gantt-dot-bgnull
Description
The background color of the Gantt task dot.
+
$kendo-gantt-dot-bordernull
Description
The border color of the Gantt task dot.
+
$kendo-gantt-dot-hover-bgnull
Description
The background color of the hovered Gantt task dot.
+
$kendo-gantt-dot-hover-bordernull
Description
The border color of the hovered Gantt task dot.
+
$kendo-gantt-milestone-bgnull
Description
The background color of the Gantt milestone.
+
$kendo-gantt-milestone-bordernull
Description
The border color of the Gantt milestone.
+
$kendo-gantt-milestone-selected-bgnull
Description
The background color of the selected Gantt milestone.
+
$kendo-gantt-milestone-selected-bordernull
Description
The border color of the selected Gantt milestone.
+
$kendo-gantt-summary-bgnull
Description
The background color of the Gantt summary.
+
$kendo-gantt-summary-progress-bgnull
Description
The background color of the Gantt summary progress.
+
$kendo-gantt-summary-selected-bgnull
Description
The background color of the selected Gantt summary.
+
$kendo-gantt-summary-progress-selected-bgnull
Description
The background color of the selected Gantt summary progress.
+
$kendo-gantt-task-border-widthnull
Description
The border width of the Gantt task.
+
$kendo-gantt-task-padding-xnull
Description
The horizontal padding of the Gantt task.
+
$kendo-gantt-task-padding-ynull
Description
The vertical padding of the Gantt task.
+
$kendo-gantt-task-bgnull
Description
The background color of the Gantt task.
+
$kendo-gantt-task-textnull
Description
The text color of the Gantt task.
+
$kendo-gantt-task-bordernull
Description
The border color of the Gantt task.
+
$kendo-gantt-task-progress-bgnull
Description
The background color of the Gantt task progress.
+
$kendo-gantt-task-selected-bgnull
Description
The background color of selected the Gantt task.
+
$kendo-gantt-task-selected-textnull
Description
The text color of the selected Gantt task.
+
$kendo-gantt-task-selected-bordernull
Description
The border color of the selected Gantt task.
+
$kendo-gantt-task-progress-selected-bgnull
Description
The background color of the selected Gantt task progress.
+
$kendo-gantt-task-actions-paddingnull
Description
The padding of the Gantt task actions.
+
$kendo-gantt-planned-margin-ynull
Description
The vertical margin of the Gantt task planned line.
+
$kendo-gantt-planned-border-widthnull
Description
The border width of the Gantt task planned line.
+
$kendo-gantt-planned-line-heightnull
Description
The line height of the Gantt task planned line.
+
$kendo-gantt-planned-dependency-margin-ynull
Description
The vertical margin of the Gantt planned dependencies.
+
$kendo-gantt-planned-moment-widthnull
Description
The default width of the Gantt planned line dot.
+
$kendo-gantt-planned-moment-heightnull
Description
The default height of the Gantt planned line dot.
+
$kendo-gantt-planned-moment-border-radiusnull
Description
The border radius of the Gantt planned line dot.
+
$kendo-gantt-planned-moment-left-margin-xnull
Description
The horizontal margin of the Gantt planned line dot.
+
$kendo-gantt-planned-milestone-moment-margin-xnull
Description
The horizontal margin of the Gantt milestone planned line dot.
+
$kendo-gantt-planned-duration-heightnull
Description
The default height of the Gantt planned line.
+
$kendo-gantt-planned-duration-hover-heightnull
Description
The height of the hovered Gantt planned line.
+
$kendo-gantt-planned-single-drag-hint-topnull
Description
The top position of the Gantt drag hint.
+
$kendo-gantt-planned-summary-drag-hint-topnull
Description
The top position of the Gantt summary drag hint.
+
$kendo-gantt-planned-milestone-drag-hint-topnull
Description
The top position of the Gantt planned milestone drag hint.
+
$kendo-gantt-rtl-milestone-wrap-margin-xnull
Description
The horizontal margin of the Gantt milestone wrap.
+
$kendo-gantt-rtl-milestone-planned-moment-margin-xnull
Description
The horizontal margin of the Gantt milestone line dot.
+
$kendo-gantt-rtl-milestone-dot-start-margin-xnull
Description
The horizontal margin of the Gantt milestone task dot.
+
$kendo-gantt-planned-offset-resize-handler-margin-xnull
Description
The horizontal offset of the Gantt delayed task resize handler.
+
$kendo-gantt-planned-bgnull
Description
The background color of the Gantt planned Tooltip.
+
$kendo-gantt-planned-bordernull
Description
The border color of the Gantt planned Tooltip.
+
$kendo-gantt-delayed-bgnull
Description
The background color of the Gantt delayed task.
+
$kendo-gantt-delayed-bg-lighternull
Description
The complement background color of the Gantt delayed task.
+
$kendo-gantt-advanced-bgnull
Description
The background color of the Gantt advanced task.
+
$kendo-gantt-advanced-bg-lighternull
Description
The complement background color of the Gantt advanced task.
+
$kendo-gantt-action-on-offset-textnull
Description
The text color of the Gantt delayed task action.
+
$kendo-gantt-offset-resize-handler-topnull
Description
The top position of the Gantt delayed task resize handler.
+
$kendo-gantt-validation-tooltip-widthnull
Description
The default width of the Gantt validation Tooltip.
+
$kendo-gantt-validation-tooltip-label-widthnull
Description
The default width of the Gantt validation Tooltip label.
+
$kendo-gantt-validation-tooltip-bordernull
Description
The border color of the Gantt validation Tooltip.
+
$kendo-gantt-validation-tooltip-valid-bordernull
Description
The border color of the valid Gantt validation Tooltip.
+
$kendo-gantt-validation-tooltip-invalid-bordernull
Description
The border color of the invalid Gantt validation Tooltip.
+
$kendo-gantt-task-tooltip-padding-xnull
Description
The horizontal padding of the Gantt task Tooltip.
+
$kendo-gantt-task-tooltip-padding-ynull
Description
The vertical padding of the Gantt task Tooltip.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-grid.md b/packages/utils/docs/customization-grid.md new file mode 100644 index 00000000000..ea7322bb23f --- /dev/null +++ b/packages/utils/docs/customization-grid.md @@ -0,0 +1,448 @@ +--- +title: Customizing Grid +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_grid +position: 9 +--- + +# Customizing Grid + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-grid-padding-xnull
Description
The horizontal padding of the Grid.
+
$kendo-grid-padding-ynull
Description
The vertical padding of the Grid.
+
$kendo-grid-header-padding-xnull
Description
The horizontal padding of the Grid header.
+
$kendo-grid-header-padding-ynull
Description
The vertical padding of the Grid header.
+
$kendo-grid-grouping-header-padding-xnull
Description
The horizontal padding of the Grid grouping header.
+
$kendo-grid-grouping-header-padding-ynull
Description
The vertical padding of the Grid grouping header.
+
$kendo-grid-cell-padding-xnull
Description
The horizontal padding of the Grid cell.
+
$kendo-grid-cell-padding-ynull
Description
The vertical padding of the Grid cell.
+
$kendo-grid-filter-cell-padding-xnull
Description
The horizontal padding of the Grid filter cell.
+
$kendo-grid-filter-cell-padding-ynull
Description
The vertical padding of the Grid filter cell.
+
$kendo-grid-edit-cell-padding-xnull
Description
The horizontal padding of the Grid edit cell.
+
$kendo-grid-edit-cell-padding-ynull
Description
The vertical padding of the Grid filter cell.
+
$kendo-grid-bgnull
Description
The background color of the Grid.
+
$kendo-grid-textnull
Description
The text color of the Grid.
+
$kendo-grid-bordernull
Description
The border color of the Grid.
+
$kendo-grid-header-bgnull
Description
The background color of Grid header.
+
$kendo-grid-header-textnull
Description
The text color of Grid header.
+
$kendo-grid-header-bordernull
Description
The border color of Grid header.
+
$kendo-grid-header-gradientnull
Description
The background gradient of Grid header.
+
$kendo-grid-footer-bgnull
Description
The background color of Grid footer.
+
$kendo-grid-footer-textnull
Description
The text color of Grid footer.
+
$kendo-grid-footer-bordernull
Description
The border color of Grid footer.
+
$kendo-grid-alt-bgnull
Description
The background color of the Grid alternating rows.
+
$kendo-grid-alt-textnull
Description
The text color of the Grid alternating rows.
+
$kendo-grid-alt-bordernull
Description
The border color of the Grid alternating rows.
+
$kendo-grid-hover-bgnull
Description
The background color of hovered Grid rows.
+
$kendo-grid-hover-textnull
Description
The text color of hovered Grid rows.
+
$kendo-grid-hover-bordernull
Description
The border color of hovered Grid rows.
+
$kendo-grid-selected-bgnull
Description
The background color of selected Grid rows.
+
$kendo-grid-selected-textnull
Description
The text color of selected Grid rows.
+
$kendo-grid-selected-bordernull
Description
The border color of selected Grid rows.
+
$kendo-grid-selection-aggregates-bgnull
Description
The background color of the Grid selection aggregates container.
+
$kendo-grid-selection-aggregates-textnull
Description
The text color of the Grid selection aggregates container.
+
$kendo-grid-selection-aggregates-bordernull
Description
The border color of the Grid selection aggregates container.
+
$kendo-grid-selection-aggregates-border-widthnull
Description
The border width of the Grid selection aggregates container.
+
$kendo-grid-selection-aggregates-spacingnull
Description
The spacing between the selection aggregates items.
+
$kendo-grid-selection-aggregates-line-heightnull
Description
The line height of the Grid selection aggregates container.
+
$kendo-grid-selection-aggregates-font-weightnull
Description
The font weight of the Grid selection aggregates container.
+
$kendo-grid-row-resizer-hover-bgnull
Description
The background color of the Grid row resize indicator.
+
$kendo-grid-row-resizer-active-bgnull
Description
The background color of the active Grid row resize indicator.
+
$kendo-grid-row-resizer-heightnull
Description
The height of the Grid row resize indicator.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-icon.md b/packages/utils/docs/customization-icon.md new file mode 100644 index 00000000000..98f23e26581 --- /dev/null +++ b/packages/utils/docs/customization-icon.md @@ -0,0 +1,138 @@ +--- +title: Customizing Icon +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_icon +position: 9 +--- + +# Customizing Icon + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-icon-sizenull
Description
The default size icon size.
+
$kendo-icon-size-xsnull
Description
The extra small icon size.
+
$kendo-icon-size-smnull
Description
The small icon size.
+
$kendo-icon-size-mdnull
Description
The medium icon size.
+
$kendo-icon-size-lgnull
Description
The large icon size.
+
$kendo-icon-size-xlnull
Description
The extra large icon size.
+
$kendo-icon-size-xxlnull
Description
The double extra large icon size.
+
$kendo-icon-size-xxxlnull
Description
The triple extra large icon size.
+
$kendo-icon-spacingnull
Description
The default icon spacing.
+
$kendo-icon-paddingnull
Description
The default icon padding.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-input.md b/packages/utils/docs/customization-input.md new file mode 100644 index 00000000000..369786fceb0 --- /dev/null +++ b/packages/utils/docs/customization-input.md @@ -0,0 +1,848 @@ +--- +title: Customizing Input +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_input +position: 9 +--- + +# Customizing Input + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-input-default-widthnull
Description
The default width of the Input components.
+
$kendo-input-border-widthnull
Description
The border width of the Input components.
+
$kendo-input-border-radiusnull
Description
The border radius of the Input components.
+
$kendo-input-padding-xnull
Description
The horizontal padding of the Input components.
+
$kendo-input-sm-padding-xnull
Description
The horizontal padding of the small Input components.
+
$kendo-input-md-padding-xnull
Description
The horizontal padding of the medium Input components.
+
$kendo-input-lg-padding-xnull
Description
The horizontal padding of the large Input components.
+
$kendo-input-padding-ynull
Description
The vertical padding of the Input components.
+
$kendo-input-sm-padding-ynull
Description
The vertical padding of the small Input components.
+
$kendo-input-md-padding-ynull
Description
The vertical padding of the medium Input components.
+
$kendo-input-lg-padding-ynull
Description
The vertical padding of the large Input components.
+
$kendo-input-font-familynull
Description
The font family of the Input components.
+
$kendo-input-font-sizenull
Description
The font size of the Input components.
+
$kendo-input-sm-font-sizenull
Description
The font size of the small Input components.
+
$kendo-input-md-font-sizenull
Description
The font size of the medium Input components.
+
$kendo-input-lg-font-sizenull
Description
The font size of the large Input components.
+
$kendo-input-line-heightnull
Description
The line height of the Input components.
+
$kendo-input-sm-line-heightnull
Description
The line height of the small Input components.
+
$kendo-input-md-line-heightnull
Description
The line height of the medium Input components.
+
$kendo-input-lg-line-heightnull
Description
The line height of the large Input components.
+
$kendo-input-calc-sizenull
Description
The calculated height of the Input.
+
$kendo-input-sizesnull
Description
The sizes map for the Input components.
+
$kendo-input-bgnull
Description
The background color of the Input components.
+
$kendo-input-textnull
Description
The text color of the Input components.
+
$kendo-input-bordernull
Description
The border color of the Input components.
+
$kendo-input-shadownull
Description
The shadow of the Input components.
+
$kendo-input-hover-bgnull
Description
The background color of the hovered Input components.
+
$kendo-input-hover-textnull
Description
The text color of the hovered Input components.
+
$kendo-input-hover-bordernull
Description
The border color of the hovered Input components.
+
$kendo-input-hover-shadownull
Description
The shadow of the hovered Input components.
+
$kendo-input-focus-bgnull
Description
The background color of the focused Input components.
+
$kendo-input-focus-textnull
Description
The text color of the focused Input components.
+
$kendo-input-focus-bordernull
Description
The border color of the focused Input components.
+
$kendo-input-focus-shadownull
Description
The shadow of the focused Input components.
+
$kendo-input-selected-bgnull
Description
The background color of the selected Input components.
+
$kendo-input-selected-textnull
Description
The text color of the selected Input components.
+
$kendo-input-disabled-bgnull
Description
The background color of the disabled Input components.
+
$kendo-input-disabled-textnull
Description
The text color of the disabled Input components.
+
$kendo-input-disabled-bordernull
Description
The border color of the disabled Input components.
+
$kendo-input-disabled-gradientnull
Description
The gradient of the disabled Input components.
+
$kendo-input-disabled-shadownull
Description
The shadow of the disabled Input components.
+
$kendo-input-outline-bgnull
Description
The background color of the outline Input components.
+
$kendo-input-outline-textnull
Description
The text color of the outline Input components.
+
$kendo-input-outline-bordernull
Description
The border color of the outline Input components.
+
$kendo-input-outline-hover-bgnull
Description
The background color of the outline hovered Input components.
+
$kendo-input-outline-hover-textnull
Description
The text color of the outline hovered Input components.
+
$kendo-input-outline-hover-bordernull
Description
The border color of the outline hovered Input components.
+
$kendo-input-outline-focus-bgnull
Description
The background color of the outline focused Input components.
+
$kendo-input-outline-focus-textnull
Description
The text color of the outline focused Input components.
+
$kendo-input-outline-focus-bordernull
Description
The border color of the outline focused Input components.
+
$kendo-input-outline-focus-shadownull
Description
The shadow of the outline focused Input components.
+
$kendo-input-flat-bgnull
Description
The background color of the flat Input components.
+
$kendo-input-flat-textnull
Description
The text color of the flat Input components.
+
$kendo-input-flat-bordernull
Description
The border color of the flat Input components.
+
$kendo-input-flat-hover-bgnull
Description
The background color of the flat hovered Input components.
+
$kendo-input-flat-hover-textnull
Description
The text color of the flat hovered Input components.
+
$kendo-input-flat-hover-bordernull
Description
The border color of the flat hovered Input components.
+
$kendo-input-flat-focus-bgnull
Description
The background color of the flat focused Input components.
+
$kendo-input-flat-focus-textnull
Description
The text color of the flat focused Input components.
+
$kendo-input-flat-focus-bordernull
Description
The border color of the flat focused Input components.
+
$kendo-input-flat-focus-shadownull
Description
The shadow of the flat focused Input components.
+
$kendo-input-placeholder-textnull
Description
The text color of the Input placeholder.
+
$kendo-input-placeholder-opacitynull
Description
The opacity of the Input placeholder.
+
$kendo-input-clear-value-textnull
Description
The color of the Input clear value icon.
+
$kendo-input-clear-value-opacitynull
Description
The opacity of the Input clear value icon.
+
$kendo-input-clear-value-hover-textnull
Description
The color of the hovered Input clear value icon.
+
$kendo-input-clear-value-hover-opacitynull
Description
The opacity of the hovered Input clear value icon.
+
$kendo-input-values-margin-ynull
Description
The vertical margin of the clear value icon.
+
$kendo-input-values-margin-xnull
Description
The horizontal margin of the clear value icon.
+
$kendo-input-button-widthnull
Description
The width of the Input button.
+
$kendo-input-button-border-widthnull
Description
The border width of the Input button.
+
$kendo-input-spinner-widthnull
Description
The width of the Input spinner button.
+
$kendo-input-spinner-icon-offsetnull
Description
The icon offset of the Input spinner button.
+
$kendo-input-separator-textnull
Description
The color of the Input separator.
+
$kendo-input-separator-opacitynull
Description
The opacity of the Input separator.
+
$kendo-input-prefix-textnull
Description
The text color of the Input prefix.
+
$kendo-input-suffix-textnull
Description
The text color of the Input suffix.
+
$kendo-input-prefix-textnull
Description
The text color of the Input prefix.
+
$kendo-input-suffix-textnull
Description
The text color of the Input suffix.
+
$kendo-input-invalid-bordernull
Description
The border color of the invalid Input components.
+
$kendo-input-invalid-shadownull
Description
The shadow of the invalid Input components.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-list.md b/packages/utils/docs/customization-list.md new file mode 100644 index 00000000000..92e433becef --- /dev/null +++ b/packages/utils/docs/customization-list.md @@ -0,0 +1,458 @@ +--- +title: Customizing List +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_list +position: 9 +--- + +# Customizing List + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-list-font-familynull
Description
The font family of the List components.
+
$kendo-list-font-sizenull
Description
The font size of the List component, if no size is set.
+
$kendo-list-line-heightnull
Description
The line height of the List component, if no size is set.
+
$kendo-list-header-padding-xnull
Description
The horizontal padding of the List header, if no size is set.
+
$kendo-list-header-padding-ynull
Description
The vertical padding of the List header, if no size is set.
+
$kendo-list-header-border-widthnull
Description
The border width of the List header.
+
$kendo-list-header-font-sizenull
Description
The font size of the List header, if no size is set.
+
$kendo-list-header-line-heightnull
Description
The line height of the List header, if no size is set.
+
$kendo-list-header-font-weightnull
Description
The font weight of the List header.
+
$kendo-list-filter-paddingnull
Description
The padding of the the List filter input.
+
$kendo-list-item-padding-xnull
Description
The horizontal padding of the List items, when no size is set.
+
$kendo-list-item-padding-ynull
Description
The vertical padding of the List items, when no size is set.
+
$kendo-list-item-font-sizenull
Description
The font size of the List items, if no size is set.
+
$kendo-list-item-line-heightnull
Description
The line height of the List items, if no size is set.
+
$kendo-list-group-item-padding-xnull
Description
The horizontal padding of the List group items, when no size is set.
+
$kendo-list-group-item-padding-ynull
Description
The vertical padding of the List group items, when no size is set.
+
$kendo-list-group-item-border-widthnull
Description
The border width of the List group items.
+
$kendo-list-group-item-font-sizenull
Description
The font size of the List group items, if no size is set.
+
$kendo-list-group-item-line-heightnull
Description
The line height of the List group items, if no size is set.
+
$kendo-list-group-item-font-weightnull
Description
The font weight of a List group item.
+
$kendo-list-sizesnull
Description
The map with the sizes of the List.
+
$kendo-list-bgnull
Description
The background color of the List component.
+
$kendo-list-textnull
Description
The text color of the List component.
+
$kendo-list-bordernull
Description
The border color of the List component.
+
$kendo-list-header-bgnull
Description
The background color of the List header.
+
$kendo-list-header-textnull
Description
The text color of the List header.
+
$kendo-list-header-bordernull
Description
The border color of the List header.
+
$kendo-list-header-shadownull
Description
The box shadow of the List header.
+
$kendo-list-item-bgnull
Description
The background color of the List items.
+
$kendo-list-item-textnull
Description
The text color of the List items.
+
$kendo-list-item-hover-bgnull
Description
The background color of the hovered List items.
+
$kendo-list-item-hover-textnull
Description
The text color of the hovered List items.
+
$kendo-list-item-focus-bgnull
Description
The background color of the focused List items.
+
$kendo-list-item-focus-textnull
Description
The text color of the focused List items.
+
$kendo-list-item-focus-shadownull
Description
The box shadow of the focused List items.
+
$kendo-list-item-selected-bgnull
Description
The background color of the selected List items.
+
$kendo-list-item-selected-textnull
Description
The text color of the selected List items.
+
$kendo-list-group-item-bgnull
Description
The background color of the List group items.
+
$kendo-list-group-item-textnull
Description
The text color of the List group items.
+
$kendo-list-group-item-bordernull
Description
The border color of the List group items.
+
$kendo-list-group-item-shadownull
Description
The base shadow of the List group items.
+
$kendo-list-option-label-textnull
Description
The color of the 'Option Label' text.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-listbox.md b/packages/utils/docs/customization-listbox.md new file mode 100644 index 00000000000..9de18f2859a --- /dev/null +++ b/packages/utils/docs/customization-listbox.md @@ -0,0 +1,188 @@ +--- +title: Customizing Listbox +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_listbox +position: 9 +--- + +# Customizing Listbox + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-listbox-spacingnull
Description
The spacing between the ListBox elements.
+
$kendo-listbox-button-spacingnull
Description
The spacing between the ListBox buttons.
+
$kendo-listbox-widthnull
Description
The width of the ListBox.
+
$kendo-listbox-default-heightnull
Description
The height of the ListBox.
+
$kendo-listbox-border-widthnull
Description
The width of the border around the ListBox.
+
$kendo-listbox-font-familynull
Description
The font family of the ListBox.
+
$kendo-listbox-font-sizenull
Description
The font size of the ListBox.
+
$kendo-listbox-line-heightnull
Description
The line height of the ListBox.
+
$kendo-listbox-textnull
Description
The text color of the ListBox.
+
$kendo-listbox-bgnull
Description
The background color of the ListBox.
+
$kendo-listbox-bordernull
Description
The border color of the ListBox.
+
$kendo-listbox-item-padding-xnull
Description
The inline padding of the ListBox item.
+
$kendo-listbox-item-padding-ynull
Description
The block padding of the ListBox item.
+
$kendo-listbox-drop-hint-widthnull
Description
The width of the ListBox drop hint.
+
$kendo-listbox-drop-hint-border-widthnull
Description
The width of the border around the ListBox drop hint.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-listview.md b/packages/utils/docs/customization-listview.md new file mode 100644 index 00000000000..8714e1a6fbc --- /dev/null +++ b/packages/utils/docs/customization-listview.md @@ -0,0 +1,218 @@ +--- +title: Customizing Listview +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_listview +position: 9 +--- + +# Customizing Listview + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-listview-padding-xnull
Description
The horizontal padding of the ListView.
+
$kendo-listview-padding-ynull
Description
The vertical padding of the ListView.
+
$kendo-listview-border-widthnull
Description
The width of the border around bordered ListView.
+
$kendo-listview-font-familynull
Description
The font family of the ListView.
+
$kendo-listview-font-sizenull
Description
The font size of the ListView.
+
$kendo-listview-line-heightnull
Description
The line height of the ListView.
+
$kendo-listview-textnull
Description
The text color of the ListView.
+
$kendo-listview-bgnull
Description
The background color of the ListView.
+
$kendo-listview-bordernull
Description
The border color of the ListView.
+
$kendo-listview-item-padding-xnull
Description
The horizontal padding of the ListView items.
+
$kendo-listview-item-padding-ynull
Description
The vertical padding of the ListView items.
+
$kendo-listview-item-selected-textnull
Description
The text color of the selected ListView items.
+
$kendo-listview-item-selected-bgnull
Description
The background color of the selected ListView items.
+
$kendo-listview-item-selected-bordernull
Description
The border color of the selected ListView items.
+
$kendo-listview-item-focus-textnull
Description
The text color of the focused ListView items.
+
$kendo-listview-item-focus-bgnull
Description
The background color of the focused ListView items.
+
$kendo-listview-item-focus-bordernull
Description
The border color of the focused ListView items.
+
$kendo-listview-item-focus-shadownull
Description
The box shadow of the focused ListView items.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-loader.md b/packages/utils/docs/customization-loader.md new file mode 100644 index 00000000000..6c11e566ac5 --- /dev/null +++ b/packages/utils/docs/customization-loader.md @@ -0,0 +1,368 @@ +--- +title: Customizing Loader +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_loader +position: 9 +--- + +# Customizing Loader + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-loader-segment-border-radiusnull
Description
The border radius of the Loader segment.
+
$kendo-loader-sm-segment-sizenull
Description
The size of the small Loader segment.
+
$kendo-loader-md-segment-sizenull
Description
The size of the medium Loader segment.
+
$kendo-loader-lg-segment-sizenull
Description
The size of the large Loader segment.
+
$kendo-loader-sm-paddingnull
Description
The padding of the small Loader.
+
$kendo-loader-md-paddingnull
Description
The padding of the medium Loader.
+
$kendo-loader-lg-paddingnull
Description
The padding of the large Loader.
+
$kendo-loader-sm-spinner-3-widthnull
Description
The width of the small spinner-3 Loader.
+
$kendo-loader-md-spinner-3-widthnull
Description
The width of the medium spinner-3 Loader.
+
$kendo-loader-lg-spinner-3-widthnull
Description
The width of the large spinner-3 Loader.
+
$kendo-loader-sm-spinner-3-heightnull
Description
The height of the small spinner-3 Loader.
+
$kendo-loader-md-spinner-3-heightnull
Description
The height of the medium spinner-3 Loader.
+
$kendo-loader-lg-spinner-3-heightnull
Description
The height of the large spinner-3 Loader.
+
$kendo-loader-sm-spinner-4-widthnull
Description
The width of the small spinner-4 Loader.
+
$kendo-loader-md-spinner-4-widthnull
Description
The width of the medium spinner-4 Loader.
+
$kendo-loader-lg-spinner-4-widthnull
Description
The width of the large spinner-4 Loader.
+
$kendo-loader-sm-spinner-4-heightnull
Description
The height of the small spinner-4 Loader.
+
$kendo-loader-md-spinner-4-heightnull
Description
The height of the medium spinner-4 Loader.
+
$kendo-loader-lg-spinner-4-heightnull
Description
The height of the large spinner-4 Loader.
+
$kendo-loader-container-panel-border-widthnull
Description
The border width of the container panel.
+
$kendo-loader-container-panel-border-stylenull
Description
The border style of the container panel.
+
$kendo-loader-container-panel-border-colornull
Description
The border color of the container panel.
+
$kendo-loader-container-panel-border-radiusnull
Description
The border radius of the container panel.
+
$kendo-loader-container-panel-bgnull
Description
The background color of the container panel.
+
$kendo-loader-sm-container-paddingnull
Description
The padding of the small Loader container.
+
$kendo-loader-md-container-paddingnull
Description
The padding of the medium Loader container.
+
$kendo-loader-lg-container-paddingnull
Description
The padding of the large Loader container.
+
$kendo-loader-sm-container-gapnull
Description
The gap of the small Loader container.
+
$kendo-loader-md-container-gapnull
Description
The gap of the medium Loader container.
+
$kendo-loader-lg-container-gapnull
Description
The gap of the large Loader container.
+
$kendo-loader-sm-container-font-sizenull
Description
The font size of the small Loader container.
+
$kendo-loader-md-container-font-sizenull
Description
The font size of the medium Loader container.
+
$kendo-loader-lg-container-font-sizenull
Description
The font size of the large Loader container.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-loading.md b/packages/utils/docs/customization-loading.md new file mode 100644 index 00000000000..0dece568726 --- /dev/null +++ b/packages/utils/docs/customization-loading.md @@ -0,0 +1,78 @@ +--- +title: Customizing Loading +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_loading +position: 9 +--- + +# Customizing Loading + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-loading-bgnull
Description
The background color of the Loading indicator.
+
$kendo-loading-textnull
Description
The text color of the Loading indicator.
+
$kendo-loading-opacitynull
Description
The opacity of the Loading indicator.
+
$kendo-zindex-loadingnull
Description
The z-index of the Loading indicator.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-map.md b/packages/utils/docs/customization-map.md new file mode 100644 index 00000000000..672c6d5b3a6 --- /dev/null +++ b/packages/utils/docs/customization-map.md @@ -0,0 +1,238 @@ +--- +title: Customizing Map +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_map +position: 9 +--- + +# Customizing Map + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-map-border-widthnull
Description
The border width of the Map.
+
$kendo-map-font-sizenull
Description
The font size of the Map.
+
$kendo-map-line-heightnull
Description
The line height of the Map.
+
$kendo-map-font-familynull
Description
The font family of the Map.
+
$kendo-map-bgnull
Description
The background color of the Map.
+
$kendo-map-textnull
Description
The text color of the Map.
+
$kendo-map-bordernull
Description
The border color of the Map.
+
$kendo-map-navigator-marginnull
Description
The margin of the Map navigator.
+
$kendo-map-navigator-paddingnull
Description
The padding of the Map navigator.
+
$kendo-map-navigator-widthnull
Description
The width of the Map navigator.
+
$kendo-map-navigator-heightnull
Description
The height of the Map navigator.
+
$kendo-map-navigator-border-widthnull
Description
The border width of the Map navigator.
+
$kendo-map-zoom-control-marginnull
Description
The margin of the Map zoom control.
+
$kendo-map-zoom-control-button-padding-xnull
Description
The horizontal padding of the Map zoom control.
+
$kendo-map-zoom-control-button-padding-ynull
Description
The vertical padding of the Map zoom control.
+
$kendo-map-attribution-padding-xnull
Description
The horizontal padding of the Map attribution.
+
$kendo-map-attribution-padding-ynull
Description
The vertical padding of the Map attribution.
+
$kendo-map-attribution-font-sizenull
Description
The font size of the Map attribution.
+
$kendo-map-attribution-bgnull
Description
The background color of the Map attribution.
+
$kendo-map-marker-fillnull
Description
The fill color of the Map marker.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-mediaplayer.md b/packages/utils/docs/customization-mediaplayer.md new file mode 100644 index 00000000000..c7197b03438 --- /dev/null +++ b/packages/utils/docs/customization-mediaplayer.md @@ -0,0 +1,168 @@ +--- +title: Customizing Mediaplayer +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_mediaplayer +position: 9 +--- + +# Customizing Mediaplayer + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-media-player-border-widthnull
Description
The border width of the MediaPlayer.
+
$kendo-media-player-font-familynull
Description
The font family of the MediaPlayer.
+
$kendo-media-player-font-sizenull
Description
The font size of the MediaPlayer.
+
$kendo-media-player-line-heightnull
Description
The line height of the MediaPlayer.
+
$kendo-media-player-bgnull
Description
The background color of the MediaPlayer.
+
$kendo-media-player-textnull
Description
The text color of the MediaPlayer.
+
$kendo-media-player-bordernull
Description
The border color of the MediaPlayer.
+
$kendo-media-player-titlebar-padding-xnull
Description
The horizontal padding of the MediaPlayer title.
+
$kendo-media-player-titlebar-padding-ynull
Description
The vertical padding of the MediaPlayer title.
+
$kendo-media-player-titlebar-bgnull
Description
The background color of the MediaPlayer title.
+
$kendo-media-player-titlebar-textnull
Description
The text color of the MediaPlayer title.
+
$kendo-media-player-titlebar-bordernull
Description
The border color of the MediaPlayer title.
+
$kendo-media-player-titlebar-gradientnull
Description
The gradient of the MediaPlayer title.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-menu-button.md b/packages/utils/docs/customization-menu-button.md new file mode 100644 index 00000000000..1034f91ec8b --- /dev/null +++ b/packages/utils/docs/customization-menu-button.md @@ -0,0 +1,48 @@ +--- +title: Customizing MenuButton +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_menu-button +position: 9 +--- + +# Customizing MenuButton + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-menu-button-arrow-padding-xnull
Description
The horizontal padding of the button arrow in the Menu Button..
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-menu.md b/packages/utils/docs/customization-menu.md new file mode 100644 index 00000000000..f811c6a2523 --- /dev/null +++ b/packages/utils/docs/customization-menu.md @@ -0,0 +1,728 @@ +--- +title: Customizing Menu +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_menu +position: 9 +--- + +# Customizing Menu + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-menu-border-widthnull
Description
The width of the border around the Menu.
+
$kendo-menu-font-familynull
Description
The font family of the Menu.
+
$kendo-menu-font-sizenull
Description
The font size of the Menu.
+
$kendo-menu-line-heightnull
Description
The line height of the Menu used along with $kendo-font-size.
+
$kendo-menu-bgnull
Description
The background color of the Menu.
+
$kendo-menu-textnull
Description
The text color of the Menu.
+
$kendo-menu-bordernull
Description
The border color of the Menu.
+
$kendo-menu-gradientnull
Description
The background gradient of the Menu.
+
$kendo-menu-item-padding-xnull
Description
The horizontal padding of the Menu item.
+
$kendo-menu-item-padding-ynull
Description
The vertical padding of the Menu item.
+
$kendo-menu-item-spacingnull
Description
The spacing between the Menu items.
+
$kendo-menu-item-icon-spacingnull
Description
The spacing between the Menu item text and icons.
+
$kendo-menu-item-selected-font-weightnull
Description
The font weight of the selected Menu item.
+
$kendo-menu-item-bgnull
Description
The background color of the Menu item.
+
$kendo-menu-item-textnull
Description
The text color of the Menu item.
+
$kendo-menu-item-bordernull
Description
The border color of the Menu item.
+
$kendo-menu-item-gradientnull
Description
The background gradient of the Menu item.
+
$kendo-menu-item-hover-bgnull
Description
The background color of hovered Menu item.
+
$kendo-menu-item-hover-textnull
Description
The text color of hovered Menu item.
+
$kendo-menu-item-hover-bordernull
Description
The border color of hovered Menu item.
+
$kendo-menu-item-hover-gradientnull
Description
The background gradient of hovered Menu item.
+
$kendo-menu-item-active-bgnull
Description
The background color of active Menu item.
+
$kendo-menu-item-active-textnull
Description
The text color of active Menu item.
+
$kendo-menu-item-active-bordernull
Description
The border color of active Menu item.
+
$kendo-menu-item-active-gradientnull
Description
The background gradient of active Menu item.
+
$kendo-menu-item-focus-shadownull
Description
The base shadow of focused Menu item.
+
$kendo-menu-item-selected-bgnull
Description
The background color of selected Menu item.
+
$kendo-menu-item-selected-textnull
Description
The text color of selected Menu item.
+
$kendo-menu-item-selected-bordernull
Description
The border color of selected Menu item.
+
$kendo-menu-item-selected-gradientnull
Description
The background gradient of selected Menu item.
+
$kendo-menu-scroll-button-bgnull
Description
The background color of the Menu scroll buttons.
+
$kendo-menu-scroll-button-textnull
Description
The text color of the Menu scroll buttons.
+
$kendo-menu-scroll-button-bordernull
Description
The border color of the Menu scroll buttons.
+
$kendo-menu-scroll-button-gradientnull
Description
The background gradient of the Menu scroll buttons.
+
$kendo-menu-scroll-button-hover-bgnull
Description
The background color of hovered Menu scroll buttons.
+
$kendo-menu-scroll-button-hover-textnull
Description
The text color of hovered Menu scroll buttons.
+
$kendo-menu-scroll-button-hover-bordernull
Description
The border color of hovered Menu scroll buttons.
+
$kendo-menu-scroll-button-hover-gradientnull
Description
The background gradient of hovered Menu scroll buttons.
+
$kendo-menu-separator-margin-inlinenull
Description
The inline margin of the horizontal Menu separator.
+
$kendo-menu-separator-margin-blocknull
Description
The block margin of the horizontal Menu separator.
+
$kendo-menu-separator-bordernull
Description
The border color of the Menu separator.
+
$kendo-menu-popup-padding-xnull
Description
The horizontal padding of the Menu popup.
+
$kendo-menu-popup-padding-ynull
Description
The vertical padding of the Menu popup.
+
$kendo-menu-popup-border-widthnull
Description
The width of the border around the Menu popup.
+
$kendo-menu-popup-font-sizenull
Description
The font sizes of the Menu popup.
+
$kendo-menu-popup-line-heightnull
Description
The line heights used along with $kendo-font-size.
+
$kendo-menu-popup-bgnull
Description
The background color of the Menu popup.
+
$kendo-menu-popup-textnull
Description
The text color of the Menu popup.
+
$kendo-menu-popup-bordernull
Description
The border color of the Menu popup.
+
$kendo-menu-popup-gradientnull
Description
The background gradient of the Menu popup.
+
$kendo-menu-popup-item-padding-xnull
Description
The horizontal padding of the Menu item in popup.
+
$kendo-menu-popup-item-padding-ynull
Description
The vertical padding of the Menu item in popup.
+
$kendo-menu-popup-item-padding-endnull
Description
The end padding of the Menu item in popup.
+
$kendo-menu-popup-sm-item-icon-margin-startnull
Description
The start margin of the Menu item expand icon.
+
$kendo-menu-popup-sm-item-icon-margin-endnull
Description
The end margin of the Menu item expand icon.
+
$kendo-menu-popup-item-spacingnull
Description
The spacing between the Menu items in popup.
+
$kendo-menu-popup-item-bgnull
Description
The background color of the Menu item in popup.
+
$kendo-menu-popup-item-textnull
Description
The text color of the Menu item in popup.
+
$kendo-menu-popup-item-bordernull
Description
The border color of the Menu item in popup.
+
$kendo-menu-popup-item-gradientnull
Description
The background gradient of the Menu item in popup.
+
$kendo-menu-popup-item-hover-bgnull
Description
The background color of hovered Menu item in popup.
+
$kendo-menu-popup-item-hover-textnull
Description
The text color of hovered Menu item in popup.
+
$kendo-menu-popup-item-hover-bordernull
Description
The border color of hovered Menu item in popup.
+
$kendo-menu-popup-item-hover-gradientnull
Description
The background gradient of hovered Menu item in popup.
+
$kendo-menu-popup-item-active-bgnull
Description
The background color of active Menu item in popup.
+
$kendo-menu-popup-item-active-textnull
Description
The text color of active Menu item in popup.
+
$kendo-menu-popup-item-active-bordernull
Description
The border color of active Menu item in popup.
+
$kendo-menu-popup-item-active-gradientnull
Description
The background gradient of active Menu item in popup.
+
$kendo-menu-popup-item-focus-shadownull
Description
The base shadow of focused Menu item in popup.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-no-data.md b/packages/utils/docs/customization-no-data.md new file mode 100644 index 00000000000..242b3f276cb --- /dev/null +++ b/packages/utils/docs/customization-no-data.md @@ -0,0 +1,58 @@ +--- +title: Customizing NoData +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_no-data +position: 9 +--- + +# Customizing NoData + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-no-data-min-heightnull
Description
The minimum height of the 'No Data' text container.
+
$kendo-no-data-textnull
Description
The color of the 'No Data' text.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-notification.md b/packages/utils/docs/customization-notification.md new file mode 100644 index 00000000000..7268d6a6b72 --- /dev/null +++ b/packages/utils/docs/customization-notification.md @@ -0,0 +1,188 @@ +--- +title: Customizing Notification +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_notification +position: 9 +--- + +# Customizing Notification + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-notification-group-gapnull
Description
The row-gap between the elements in the Notification group.
+
$kendo-notification-padding-xnull
Description
The horizontal padding of the Notification.
+
$kendo-notification-padding-ynull
Description
The vertical padding of the Notification.
+
$kendo-notification-border-widthnull
Description
The width of the border around the Notification.
+
$kendo-notification-border-radiusk-border-radius(md)!default
Description
The border radius of the Notification.
+
$kendo-notification-font-familynull
Description
The font family of the Notification.
+
$kendo-notification-font-sizenull
Description
The font size of the Notification.
+
$kendo-notification-line-heightnull
Description
The line height of the Notification.
+
$kendo-notification-bgnull
Description
The background color of the Notification.
+
$kendo-notification-textnull
Description
The text color of the Notification.
+
$kendo-notification-bordernull
Description
The border color of the Notification.
+
$kendo-notification-shadownull
Description
The box shadow of the Notification.
+
$kendo-notification-icon-spacingnull
Description
The horizontal spacing of the Notification icon.
+
$kendo-notification-theme-colorsnull
Description
The theme colors map for the Notification.
+
$kendo-notification-themenull
Description
The generated theme colors map for the Notification.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-one-time-password.md b/packages/utils/docs/customization-one-time-password.md new file mode 100644 index 00000000000..058655adb59 --- /dev/null +++ b/packages/utils/docs/customization-one-time-password.md @@ -0,0 +1,158 @@ +--- +title: Customizing OneTimePassword +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_one-time-password +position: 9 +--- + +# Customizing OneTimePassword + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-otp-gapnull
Description
The gap between the items in the OTP.
+
$kendo-otp-sm-gapnull
Description
The gap between the items in the small OTP.
+
$kendo-otp-md-gapnull
Description
The gap between the items in the medium OTP.
+
$kendo-otp-lg-gapnull
Description
The gap between the items in the large OTP.
+
$kendo-otp-separator-padding-xnull
Description
The horizontal padding of the OTP separator.
+
$kendo-otp-sm-separator-padding-xnull
Description
The horizontal padding of the small OTP separator.
+
$kendo-otp-md-separator-padding-xnull
Description
The horizontal padding of the medium OTP separator.
+
$kendo-otp-lg-separator-padding-xnull
Description
The horizontal padding of the large OTP separator.
+
$kendo-otp-input-widthnull
Description
The horizontal padding of the OTP separator.
+
$kendo-otp-sm-input-widthnull
Description
The horizontal padding of the small OTP separator.
+
$kendo-otp-md-input-widthnull
Description
The horizontal padding of the medium OTP separator.
+
$kendo-otp-lg-input-widthnull
Description
The horizontal padding of the large OTP separator.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-orgchart.md b/packages/utils/docs/customization-orgchart.md new file mode 100644 index 00000000000..72ea9373adb --- /dev/null +++ b/packages/utils/docs/customization-orgchart.md @@ -0,0 +1,478 @@ +--- +title: Customizing Orgchart +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_orgchart +position: 9 +--- + +# Customizing Orgchart + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-orgchart-spacernull
Description
The spacing index of the OrgChart.
+
$kendo-orgchart-padding-ynull
Description
The vertical padding of the OrgChart.
+
$kendo-orgchart-padding-xnull
Description
The horizontal padding of the OrgChart.
+
$kendo-orgchart-font-familynull
Description
The font family of the OrgChart.
+
$kendo-orgchart-font-sizenull
Description
The font size of the OrgChart.
+
$kendo-orgchart-line-heightnull
Description
The line height of the OrgChart.
+
$kendo-orgchart-bgnull
Description
The background color of the OrgChart.
+
$kendo-orgchart-textnull
Description
The text color of the OrgChart.
+
$kendo-orgchart-bordernull
Description
The border color of the OrgChart.
+
$kendo-orgchart-node-gapnull
Description
The spacing of the OrgChart node.
+
$kendo-orgchart-group-gapnull
Description
The spacing of the OrgChart group.
+
$kendo-orgchart-node-container-gapnull
Description
The spacing of the OrgChart node container.
+
$kendo-orgchart-node-group-padding-ynull
Description
The vertical padding of the OrgChart node group.
+
$kendo-orgchart-node-group-padding-xnull
Description
The horizontal padding of the OrgChart node group.
+
$kendo-orgchart-node-group-border-widthnull
Description
The border width of the OrgChart node group.
+
$kendo-orgchart-node-group-border-radiusnull
Description
The border radius of the OrgChart node group.
+
$kendo-orgchart-node-group-bgnull
Description
The background color of the OrgChart node group.
+
$kendo-orgchart-node-group-textnull
Description
The text color of the OrgChart node group.
+
$kendo-orgchart-node-group-bordernull
Description
The border color of the OrgChart node group.
+
$kendo-orgchart-node-group-focus-bordernull
Description
The border color of the focused OrgChart node group.
+
$kendo-orgchart-node-group-focus-shadownull
Description
The shadow of the focused OrgChart node group.
+
$kendo-orgchart-node-group-title-font-sizenull
Description
The font size of the OrgChart node group title.
+
$kendo-orgchart-node-group-title-margin-bottomnull
Description
The bottom margin of the OrgChart node group title.
+
$kendo-orgchart-node-group-title-line-heightnull
Description
The line height of the OrgChart node group title.
+
$kendo-orgchart-node-group-subtitle-font-sizenull
Description
The font size of the OrgChart node group subtitle.
+
$kendo-orgchart-node-group-subtitle-margin-bottomnull
Description
The bottom margin of the OrgChart node group subtitle.
+
$kendo-orgchart-node-group-subtitle-textnull
Description
The line height of the OrgChart node group subtitle.
+
$kendo-orgchart-card-widthnull
Description
The width of the OrgChart Card.
+
$kendo-orgchart-card-padding-ynull
Description
The vertical padding of the OrgChart Card.
+
$kendo-orgchart-card-padding-xnull
Description
The horizontal padding of the OrgChart Card.
+
$kendo-orgchart-card-border-widthnull
Description
The border width of the OrgChart Card.
+
$kendo-orgchart-card-shadownull
Description
The shadow of the OrgChart Card.
+
$kendo-orgchart-card-focus-shadownull
Description
The shadow of the focused OrgChart Card.
+
$kendo-orgchart-card-title-margin-bottomnull
Description
The bottom margin of the OrgChart Card title.
+
$kendo-orgchart-card-title-font-sizenull
Description
The font size of the OrgChart Card title.
+
$kendo-orgchart-card-subtitle-margin-bottomnull
Description
The bottom margin of the OrgChart Card subtitle.
+
$kendo-orgchart-card-subtitle-font-sizenull
Description
The font size of the OrgChart Card subtitle.
+
$kendo-orgchart-card-body-border-widthnull
Description
The border width of the OrgChart Card body.
+
$kendo-orgchart-card-body-border-colornull
Description
The border color of the OrgChart Card body.
+
$kendo-orgchart-card-body-vbox-margin-rightnull
Description
The right margin of the OrgChart Card body title wrap.
+
$kendo-orgchart-card-body-vbox-min-heightnull
Description
The min height of the OrgChart Card body title wrap.
+
$kendo-orgchart-line-sizenull
Description
The size of the OrgChart connecting line.
+
$kendo-orgchart-line-fillnull
Description
The fill color of the OrgChart connecting line.
+
$kendo-orgchart-line-v-heightnull
Description
The height of the OrgChart connecting line.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-pager.md b/packages/utils/docs/customization-pager.md new file mode 100644 index 00000000000..a34cb73931b --- /dev/null +++ b/packages/utils/docs/customization-pager.md @@ -0,0 +1,488 @@ +--- +title: Customizing Pager +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_pager +position: 9 +--- + +# Customizing Pager + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-pager-padding-xnull
Description
The horizontal padding of the Pager.
+
$kendo-pager-sm-padding-xnull
Description
The horizontal padding of the small Pager.
+
$kendo-pager-md-padding-xnull
Description
The horizontal padding of the medium Pager.
+
$kendo-pager-lg-padding-xnull
Description
The horizontal padding of the large Pager.
+
$kendo-pager-padding-ynull
Description
The vertical padding of the Pager.
+
$kendo-pager-sm-padding-ynull
Description
The vertical padding of the small Pager.
+
$kendo-pager-md-padding-ynull
Description
The vertical padding of the medium Pager.
+
$kendo-pager-lg-padding-ynull
Description
The vertical padding of the large Pager.
+
$kendo-pager-sm-item-min-widthnull
Description
The minimum width of the items in the small Pager.
+
$kendo-pager-md-item-min-widthnull
Description
The minimum width of the items in the medium Pagers.
+
$kendo-pager-lg-item-min-widthnull
Description
The minimum width of the items in the large Pagers.
+
$kendo-pager-sm-item-group-spacingnull
Description
The margin between the item groups in the small Pager.
+
$kendo-pager-md-item-group-spacingnull
Description
The margin between the item groups in the medium Pager.
+
$kendo-pager-lg-item-group-spacingnull
Description
The margin between the item groups in the large Pager.
+
$kendo-pager-border-widthnull
Description
The border width of the Pager.
+
$kendo-pager-font-familynull
Description
The font family of the Pager.
+
$kendo-pager-font-sizenull
Description
The font size of the Pager.
+
$kendo-pager-line-heightnull
Description
The line height of the Pager.
+
$kendo-pager-bgnull
Description
The background color of the Pager.
+
$kendo-pager-textnull
Description
The text color of the Pager.
+
$kendo-pager-bordernull
Description
The border color of the Pager.
+
$kendo-pager-focus-bgnull
Description
The background color of the focused Pager.
+
$kendo-pager-focus-shadownull
Description
The box shadow of the focused Pager.
+
$kendo-pager-section-spacingnull
Description
The spacing between the sections of the Pager.
+
$kendo-pager-item-border-widthnull
Description
The border width of the Pager items.
+
$kendo-pager-item-border-radiusnull
Description
The border radius of the Pager items.
+
$kendo-pager-item-spacingnull
Description
The spacing around the Pager items.
+
$kendo-pager-item-bgnull
Description
The background color of the Pager items.
+
$kendo-pager-item-textnull
Description
The text color of the Pager items.
+
$kendo-pager-item-bordernull
Description
The border color of the Pager items.
+
$kendo-pager-item-hover-bgnull
Description
The background color of the hovered Pager items.
+
$kendo-pager-item-hover-textnull
Description
The text color of the hovered Pager items.
+
$kendo-pager-item-hover-bordernull
Description
The border color of the hovered Pager items.
+
$kendo-pager-item-selected-bgnull
Description
The background color of the selected Pager items.
+
$kendo-pager-item-selected-textnull
Description
The text color of the selected Pager items.
+
$kendo-pager-item-selected-bordernull
Description
The border color of the selected Pager items.
+
$kendo-pager-item-focus-opacitynull
Description
The opacity of the focused Pager items.
+
$kendo-pager-item-focus-bgnull
Description
The background color of the focused Pager items.
+
$kendo-pager-item-focus-shadownull
Description
The box shadow of the focused Pager items.
+
$kendo-pager-number-border-radiusnull
Description
The border radius of the Pager numbers.
+
$kendo-pager-input-widthnull
Description
The width of the Inputs in the Pager.
+
$kendo-pager-sm-dropdown-widthnull
Description
The width of the DropDowns in the small Pager.
+
$kendo-pager-md-dropdown-widthnull
Description
The width of the DropDowns in the medium Pager.
+
$kendo-pager-lg-dropdown-widthnull
Description
The width of the DropDowns in the large Pager.
+
$kendo-pager-sizesnull
Description
The sizes map of the Pager.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-panel.md b/packages/utils/docs/customization-panel.md new file mode 100644 index 00000000000..3a31e9a77a0 --- /dev/null +++ b/packages/utils/docs/customization-panel.md @@ -0,0 +1,138 @@ +--- +title: Customizing Panel +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_panel +position: 9 +--- + +# Customizing Panel + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-panel-border-radiusnull
Description
The border radius of the Panel.
+
$kendo-panel-border-widthnull
Description
The width of the border around the Panel.
+
$kendo-panel-border-stylenull
Description
The style of the border around the Panel.
+
$kendo-panel-header-padding-inlinenull
Description
The inline padding of the Panel header.
+
$kendo-panel-header-padding-blocknull
Description
The block padding of the Panel header.
+
$kendo-panel-content-padding-inlinenull
Description
The inline padding of the Panel content.
+
$kendo-panel-content-padding-blocknull
Description
The block padding of the Panel content.
+
$kendo-panel-textnull
Description
The text color of the Panel.
+
$kendo-panel-bgnull
Description
The background color of the Panel.
+
$kendo-panel-bordernull
Description
The color of the border around the Panel.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-panelbar.md b/packages/utils/docs/customization-panelbar.md new file mode 100644 index 00000000000..8d8c9d8cf06 --- /dev/null +++ b/packages/utils/docs/customization-panelbar.md @@ -0,0 +1,868 @@ +--- +title: Customizing Panelbar +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_panelbar +position: 9 +--- + +# Customizing Panelbar + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-panelbar-padding-xnull
Description
The horizontal padding of the PanelBar.
+
$kendo-panelbar-padding-ynull
Description
The vertical padding of the PanelBar.
+
$kendo-panelbar-font-familynull
Description
The font family of the PanelBar.
+
$kendo-panelbar-font-sizenull
Description
The font size of the PanelBar.
+
$kendo-panelbar-line-heightnull
Description
The line height of the PanelBar.
+
$kendo-panelbar-border-widthnull
Description
The width of the border around the PanelBar.
+
$kendo-panelbar-border-stylenull
Description
The border style around the the PanelBar.
+
$kendo-panelbar-item-border-widthnull
Description
The width of the border around the PanelBar items.
+
$kendo-panelbar-item-border-stylenull
Description
The style of the border around the PanelBar items.
+
$kendo-panelbar-header-padding-xnull
Description
The horizontal padding of the PanelBar header.
+
$kendo-panelbar-header-padding-ynull
Description
The vertical padding of the PanelBar header.
+
$kendo-panelbar-item-padding-xnull
Description
The horizontal padding of the PanelBar items.
+
$kendo-panelbar-item-padding-ynull
Description
The vertical padding of the PanelBar items.
+
$kendo-panelbar-item-level-countnull
Description
The maximum nesting of the PanelBar items.
+
$kendo-panelbar-bgnull
Description
The background color of the PanelBar.
+
$kendo-panelbar-textnull
Description
The text color of the PanelBar.
+
$kendo-panelbar-bordernull
Description
The border color of the PanelBar.
+
$kendo-panelbar-header-bgnull
Description
The background color of the PanelBar header.
+
$kendo-panelbar-header-textnull
Description
The text color of the PanelBar header.
+
$kendo-panelbar-header-bordernull
Description
The border color of the PanelBar header.
+
$kendo-panelbar-header-gradientnull
Description
The gradient of the PanelBar header.
+
$kendo-panelbar-header-hover-bgnull
Description
The background color of the hovered PanelBar header.
+
$kendo-panelbar-header-hover-textnull
Description
The text color of the hovered PanelBar header.
+
$kendo-panelbar-header-hover-bordernull
Description
The border color of the hovered PanelBar header.
+
$kendo-panelbar-header-hover-gradientnull
Description
The gradient of the hovered PanelBar header.
+
$kendo-panelbar-header-focus-bgnull
Description
The background color of the focused PanelBar header.
+
$kendo-panelbar-header-focus-textnull
Description
The text color of the focused PanelBar header.
+
$kendo-panelbar-header-focus-bordernull
Description
The border color of the focused PanelBar header.
+
$kendo-panelbar-header-focus-gradientnull
Description
The gradient of the focused PanelBar header.
+
$kendo-panelbar-header-focus-shadownull
Description
The shadow of the focused PanelBar header.
+
$kendo-panelbar-header-hover-focus-bgnull
Description
The background color of the focused and hovered PanelBar header.
+
$kendo-panelbar-header-hover-focus-textnull
Description
The text color of the focused and hovered PanelBar header.
+
$kendo-panelbar-header-hover-focus-bordernull
Description
The border color of the focused and hovered PanelBar header.
+
$kendo-panelbar-header-hover-focus-gradientnull
Description
The gradient of the focused and hovered PanelBar header.
+
$kendo-panelbar-header-selected-bgnull
Description
The background color of the selected PanelBar header.
+
$kendo-panelbar-header-selected-textnull
Description
The text color of the selected PanelBar header.
+
$kendo-panelbar-header-selected-bordernull
Description
The border color of the selected PanelBar header.
+
$kendo-panelbar-header-selected-gradientnull
Description
The gradient of the selected PanelBar header.
+
$kendo-panelbar-header-selected-hover-bgnull
Description
The background color of the selected and hovered PanelBar header.
+
$kendo-panelbar-header-selected-hover-textnull
Description
The text color of the selected and hovered PanelBar header.
+
$kendo-panelbar-header-selected-hover-bordernull
Description
The border color of the selected and hovered PanelBar header.
+
$kendo-panelbar-header-selected-hover-gradientnull
Description
The gradient of the selected and hovered PanelBar header.
+
$kendo-panelbar-header-selected-focus-bgnull
Description
The background color of the selected and focused PanelBar header.
+
$kendo-panelbar-header-selected-focus-textnull
Description
The text color of the selected and focused PanelBar header.
+
$kendo-panelbar-header-selected-focus-bordernull
Description
The border color of the selected and focused PanelBar header.
+
$kendo-panelbar-header-selected-focus-gradientnull
Description
The gradient of the selected and focused PanelBar header.
+
$kendo-panelbar-header-selected-hover-focus-bgnull
Description
The background color of the selected, hovered and focused PanelBar header.
+
$kendo-panelbar-header-selected-hover-focus-textnull
Description
The text color of the selected, hovered and focused PanelBar header.
+
$kendo-panelbar-header-selected-hover-focus-bordernull
Description
The border color of the selected, hovered and focused PanelBar header.
+
$kendo-panelbar-header-selected-hover-focus-gradientnull
Description
The gradient of the selected, hovered and focused PanelBar header.
+
$kendo-panelbar-item-hover-bgnull
Description
The background color of the hovered PanelBar items.
+
$kendo-panelbar-item-hover-textnull
Description
The text color of the hovered PanelBar items.
+
$kendo-panelbar-item-hover-bordernull
Description
The border color of the hovered PanelBar items.
+
$kendo-panelbar-item-hover-gradientnull
Description
The gradient of the hovered PanelBar items.
+
$kendo-panelbar-item-focus-bgnull
Description
The background color of the focused PanelBar items.
+
$kendo-panelbar-item-focus-textnull
Description
The text color of the focused PanelBar items.
+
$kendo-panelbar-item-focus-bordernull
Description
The border color of the focused PanelBar items.
+
$kendo-panelbar-item-focus-gradientnull
Description
The gradient of the focused PanelBar items.
+
$kendo-panelbar-item-focus-shadownull
Description
The box shadow of the focused PanelBar items.
+
$kendo-panelbar-item-hover-focus-bgnull
Description
The background color of the focused and hovered PanelBar items.
+
$kendo-panelbar-item-hover-focus-textnull
Description
The text color of the focused and hovered PanelBar items.
+
$kendo-panelbar-item-hover-focus-bordernull
Description
The border color of the focused and hovered PanelBar items.
+
$kendo-panelbar-item-hover-focus-gradientnull
Description
The gradient of the focused and hovered PanelBar items.
+
$kendo-panelbar-item-selected-bgnull
Description
The background color of the selected PanelBar items.
+
$kendo-panelbar-item-selected-textnull
Description
The text color of the selected PanelBar items.
+
$kendo-panelbar-item-selected-bordernull
Description
The border color of the selected PanelBar items.
+
$kendo-panelbar-item-selected-gradientnull
Description
The gradient of the selected PanelBar items.
+
$kendo-panelbar-item-selected-hover-bgnull
Description
The background color of the selected and hovered PanelBar items.
+
$kendo-panelbar-item-selected-hover-textnull
Description
The text color of the selected and hovered PanelBar items.
+
$kendo-panelbar-item-selected-hover-bordernull
Description
The border color of the selected and hovered PanelBar items.
+
$kendo-panelbar-item-selected-hover-gradientnull
Description
The gradient of the selected and hovered PanelBar items.
+
$kendo-panelbar-item-selected-focus-bgnull
Description
The background color of the selected and focused PanelBar items.
+
$kendo-panelbar-item-selected-focus-textnull
Description
The text color of the selected and focused PanelBar items.
+
$kendo-panelbar-item-selected-focus-bordernull
Description
The border color of the selected and focused PanelBar items.
+
$kendo-panelbar-item-selected-focus-gradientnull
Description
The gradient of the selected and focused PanelBar items.
+
$kendo-panelbar-item-selected-hover-focus-bgnull
Description
The background color of the selected, hovered and focused PanelBar items.
+
$kendo-panelbar-item-selected-hover-focus-textnull
Description
The text color of the selected, hovered and focused PanelBar items.
+
$kendo-panelbar-item-selected-hover-focus-bordernull
Description
The border color of the selected, hovered and focused PanelBar items.
+
$kendo-panelbar-item-selected-hover-focus-gradientnull
Description
The gradient of the selected, hovered and focused PanelBar items.
+
$kendo-panelbar-header-expanded-bgnull
Description
The background color of the expanded PanelBar header.
+
$kendo-panelbar-header-expanded-textnull
Description
The text color of the expanded PanelBar header.
+
$kendo-panelbar-header-expanded-bordernull
Description
The border color of the expanded PanelBar header.
+
$kendo-panelbar-header-expanded-gradientnull
Description
The gradient of the expanded PanelBar header.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-pdf-viewer.md b/packages/utils/docs/customization-pdf-viewer.md new file mode 100644 index 00000000000..2ac156fbc3d --- /dev/null +++ b/packages/utils/docs/customization-pdf-viewer.md @@ -0,0 +1,448 @@ +--- +title: Customizing PDFViewer +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_pdf-viewer +position: 9 +--- + +# Customizing PDFViewer + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-pdf-viewer-border-widthnull
Description
The border width of the PDFViewer.
+
$kendo-pdf-viewer-font-familynull
Description
The font family of the PDFViewer.
+
$kendo-pdf-viewer-font-sizenull
Description
The font size of the PDFViewer.
+
$kendo-pdf-viewer-line-heightnull
Description
The line height of the PDFViewer.
+
$kendo-pdf-viewer-bgnull
Description
The background color of the PDFViewer.
+
$kendo-pdf-viewer-textnull
Description
The text color of the PDFViewer.
+
$kendo-pdf-viewer-bordernull
Description
The border color of the PDFViewer.
+
$kendo-pdf-viewer-toolbar-bgnull
Description
The background color of the PDFViewer Toolbar.
+
$kendo-pdf-viewer-toolbar-textnull
Description
The text color of the PDFViewer Toolbar.
+
$kendo-pdf-viewer-toolbar-bordernull
Description
The border color of the PDFViewer Toolbar.
+
$kendo-pdf-viewer-toolbar-gradientnull
Description
The gradient of the PDFViewer Toolbar.
+
$kendo-pdf-viewer-canvas-bgnull
Description
The background color of the PDFViewer canvas.
+
$kendo-pdf-viewer-canvas-textnull
Description
The text color of the PDFViewer canvas.
+
$kendo-pdf-viewer-canvas-bordernull
Description
The border color of the PDFViewer canvas.
+
$kendo-pdf-viewer-page-spacingnull
Description
The spacing of the PDFViewer page.
+
$kendo-pdf-viewer-page-bgnull
Description
The background color of the PDFViewer page.
+
$kendo-pdf-viewer-page-textnull
Description
The text color of the PDFViewer page.
+
$kendo-pdf-viewer-page-bordernull
Description
The border color of the PDFViewer page.
+
$kendo-pdf-viewer-page-shadownull
Description
The shadow of the PDFViewer page.
+
$kendo-pdf-viewer-search-panel-padding-xnull
Description
The horizontal padding of the PDFViewer search panel.
+
$kendo-pdf-viewer-search-panel-padding-ynull
Description
The vertical padding of the PDFViewer search panel.
+
$kendo-pdf-viewer-search-panel-spacingnull
Description
The spacing of the PDFViewer search panel.
+
$kendo-pdf-viewer-search-panel-border-widthnull
Description
The border width of the PDFViewer search panel.
+
$kendo-pdf-viewer-search-panel-border-radiusnull
Description
The border radius of the PDFViewer search panel.
+
$kendo-pdf-viewer-search-panel-bgnull
Description
The background color of the PDFViewer search panel.
+
$kendo-pdf-viewer-search-panel-textnull
Description
The text color of the PDFViewer search panel.
+
$kendo-pdf-viewer-search-panel-bordernull
Description
The border color of the PDFViewer search panel.
+
$kendo-pdf-viewer-search-panel-shadownull
Description
The shadow of the PDFViewer search panel.
+
$kendo-pdf-viewer-search-panel-matches-spacingnull
Description
The spacing of the matches container in the PDFViewer search panel.
+
$kendo-pdf-viewer-selection-line-heightnull
Description
The line height of the PDFViewer selection.
+
$kendo-pdf-viewer-search-highlight-bgnull
Description
The background color of the PDFViewer highlight.
+
$kendo-pdf-viewer-search-highlight-mark-bgnull
Description
The background color of the PDFViewer highlight mark.
+
$kendo-pdf-viewer-icon-textnull
Description
The text color of the PDFViewer icon.
+
$kendo-pdf-viewer-popup-padding-xnull
Description
The vertical padding of the PDFViewer popup.
+
$kendo-pdf-viewer-popup-padding-ynull
Description
The horizontal padding of the PDFViewer popup.
+
$kendo-pdf-viewer-highlight-annotation-bordernull
Description
The border color of the PDFViewer selected highlight annotation.
+
$kendo-pdf-viewer-highlight-annotation-hover-bordernull
Description
The background color of the PDFViewer hover highlight annotation.
+
$kendo-pdf-viewer-free-text-annotation-bordernull
Description
The border color of the PDFViewer selected free text annotation.
+
$kendo-pdf-viewer-free-text-annotation-placeholder-textnull
Description
The placeholder text color of the PDFViewer free text annotation.
+
$kendo-pdf-viewer-free-text-annotation-textnull
Description
The text color of the PDFViewer free text annotation.
+
$kendo-pdf-viewer-free-text-annotation-textnull
Description
The text color of the PDFViewer free text annotation.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-picker.md b/packages/utils/docs/customization-picker.md new file mode 100644 index 00000000000..fe364f16d05 --- /dev/null +++ b/packages/utils/docs/customization-picker.md @@ -0,0 +1,498 @@ +--- +title: Customizing Picker +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_picker +position: 9 +--- + +# Customizing Picker + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-picker-bgnull
Description
The background color of the Picker components.
+
$kendo-picker-textnull
Description
The text color of the Picker components.
+
$kendo-picker-bordernull
Description
The border color of the Picker components.
+
$kendo-picker-gradientnull
Description
The gradient of the Picker components.
+
$kendo-picker-shadownull
Description
The shadow of the Picker components.
+
$kendo-picker-hover-bgnull
Description
The background color of the hovered Picker components.
+
$kendo-picker-hover-textnull
Description
The text color of the hovered Picker components.
+
$kendo-picker-hover-bordernull
Description
The border color of the hovered Picker components.
+
$kendo-picker-hover-gradientnull
Description
The gradient of the hovered Picker components.
+
$kendo-picker-hover-shadownull
Description
The shadow of the hovered Picker components.
+
$kendo-picker-focus-bgnull
Description
The background color of the focused Picker components.
+
$kendo-picker-focus-textnull
Description
The text color of the focused Picker components.
+
$kendo-picker-focus-bordernull
Description
The border color of the focused Picker components.
+
$kendo-picker-focus-gradientnull
Description
The gradient of the focused Picker components.
+
$kendo-picker-focus-shadownull
Description
The shadow of the focused Picker components.
+
$kendo-picker-disabled-bgnull
Description
The background color of the disabled Picker components.
+
$kendo-picker-disabled-textnull
Description
The text color of the disabled Picker components.
+
$kendo-picker-disabled-bordernull
Description
The border color of the disabled Picker components.
+
$kendo-picker-disabled-gradientnull
Description
The gradient of the disabled Picker components.
+
$kendo-picker-disabled-shadownull
Description
The shadow of the disabled Picker components.
+
$kendo-picker-outline-bgnull
Description
The background color of the outline Picker components.
+
$kendo-picker-outline-textnull
Description
The text color of the outline Picker components.
+
$kendo-picker-outline-bordernull
Description
The border color of the outline Picker components.
+
$kendo-picker-outline-hover-bgnull
Description
The background color of the outline hovered Picker components.
+
$kendo-picker-outline-hover-textnull
Description
The text color of the outline hovered Picker components.
+
$kendo-picker-outline-hover-bordernull
Description
The border color of the outline hovered Picker components.
+
$kendo-picker-outline-focus-bgnull
Description
The background color of the outline focused Picker components.
+
$kendo-picker-outline-focus-textnull
Description
The text color of the outline focused Picker components.
+
$kendo-picker-outline-focus-bordernull
Description
The border color of the outline focused Picker components.
+
$kendo-picker-outline-focus-shadownull
Description
The shadow of the outline focused Picker components.
+
$kendo-picker-outline-hover-focus-bgnull
Description
The background color of the outline hovered and focused Picker components.
+
$kendo-picker-outline-hover-focus-textnull
Description
The text color of the outline hovered and focused Picker components.
+
$kendo-picker-outline-hover-focus-bordernull
Description
The border color of the outline hovered and focused Picker components.
+
$kendo-picker-flat-bgnull
Description
The background color of the flat Picker components.
+
$kendo-picker-flat-textnull
Description
The text color of the flat Picker components.
+
$kendo-picker-flat-bordernull
Description
The border color of the flat Picker components.
+
$kendo-picker-flat-hover-bgnull
Description
The background color of the flat hovered Picker components.
+
$kendo-picker-flat-hover-textnull
Description
The text color of the flat hovered Picker components.
+
$kendo-picker-flat-hover-bordernull
Description
The border color of the flat hovered Picker components.
+
$kendo-picker-flat-focus-bgnull
Description
The background color of the flat focused Picker components.
+
$kendo-picker-flat-focus-textnull
Description
The text color of the flat focused Picker components.
+
$kendo-picker-flat-focus-bordernull
Description
The border color of the flat focused Picker components.
+
$kendo-picker-flat-focus-shadownull
Description
The shadow of the flat focused Picker components.
+
$kendo-picker-flat-hover-focus-bgnull
Description
The background color of the flat hovered and focused Picker components.
+
$kendo-picker-flat-hover-focus-textnull
Description
The text color of the flat hovered and focused Picker components.
+
$kendo-picker-flat-hover-focus-bordernull
Description
The border color of the flat hovered and focused Picker components.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-pivotgrid.md b/packages/utils/docs/customization-pivotgrid.md new file mode 100644 index 00000000000..a543d409778 --- /dev/null +++ b/packages/utils/docs/customization-pivotgrid.md @@ -0,0 +1,748 @@ +--- +title: Customizing Pivotgrid +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_pivotgrid +position: 9 +--- + +# Customizing Pivotgrid + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-pivotgrid-spacernull
Description
The spacer of the PivotGrid.
+
$kendo-pivotgrid-padding-xnull
Description
The horizontal padding of the PivotGrid.
+
$kendo-pivotgrid-padding-ynull
Description
The vertical of the PivotGrid.
+
$kendo-pivotgrid-font-familynull
Description
The font family of the PivotGrid.
+
$kendo-pivotgrid-font-sizenull
Description
The font size of the PivotGrid.
+
$kendo-pivotgrid-line-heightnull
Description
The line height of the PivotGrid.
+
$kendo-pivotgrid-border-widthnull
Description
The border width of the PivotGrid.
+
$kendo-pivotgrid-icon-spacingnull
Description
The icon spacing of the PivotGrid.
+
$kendo-pivotgrid-row-header-widthnull
Description
The default width of the PivotGrid row header.
+
$kendo-pivotgrid-column-header-heightnull
Description
The default height of the PivotGrid column header.
+
$kendo-pivotgrid-cell-padding-xnull
Description
The horizontal padding of the PivotGrid cell.
+
$kendo-pivotgrid-cell-padding-ynull
Description
The vertical padding of the PivotGrid cell.
+
$kendo-pivotgrid-cell-border-widthnull
Description
The border width of the PivotGrid cell.
+
$kendo-pivotgrid-bgnull
Description
The background color of the PivotGrid.
+
$kendo-pivotgrid-textnull
Description
The text color of the PivotGrid.
+
$kendo-pivotgrid-bordernull
Description
The border color of the PivotGrid.
+
$kendo-pivotgrid-alt-bordernull
Description
The alt border color of the PivotGrid.
+
$kendo-pivotgrid-headers-bgnull
Description
The background color of the PivotGrid header.
+
$kendo-pivotgrid-headers-textnull
Description
The text color of the PivotGrid header.
+
$kendo-pivotgrid-headers-bordernull
Description
The border color of the PivotGrid header.
+
$kendo-pivotgrid-total-bgnull
Description
The background color of the PivotGrid total cells.
+
$kendo-pivotgrid-total-textnull
Description
The text color of the PivotGrid total cells.
+
$kendo-pivotgrid-total-bordernull
Description
The border color of the PivotGrid total cells.
+
$kendo-pivotgrid-hover-bgnull
Description
The hover background color of the PivotGrid.
+
$kendo-pivotgrid-hover-textnull
Description
The hover text color of the PivotGrid.
+
$kendo-pivotgrid-hover-bordernull
Description
The hover border color of the PivotGrid.
+
$kendo-pivotgrid-selected-bgnull
Description
The selected background color of the PivotGrid.
+
$kendo-pivotgrid-selected-textnull
Description
The selected text color of the PivotGrid.
+
$kendo-pivotgrid-selected-bordernull
Description
The selected border color of the PivotGrid.
+
$kendo-pivotgrid-focus-shadownull
Description
The focus shadow of the PivotGrid.
+
$kendo-pivotgrid-configurator-padding-xnull
Description
The horizontal padding of the PivotGrid configurator.
+
$kendo-pivotgrid-configurator-padding-ynull
Description
The vertical padding of the PivotGrid configurator.
+
$kendo-pivotgrid-configurator-border-widthnull
Description
The border width of the PivotGrid configurator.
+
$kendo-pivotgrid-configurator-header-padding-xnull
Description
The horizontal padding of the PivotGrid configurator header.
+
$kendo-pivotgrid-configurator-header-padding-ynull
Description
The vertical padding of the PivotGrid configurator header.
+
$kendo-pivotgrid-configurator-header-font-sizenull
Description
The font size of the PivotGrid configurator header.
+
$kendo-pivotgrid-configurator-header-font-weightnull
Description
The font weight of the PivotGrid configurator header.
+
$kendo-pivotgrid-configurator-content-padding-xnull
Description
The horizontal padding of the PivotGrid configurator content.
+
$kendo-pivotgrid-configurator-content-padding-ynull
Description
The vertical padding of the PivotGrid configurator content.
+
$kendo-pivotgrid-configurator-fields-margin-xnull
Description
The horizontal margin of the PivotGrid configurator fields.
+
$kendo-pivotgrid-configurator-fields-margin-ynull
Description
The vertical margin of the PivotGrid configurator fields.
+
$kendo-pivotgrid-configurator-vertical-widthnull
Description
The default width of the PivotGrid vertical configurator.
+
$kendo-pivotgrid-configurator-horizontal-heightnull
Description
The default height of the PivotGrid horizontal configurator.
+
$kendo-pivotgrid-configurator-bgnull
Description
The background color of the PivotGrid configurator.
+
$kendo-pivotgrid-configurator-textnull
Description
The text color of the PivotGrid configurator.
+
$kendo-pivotgrid-configurator-bordernull
Description
The border color of the PivotGrid configurator.
+
$kendo-pivotgrid-configurator-header-bgnull
Description
The background color of the PivotGrid configurator header.
+
$kendo-pivotgrid-configurator-header-textnull
Description
The text color of the PivotGrid configurator header.
+
$kendo-pivotgrid-configurator-header-bordernull
Description
The border color of the PivotGrid configurator header.
+
$kendo-pivotgrid-configurator-shadownull
Description
The shadow of the PivotGrid configurator.
+
$kendo-pivotgrid-configurator-end-shadownull
Description
The end shadow of the PivotGrid configurator.
+
$kendo-pivotgrid-configurator-start-shadownull
Description
The start shadow of the PivotGrid configurator.
+
$kendo-pivotgrid-configurator-top-shadownull
Description
The top shadow of the PivotGrid configurator.
+
$kendo-pivotgrid-configurator-bottom-shadownull
Description
The bottom shadow of the PivotGrid configurator.
+
$kendo-pivotgrid-configurator-button-padding-xnull
Description
The horizontal padding of the PivotGrid configurator button.
+
$kendo-pivotgrid-configurator-button-padding-ynull
Description
The vertical padding of the PivotGrid configurator button.
+
$kendo-pivotgrid-configurator-button-border-widthnull
Description
The border width of the PivotGrid configurator button.
+
$kendo-pivotgrid-configurator-button-sizenull
Description
The size of the PivotGrid configurator button.
+
$kendo-pivotgrid-calculated-field-padding-xnull
Description
The horizontal padding of the PivotGrid calculated field.
+
$kendo-pivotgrid-calculated-field-padding-ynull
Description
The vertical padding of the PivotGrid calculated field.
+
$kendo-pivotgrid-calculated-field-border-widthnull
Description
The border width of the PivotGrid calculated field.
+
$kendo-pivotgrid-calculated-field-border-radiusnull
Description
The border radius of the PivotGrid calculated field.
+
$kendo-pivotgrid-calculated-field-gapnull
Description
The spacing of the PivotGrid calculated field.
+
$kendo-pivotgrid-calculated-field-bgnull
Description
The background color of the PivotGrid calculated field.
+
$kendo-pivotgrid-calculated-field-textnull
Description
The text color of the PivotGrid calculated field.
+
$kendo-pivotgrid-calculated-field-bordernull
Description
The border color of the PivotGrid calculated field.
+
$kendo-pivotgrid-calculated-field-header-bgnull
Description
The background color of the PivotGrid calculated field header.
+
$kendo-pivotgrid-calculated-field-header-textnull
Description
The text color of the PivotGrid calculated field header.
+
$kendo-pivotgrid-calculated-field-header-bordernull
Description
The border color of the PivotGrid calculated field header.
+
$kendo-pivotgrid-treeview-padding-xnull
Description
The horizontal padding of the PivotGrid treeview.
+
$kendo-pivotgrid-treeview-padding-ynull
Description
The vertical padding of the PivotGrid treeview.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-popover.md b/packages/utils/docs/customization-popover.md new file mode 100644 index 00000000000..cbbe11716e1 --- /dev/null +++ b/packages/utils/docs/customization-popover.md @@ -0,0 +1,298 @@ +--- +title: Customizing Popover +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_popover +position: 9 +--- + +# Customizing Popover + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-popover-border-widthnull
Description
The width of the border around the Popover.
+
$kendo-popover-border-stylenull
Description
The style of the border around the Popover.
+
$kendo-popover-border-radiusnull
Description
The radius of the border around the Popover.
+
$kendo-popover-font-familynull
Description
The font family of the Popover.
+
$kendo-popover-font-sizenull
Description
The font size of the Popover.
+
$kendo-popover-line-heightnull
Description
The line height of the Popover.
+
$kendo-popover-textnull
Description
The text color of the Popover.
+
$kendo-popover-bgnull
Description
The background color of the Popover.
+
$kendo-popover-bordernull
Description
The border color of the Popover.
+
$kendo-popover-shadownull
Description
The box shadow of the Popover.
+
$kendo-popover-header-padding-xnull
Description
The horizontal padding of the Popover header.
+
$kendo-popover-header-padding-ynull
Description
The vertical padding of the Popover header.
+
$kendo-popover-header-border-widthnull
Description
The border width of the Popover header.
+
$kendo-popover-header-border-stylenull
Description
The border style of the Popover header.
+
$kendo-popover-header-textnull
Description
The text color of the Popover header.
+
$kendo-popover-header-bgnull
Description
The background color of the Popover header.
+
$kendo-popover-header-bordernull
Description
The border color of the Popover header.
+
$kendo-popover-body-padding-xnull
Description
The horizontal padding of the Popover body.
+
$kendo-popover-body-padding-ynull
Description
The vertical padding of the Popover body.
+
$kendo-popover-actions-border-widthnull
Description
The border width of the Popover actions.
+
$kendo-popover-callout-widthnull
Description
The width of the Popover callout.
+
$kendo-popover-callout-heightnull
Description
The height of the Popover callout.
+
$kendo-popover-callout-border-widthnull
Description
The border width of the Popover callout.
+
$kendo-popover-callout-border-stylenull
Description
The border style of the Popover callout.
+
$kendo-popover-callout-bgnull
Description
The background color of the Popover callout.
+
$kendo-popover-callout-bordernull
Description
The border color of the Popover callout.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-popup.md b/packages/utils/docs/customization-popup.md new file mode 100644 index 00000000000..162fb5745f2 --- /dev/null +++ b/packages/utils/docs/customization-popup.md @@ -0,0 +1,158 @@ +--- +title: Customizing Popup +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_popup +position: 9 +--- + +# Customizing Popup + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-popup-padding-xnull
Description
Horizontal padding of the popup.
+
$kendo-popup-padding-ynull
Description
Vertical padding of the popup.
+
$kendo-popup-border-widthnull
Description
Width of the border around the popup.
+
$kendo-popup-border-radiusnull
Description
Border radius of the popup.
+
$kendo-popup-font-sizenull
Description
Font size of the popup.
+
$kendo-popup-line-heightnull
Description
Line height of the popup.
+
$kendo-popup-content-padding-xnull
Description
Horizontal padding of the popup content.
+
$kendo-popup-content-padding-ynull
Description
Vertical padding of the popup content.
+
$kendo-popup-bgnull
Description
Background color of the popup.
+
$kendo-popup-textnull
Description
Text color of the popup.
+
$kendo-popup-bordernull
Description
Border color of the popup.
+
$kendo-popup-shadownull
Description
Box shadow of the popup.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-progressbar.md b/packages/utils/docs/customization-progressbar.md new file mode 100644 index 00000000000..c73fe27269d --- /dev/null +++ b/packages/utils/docs/customization-progressbar.md @@ -0,0 +1,258 @@ +--- +title: Customizing Progressbar +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_progressbar +position: 9 +--- + +# Customizing Progressbar + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-progressbar-heightnull
Description
The height of the ProgressBar.
+
$kendo-progressbar-horizontal-widthnull
Description
The horizontal width of the ProgressBar.
+
$kendo-progressbar-animation-timingnull
Description
The animation timing of the ProgressBar.
+
$kendo-progressbar-border-widthnull
Description
The width of the border around the ProgressBar.
+
$kendo-progressbar-font-familynull
Description
The font family of the ProgressBar.
+
$kendo-progressbar-font-sizenull
Description
The font size of the ProgressBar.
+
$kendo-progressbar-line-heightnull
Description
The line height of the ProgressBar.
+
$kendo-progressbar-bgnull
Description
The background color of the ProgressBar.
+
$kendo-progressbar-textnull
Description
The text color of the ProgressBar.
+
$kendo-progressbar-bordernull
Description
The border color of the ProgressBar.
+
$kendo-progressbar-gradientnull
Description
The background gradient of the ProgressBar.
+
$kendo-progressbar-value-bgnull
Description
The progress background color of the ProgressBar.
+
$kendo-progressbar-value-textnull
Description
The progress text color of the ProgressBar.
+
$kendo-progressbar-value-bordernull
Description
The progress border color of the ProgressBar.
+
$kendo-progressbar-value-gradientnull
Description
The progress background gradient of the ProgressBar.
+
$kendo-progressbar-indeterminate-bgnull
Description
The background color of the indeterminate ProgressBar.
+
$kendo-progressbar-indeterminate-textnull
Description
The text color of the indeterminate ProgressBar.
+
$kendo-progressbar-indeterminate-bordernull
Description
The border color of the indeterminate ProgressBar.
+
$kendo-progressbar-indeterminate-gradientnull
Description
The background gradient of the indeterminate ProgressBar.
+
$kendo-progressbar-chunk-bordernull
Description
The border color of the chunk ProgressBar.
+
$kendo-circular-progressbar-arc-strokenull
Description
The arc stroke color of the circular ProgressBar.
+
$kendo-circular-progressbar-scale-strokenull
Description
The scale stroke background color of the circular ProgressBar.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-prompt.md b/packages/utils/docs/customization-prompt.md new file mode 100644 index 00000000000..a0869cb3aed --- /dev/null +++ b/packages/utils/docs/customization-prompt.md @@ -0,0 +1,238 @@ +--- +title: Customizing Prompt +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_prompt +position: 9 +--- + +# Customizing Prompt + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-prompt-textnull
Description
The text color of the AIPrompt.
+
$kendo-prompt-bgnull
Description
The background color of the AIPrompt.
+
$kendo-prompt-bordernull
Description
The border color of the AIPrompt.
+
$kendo-prompt-header-textnull
Description
The text color of the AIPrompt header.
+
$kendo-prompt-header-bgnull
Description
The background color of the AIPrompt header.
+
$kendo-prompt-header-bordernull
Description
The border color of the AIPrompt header.
+
$kendo-prompt-content-padding-ynull
Description
The vertical padding of the AIPrompt content.
+
$kendo-prompt-content-padding-xnull
Description
The horizontal padding of the AIPrompt content.
+
$kendo-prompt-content-spacingnull
Description
The spacing between the items of the AIPrompt content.
+
$kendo-prompt-content-textnull
Description
The text color of the AIPrompt content.
+
$kendo-prompt-content-bgnull
Description
The background color of the AIPrompt content.
+
$kendo-prompt-content-bordernull
Description
The text border of the AIPrompt content.
+
$kendo-prompt-expander-spacingnull
Description
The spacing between the items of the AIPrompt content expander.
+
$kendo-prompt-suggestion-padding-ynull
Description
The vertical padding of the AIPrompt suggestion container.
+
$kendo-prompt-suggestion-padding-xnull
Description
The horizontal padding of the AIPrompt suggestion container.
+
$kendo-prompt-suggestion-border-radiusnull
Description
The border radius of the AIPrompt suggestion container.
+
$kendo-prompt-suggestion-textnull
Description
The text color of the AIPrompt suggestion container.
+
$kendo-prompt-suggestion-bgnull
Description
The background color of the AIPrompt suggestion container.
+
$kendo-prompt-suggestion-bordernull
Description
The border color of the AIPrompt suggestion container.
+
$kendo-prompt-suggestion-shadownull
Description
The elevation of the AIPrompt suggestion container.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-radio.md b/packages/utils/docs/customization-radio.md new file mode 100644 index 00000000000..c0525a73f30 --- /dev/null +++ b/packages/utils/docs/customization-radio.md @@ -0,0 +1,488 @@ +--- +title: Customizing Radio +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_radio +position: 9 +--- + +# Customizing Radio + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-radio-radiusnull
Description
The border radius of the RadioButton.
+
$kendo-radio-border-widthnull
Description
The border width of the RadioButton.
+
$kendo-radio-sm-sizenull
Description
The size of a small RadioButton.
+
$kendo-radio-md-sizenull
Description
The size of a medium RadioButton.
+
$kendo-radio-lg-sizenull
Description
The size of a large RadioButton.
+
$kendo-radio-sm-glyph-sizenull
Description
The glyph size of a small RadioButton.
+
$kendo-radio-md-glyph-sizenull
Description
The glyph size of a medium RadioButton.
+
$kendo-radio-lg-glyph-sizenull
Description
The glyph size of a large RadioButton.
+
$kendo-radio-sm-ripple-sizenull
Description
The ripple size of a small RadioButton.
+
$kendo-radio-md-ripple-sizenull
Description
The ripple size of a medium RadioButton.
+
$kendo-radio-lg-ripple-sizenull
Description
The ripple size of a large RadioButton.
+
$kendo-radio-sizesnull
Description
The map with the different RadioButton sizes.
+
$kendo-radio-bgnull
Description
The background color of the RadioButton.
+
$kendo-radio-textnull
Description
The color of the RadioButton.
+
$kendo-radio-bordernull
Description
The border color of the RadioButton.
+
$kendo-radio-hover-bgnull
Description
The background color of the hovered RadioButton.
+
$kendo-radio-hover-textnull
Description
The color of the hovered RadioButton.
+
$kendo-radio-hover-bordernull
Description
The border color of the hovered RadioButton.
+
$kendo-radio-checked-bgnull
Description
The background color of the checked RadioButton.
+
$kendo-radio-checked-textnull
Description
The color of the checked RadioButton.
+
$kendo-radio-checked-bordernull
Description
The border color of the checked RadioButton.
+
$kendo-radio-focus-bordernull
Description
The border color of the focused RadioButton.
+
$kendo-radio-focus-shadownull
Description
The box shadow of the focused RadioButton.
+
$kendo-radio-focus-checked-bordernull
Description
The border color of the focused and checked RadioButton.
+
$kendo-radio-focus-checked-shadownull
Description
The box shadow of the focused and checked RadioButton.
+
$kendo-radio-disabled-bgnull
Description
The background color of the disabled RadioButton.
+
$kendo-radio-disabled-textnull
Description
The color of the disabled RadioButton.
+
$kendo-radio-disabled-bordernull
Description
The border color of the disabled RadioButton.
+
$kendo-radio-disabled-checked-bgnull
Description
The background color of the disabled and checked RadioButton.
+
$kendo-radio-disabled-checked-textnull
Description
The color of the disabled and checked RadioButton.
+
$kendo-radio-disabled-checked-bordernull
Description
The border color of disabled and checked RadioButton.
+
$kendo-radio-invalid-bgnull
Description
The background color of the invalid RadioButton.
+
$kendo-radio-invalid-textnull
Description
The color of the invalid RadioButton.
+
$kendo-radio-invalid-bordernull
Description
The border color of the invalid RadioButton.
+
$kendo-radio-indicator-typenull
Description
The type of the RadioButton indicator.
+
$kendo-radio-glyph-font-familynull
Description
The font family of the RadioButton indicator glyph.
+
$kendo-radio-checked-glyphnull
Description
The glyph of the RadioButton indicator.
+
$kendo-radio-checked-imagenull
Description
The image of the checked RadioButton indicator.
+
$kendo-radio-disabled-checked-imagenull
Description
The image of the disabled and checked RadioButton indicator.
+
$kendo-radio-label-margin-xnull
Description
The horizontal margin of the RadioButton inside of a label.
+
$kendo-radio-list-spacingnull
Description
The horizontal list item margin of the RadioButton.
+
$kendo-radio-list-item-padding-xnull
Description
The horizontal list item padding of the RadioButton.
+
$kendo-radio-list-item-padding-ynull
Description
The vertical list item padding of the RadioButton.
+
$kendo-radio-ripple-bgnull
Description
The background color of the RadioButton ripple.
+
$kendo-radio-ripple-opacitynull
Description
The opacity of the RadioButton ripple.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-rating.md b/packages/utils/docs/customization-rating.md new file mode 100644 index 00000000000..1f1b4f349b5 --- /dev/null +++ b/packages/utils/docs/customization-rating.md @@ -0,0 +1,198 @@ +--- +title: Customizing Rating +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_rating +position: 9 +--- + +# Customizing Rating + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-rating-font-familynull
Description
The font family of the Rating.
+
$kendo-rating-font-sizenull
Description
The font size of the Rating.
+
$kendo-rating-line-heightnull
Description
The line height of the Rating.
+
$kendo-rating-container-margin-xnull
Description
The horizontal margin of the Rating container.
+
$kendo-rating-item-padding-xnull
Description
The horizontal padding of the Rating item.
+
$kendo-rating-item-padding-ynull
Description
The vertical padding of the Rating item.
+
$kendo-rating-label-margin-xnull
Description
The horizontal margin of the Rating label.
+
$kendo-rating-label-margin-ynull
Description
The vertical margin of the Rating label.
+
$kendo-rating-label-line-heightnull
Description
The line height of the Rating label.
+
$kendo-rating-icon-sizenull
Description
The size of the Rating icon.
+
$kendo-rating-icon-textnull
Description
The text color of the Rating icon.
+
$kendo-rating-icon-selected-textnull
Description
The text color of the selected Rating icon.
+
$kendo-rating-icon-hover-textnull
Description
The text color of the hovered Rating icon.
+
$kendo-rating-icon-focus-textnull
Description
The text color of the focused Rating icon.
+
$kendo-rating-icon-focus-shadownull
Description
The shadow of the focused Rating icon.
+
$kendo-rating-icon-focus-selected-shadownull
Description
The shadow of the focused and selected Rating icon.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-scheduler.md b/packages/utils/docs/customization-scheduler.md new file mode 100644 index 00000000000..75b5e3d7138 --- /dev/null +++ b/packages/utils/docs/customization-scheduler.md @@ -0,0 +1,828 @@ +--- +title: Customizing Scheduler +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_scheduler +position: 9 +--- + +# Customizing Scheduler + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-scheduler-border-widthnull
Description
The width of the border around the Scheduler.
+
$kendo-scheduler-font-familynull
Description
The font family of the Scheduler.
+
$kendo-scheduler-font-sizenull
Description
The font size of the Scheduler.
+
$kendo-scheduler-line-heightnull
Description
The line height of the Scheduler.
+
$kendo-scheduler-bgnull
Description
The background color of the Scheduler.
+
$kendo-scheduler-textnull
Description
The text color of the Scheduler.
+
$kendo-scheduler-bordernull
Description
The border color of the Scheduler.
+
$kendo-scheduler-toolbar-bgnull
Description
The background color of the Scheduler ToolBar.
+
$kendo-scheduler-toolbar-textnull
Description
The text color of the Scheduler ToolBar.
+
$kendo-scheduler-toolbar-bordernull
Description
The border color of the Scheduler ToolBar.
+
$kendo-scheduler-toolbar-gradientnull
Description
The gradient of the Scheduler ToolBar.
+
$kendo-scheduler-footer-bgnull
Description
The background color of the Scheduler footer.
+
$kendo-scheduler-footer-textnull
Description
The text color of the Scheduler footer.
+
$kendo-scheduler-footer-bordernull
Description
The border color of the Scheduler footer.
+
$kendo-scheduler-footer-gradientnull
Description
The gradient of the Scheduler footer.
+
$kendo-scheduler-event-min-heightnull
Description
The minimum height of the Scheduler event.
+
$kendo-scheduler-event-border-radiusnull
Description
The border radius of the Scheduler event.
+
$kendo-scheduler-event-line-heightnull
Description
The line height of the Scheduler event.
+
$kendo-scheduler-event-bgnull
Description
The background color of the Scheduler event.
+
$kendo-scheduler-event-textnull
Description
The text color of the Scheduler event.
+
$kendo-scheduler-event-bordernull
Description
The border color of the Scheduler event.
+
$kendo-scheduler-event-gradientnull
Description
The gradient of the Scheduler event.
+
$kendo-scheduler-event-shadownull
Description
The shadow of the Scheduler event.
+
$kendo-scheduler-event-hover-bgnull
Description
The background color of the hovered Scheduler event.
+
$kendo-scheduler-event-hover-textnull
Description
The text color of the hovered Scheduler event.
+
$kendo-scheduler-event-hover-bordernull
Description
The border color of the hovered Scheduler event.
+
$kendo-scheduler-event-hover-gradientnull
Description
The gradient of the hovered Scheduler event.
+
$kendo-scheduler-event-hover-shadownull
Description
The shadow of the hovered Scheduler event.
+
$kendo-scheduler-event-selected-bgnull
Description
The background color of the selected Scheduler event.
+
$kendo-scheduler-event-selected-textnull
Description
The text color of the selected Scheduler event.
+
$kendo-scheduler-event-selected-bordernull
Description
The border color of the selected Scheduler event.
+
$kendo-scheduler-event-selected-gradientnull
Description
The gradient of the selected Scheduler event.
+
$kendo-scheduler-event-selected-shadownull
Description
The shadow of the selected Scheduler event.
+
$kendo-scheduler-event-ongoing-shadownull
Description
The shadow of the ongoing Scheduler event.
+
$kendo-scheduler-cell-padding-xnull
Description
The horizontal padding of the Scheduler cell.
+
$kendo-scheduler-cell-padding-ynull
Description
The vertical padding of the Scheduler cell.
+
$kendo-scheduler-cell-heightnull
Description
The height of the Scheduler cell.
+
$kendo-scheduler-datecolumn-widthnull
Description
The width of the Scheduler date column.
+
$kendo-scheduler-timecolumn-widthnull
Description
The width of the Scheduler time column.
+
$kendo-scheduler-nonwork-bgnull
Description
The background color of the non-working hours in the Scheduler.
+
$kendo-scheduler-nonwork-textnull
Description
The text color of the non-working hours in the Scheduler.
+
$kendo-scheduler-weekend-bgnull
Description
The background color of the weekends in the Scheduler.
+
$kendo-scheduler-weekend-textnull
Description
The text color of the weekends in the Scheduler.
+
$kendo-scheduler-othermonth-bgnull
Description
The background color of the preceding/subsequent month cells in the Calendar.
+
$kendo-scheduler-othermonth-textnull
Description
The text color of the preceding/subsequent month cells in the Calendar.
+
$kendo-scheduler-yearview-padding-xnull
Description
The horizontal padding of the year view in the Scheduler.
+
$kendo-scheduler-yearview-padding-ynull
Description
The vertical padding of the year view in the Scheduler.
+
$kendo-scheduler-yearview-calendar-gapnull
Description
The spacing between the calendars of the year view in the Scheduler.
+
$kendo-scheduler-yearview-indicator-sizenull
Description
The days with events indicator size of the year view in the Scheduler.
+
$kendo-scheduler-yearview-indicator-calc-offset-topnull
Description
The top position of the days with events indicator of the year view in the Scheduler.
+
$kendo-scheduler-yearview-indicator-calc-offset-leftnull
Description
The left position of the days with events indicator of the year view in the Scheduler.
+
$kendo-scheduler-yearview-indicator-border-radiusnull
Description
The border radius of the days with events indicator of the year view in the Scheduler.
+
$kendo-scheduler-yearview-indicator-bgnull
Description
The background color of the days with events indicator of the year view in the Scheduler.
+
$kendo-scheduler-yearview-indicator-selected-bgnull
Description
The background color of the selected days with events indicator of the year view in the Scheduler.
+
$kendo-scheduler-tooltip-padding-xnull
Description
The horizontal padding of the Scheduler Tooltip.
+
$kendo-scheduler-tooltip-padding-ynull
Description
The vertical padding of the Scheduler Tooltip.
+
$kendo-scheduler-tooltip-border-widthnull
Description
The width of the border of the Scheduler Tooltip.
+
$kendo-scheduler-tooltip-bgnull
Description
The background color of the Scheduler Tooltip.
+
$kendo-scheduler-tooltip-textnull
Description
The text color of the Scheduler Tooltip.
+
$kendo-scheduler-tooltip-bordernull
Description
The border color of the Scheduler Tooltip.
+
$kendo-scheduler-tooltip-shadownull
Description
The shadow of the Scheduler Tooltip.
+
$kendo-scheduler-tooltip-title-margin-ynull
Description
The vertical margin of the Scheduler Tooltip title.
+
$kendo-scheduler-tooltip-month-font-sizenull
Description
The font size of the month inside the Scheduler Tooltip.
+
$kendo-scheduler-tooltip-day-font-sizenull
Description
The font size of the day inside the Scheduler Tooltip.
+
$kendo-scheduler-tooltip-events-max-heightnull
Description
The max height of the events inside the Scheduler Tooltip.
+
$kendo-scheduler-tooltip-events-gapnull
Description
The spacing between the events inside the Scheduler Tooltip.
+
$kendo-scheduler-tooltip-event-padding-xnull
Description
The horizontal padding of the events inside the Scheduler Tooltip.
+
$kendo-scheduler-tooltip-event-padding-ynull
Description
The vertical padding of the events inside the Scheduler Tooltip.
+
$kendo-scheduler-tooltip-event-border-radiusnull
Description
The border radius of the events inside the Scheduler Tooltip.
+
$kendo-scheduler-tooltip-event-gapnull
Description
The spacing between the events items inside the Scheduler Tooltip.
+
$kendo-scheduler-tooltip-callout-textnull
Description
The color of the Scheduler Tooltip callout.
+
$kendo-scheduler-appointments-paddingnull
Description
The padding of the Scheduler appointments.
+
$kendo-scheduler-event-template-padding-xnull
Description
The horizontal padding of the Scheduler event template.
+
$kendo-scheduler-event-template-padding-ynull
Description
The vertical padding of the Scheduler event template.
+
$kendo-scheduler-event-actions-inset-xnull
Description
The inline inset of the Scheduler event actions.
+
$kendo-scheduler-indicators-marginnull
Description
The margin of the Scheduler event indicators.
+
$kendo-scheduler-rtl-indicators-marginnull
Description
The margin of the Scheduler event indicators in rtl.
+
$kendo-scheduler-marquee-label-inset-xnull
Description
The inline inset of the Scheduler marquee labels.
+
$kendo-scheduler-marquee-label-inset-ynull
Description
The block inset of the Scheduler marquee labels.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-scrollview.md b/packages/utils/docs/customization-scrollview.md new file mode 100644 index 00000000000..a0edf7ef6b5 --- /dev/null +++ b/packages/utils/docs/customization-scrollview.md @@ -0,0 +1,318 @@ +--- +title: Customizing Scrollview +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_scrollview +position: 9 +--- + +# Customizing Scrollview + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-scrollview-border-widthnull
Description
The width of the border around the ScrollView.
+
$kendo-scrollview-font-familynull
Description
The font family of the ScrollView.
+
$kendo-scrollview-font-sizenull
Description
The font size of the ScrollView.
+
$kendo-scrollview-line-heightnull
Description
The line height of the ScrollView.
+
$kendo-scrollview-textnull
Description
The text color of the ScrollView.
+
$kendo-scrollview-bgnull
Description
The background color of the ScrollView.
+
$kendo-scrollview-bordernull
Description
The border color of the ScrollView.
+
$kendo-scrollview-pagebutton-sizenull
Description
The size of the ScrollView page button.
+
$kendo-scrollview-pagebutton-bgnull
Description
The background color of the ScrollView page button.
+
$kendo-scrollview-pagebutton-bordernull
Description
The border color of the ScrollView page button.
+
$kendo-scrollview-pagebutton-primary-bgnull
Description
The primary background color of the ScrollView page button.
+
$kendo-scrollview-pagebutton-primary-bordernull
Description
The primary border color of the ScrollView page button.
+
$kendo-scrollview-pagebutton-shadownull
Description
The box shadow of the ScrollView page button.
+
$kendo-scrollview-pager-offsetnull
Description
The offset of the ScrollView pager.
+
$kendo-scrollview-pager-item-spacingnull
Description
The spacing between the ScrollView pager items.
+
$kendo-scrollview-pager-item-border-widthnull
Description
The border width of the ScrollView pager items.
+
$kendo-scrollview-pager-heightnull
Description
The height of the ScrollView pager.
+
$kendo-scrollview-arrow-tap-highlight-colornull
Description
The text color of the highlight over the tapped ScrollView navigation arrows.
+
$kendo-scrollview-navigation-colornull
Description
The color of the ScrollView navigation arrows.
+
$kendo-scrollview-navigation-icon-shadownull
Description
The box shadow of the ScrollView navigation arrows.
+
$kendo-scrollview-navigation-bgnull
Description
The background color of the ScrollView navigation.
+
$kendo-scrollview-navigation-default-opacitynull
Description
The opacity of the ScrollView navigation.
+
$kendo-scrollview-navigation-hover-opacitynull
Description
The hover opacity of the ScrollView navigation.
+
$kendo-scrollview-navigation-hover-span-bgnull
Description
The hover background color of the ScrollView navigation arrows.
+
$kendo-scrollview-light-bgnull
Description
The background color of the ScrollView pager in light mode.
+
$kendo-scrollview-dark-bgnull
Description
The background color of the ScrollView pager in dark mode.
+
$kendo-scrollview-transition-durationnull
Description
The duration of the ScrollView transition.
+
$kendo-scrollview-transition-timing-functionnull
Description
The timing function of the ScrollView transition.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-skeleton.md b/packages/utils/docs/customization-skeleton.md new file mode 100644 index 00000000000..0b39f3ac296 --- /dev/null +++ b/packages/utils/docs/customization-skeleton.md @@ -0,0 +1,78 @@ +--- +title: Customizing Skeleton +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_skeleton +position: 9 +--- + +# Customizing Skeleton + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-skeleton-text-transformnull
Description
The transform scale of the Skeleton text.
+
$kendo-skeleton-text-border-radiusnull
Description
The border radius of the Skeleton text.
+
$kendo-skeleton-rect-border-radiusnull
Description
The border radius of the rectangular Skeleton.
+
$kendo-skeleton-circle-border-radiusnull
Description
The border radius of the circular Skeleton.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-slider.md b/packages/utils/docs/customization-slider.md new file mode 100644 index 00000000000..cc9e224028b --- /dev/null +++ b/packages/utils/docs/customization-slider.md @@ -0,0 +1,408 @@ +--- +title: Customizing Slider +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_slider +position: 9 +--- + +# Customizing Slider + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-slider-sizenull
Description
The default size of the Slider.
+
$kendo-slider-tick-sizenull
Description
The default size of the Slider tick.
+
$kendo-slider-alt-sizenull
Description
The default size of the Slider's track wrap.
+
$kendo-slider-font-familynull
Description
The font family of the Slider.
+
$kendo-slider-font-sizenull
Description
The font size of the Slider.
+
$kendo-slider-line-heightnull
Description
The line height of the Slider.
+
$kendo-slider-button-offsetnull
Description
The offset of the Slider Buttons.
+
$kendo-slider-button-sizenull
Description
The size of the Slider Buttons.
+
$kendo-slider-button-spacingnull
Description
The spacing of the Slider Buttons.
+
$kendo-slider-button-focus-shadownull
Description
The shadow of the focused Slider Buttons.
+
$kendo-slider-track-thicknessnull
Description
The thickness of the Slider track.
+
$kendo-slider-draghandle-sizenull
Description
The size of the Slider drag handle.
+
$kendo-slider-draghandle-border-widthnull
Description
The border width of the Slider drag handle.
+
$kendo-slider-draghandle-active-scalenull
Description
The transition scale of the active Slider drag handle.
+
$kendo-slider-draghandle-active-sizenull
Description
The size of the active Slider drag handle.
+
$kendo-slider-draghandle-bgnull
Description
The background color of the Slider drag handle.
+
$kendo-slider-draghandle-textnull
Description
The text color of the Slider drag handle.
+
$kendo-slider-draghandle-bordernull
Description
The border color of the Slider drag handle.
+
$kendo-slider-draghandle-gradientnull
Description
The gradient of the Slider drag handle.
+
$kendo-slider-draghandle-hover-bgnull
Description
The background color of the hovered Slider drag handle.
+
$kendo-slider-draghandle-hover-textnull
Description
The text color of the hovered Slider drag handle.
+
$kendo-slider-draghandle-hover-bordernull
Description
The border color of the hovered Slider drag handle.
+
$kendo-slider-draghandle-hover-gradientnull
Description
The gradient of the hovered Slider drag handle.
+
$kendo-slider-draghandle-pressed-bgnull
Description
The background color of the active Slider drag handle.
+
$kendo-slider-draghandle-pressed-textnull
Description
The text color of the active Slider drag handle.
+
$kendo-slider-draghandle-pressed-bordernull
Description
The border color of the active Slider drag handle.
+
$kendo-slider-draghandle-pressed-gradientnull
Description
The gradient of the active Slider drag handle.
+
$kendo-slider-draghandle-focus-shadownull
Description
The shadow of the focused Slider drag handle.
+
$kendo-slider-transition-speednull
Description
The transition speed of the Slider.
+
$kendo-slider-transition-functionnull
Description
The transition function of the Slider.
+
$kendo-slider-draghandle-transition-speednull
Description
The transition speed of the Slider drag handle.
+
$kendo-slider-draghandle-transition-functionnull
Description
The transition function of the Slider drag handle.
+
$kendo-slider-track-bgnull
Description
The background color of the Slider track.
+
$kendo-slider-selection-bgnull
Description
The background color of the Slider's track selection.
+
$kendo-slider-disabled-opacitynull
+
$kendo-slider-tick-horizontal-image"data:image/gif;base64,R0lGODlhAQC0AIABALi4uAAAACH5BAEAAAEALAAAAAABALQAAAIWjIGJxqzazlux2ovlzND2rAHgSIZWAQA7"
Description
The background image of the horizontal Slider tick.
+
$kendo-slider-tick-vertical-image"data:image/gif;base64,R0lGODlhtAABAIABALi4uAAAACH5BAEAAAEALAAAAAC0AAEAAAIWjIGJxqzazlux2ovlzND2rAHgSIZWAQA7"
Description
The background image of the vertical Slider tick.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-split-button.md b/packages/utils/docs/customization-split-button.md new file mode 100644 index 00000000000..3ffd4ff3a8e --- /dev/null +++ b/packages/utils/docs/customization-split-button.md @@ -0,0 +1,128 @@ +--- +title: Customizing SplitButton +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_split-button +position: 9 +--- + +# Customizing SplitButton + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-split-button-focus-shadownull
Description
The focus shadow of the SplitButton.
+
$kendo-split-button-arrow-padding-xnull
Description
The horizontal padding of the arrow Button.
+
$kendo-split-button-sm-arrow-padding-xnull
Description
The horizontal padding of the small arrow Button.
+
$kendo-split-button-md-arrow-padding-xnull
Description
The horizontal padding of the medium arrow Button.
+
$kendo-split-button-lg-arrow-padding-xnull
Description
The horizontal padding of the large arrow Button.
+
$kendo-split-button-arrow-padding-ynull
Description
The vertical padding of the arrow Button.
+
$kendo-split-button-sm-arrow-padding-ynull
Description
The vertical padding of the small arrow Button.
+
$kendo-split-button-md-arrow-padding-ynull
Description
The vertical padding of the medium arrow Button.
+
$kendo-split-button-lg-arrow-padding-ynull
Description
The vertical padding of the large arrow Button.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-splitter.md b/packages/utils/docs/customization-splitter.md new file mode 100644 index 00000000000..634b8e81f02 --- /dev/null +++ b/packages/utils/docs/customization-splitter.md @@ -0,0 +1,228 @@ +--- +title: Customizing Splitter +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_splitter +position: 9 +--- + +# Customizing Splitter + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-splitter-border-widthnull
Description
The width of the border around the Splitter.
+
$kendo-splitter-font-familynull
Description
The font family of the Splitter.
+
$kendo-splitter-font-sizenull
Description
The font size of the Splitter.
+
$kendo-splitter-line-heightnull
Description
The line height of the Splitter.
+
$kendo-splitter-bgnull
Description
The background color of the Splitter.
+
$kendo-splitter-textnull
Description
The text color of the Splitter.
+
$kendo-splitter-bordernull
Description
The border color of the Splitter.
+
$kendo-splitter-splitbar-sizenull
Description
The size of the Splitter split bar.
+
$kendo-splitter-drag-handle-lengthnull
Description
The length of the Splitter drag handle.
+
$kendo-splitter-drag-handle-thicknessnull
Description
The thickness of the Splitter drag handle.
+
$kendo-splitter-drag-icon-marginnull
Description
The margin of the Splitter drag handle icon.
+
$kendo-splitter-collapse-icon-padding-xnull
Description
The horizontal padding of the collapse icon in the Splitter.
+
$kendo-splitter-collapse-icon-padding-ynull
Description
The vertical padding of the collapse icon in the Splitter.
+
$kendo-splitbar-bgnull
Description
The background color of the Splitter split bar.
+
$kendo-splitbar-textnull
Description
The text color of the Splitter split bar.
+
$kendo-splitbar-hover-bgnull
Description
The hover background color of the Splitter split bar.
+
$kendo-splitbar-hover-textnull
Description
The hover text color of the Splitter split bar.
+
$kendo-splitbar-selected-bgnull
Description
The selected background color of the Splitter split bar.
+
$kendo-splitbar-selected-textnull
Description
The selected text color of the Splitter split bar.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-spreadsheet.md b/packages/utils/docs/customization-spreadsheet.md new file mode 100644 index 00000000000..16dd6610193 --- /dev/null +++ b/packages/utils/docs/customization-spreadsheet.md @@ -0,0 +1,848 @@ +--- +title: Customizing Spreadsheet +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_spreadsheet +position: 9 +--- + +# Customizing Spreadsheet + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-spreadsheet-border-widthnull
Description
The width of the border around the Spreadsheet.
+
$kendo-spreadsheet-font-familynull
Description
The font family of the Spreadsheet.
+
$kendo-spreadsheet-font-sizenull
Description
The font size of the Spreadsheet.
+
$kendo-spreadsheet-line-heightnull
Description
The line height of the Spreadsheet.
+
$kendo-spreadsheet-bgnull
Description
The background color of the Spreadsheet.
+
$kendo-spreadsheet-textnull
Description
The text color of the Spreadsheet.
+
$kendo-spreadsheet-bordernull
Description
The border color of the Spreadsheet.
+
$kendo-spreadsheet-header-bgnull
Description
The background color of the Spreadsheet header.
+
$kendo-spreadsheet-header-textnull
Description
The text color of the Spreadsheet header.
+
$kendo-spreadsheet-header-bordernull
Description
The border color of the Spreadsheet header.
+
$kendo-spreadsheet-header-gradientnull
Description
The gradient of the Spreadsheet header.
+
$kendo-spreadsheet-table-header-bgnull
Description
The background color of the Spreadsheet table headers.
+
$kendo-spreadsheet-table-header-textnull
Description
The text color of the Spreadsheet table headers.
+
$kendo-spreadsheet-table-header-bordernull
Description
The border color of the Spreadsheet table headers.
+
$kendo-spreadsheet-table-header-gradientnull
Description
The gradient of the Spreadsheet table headers.
+
$kendo-spreadsheet-action-bar-border-widthnull
Description
The border width of the Spreadsheet action bar.
+
$kendo-spreadsheet-action-bar-padding-ynull
Description
The horizontal padding of the Spreadsheet action bar.
+
$kendo-spreadsheet-action-bar-padding-xnull
Description
The vertical padding of the Spreadsheet action bar.
+
$kendo-spreadsheet-action-bar-font-sizenull
Description
The font size of the Spreadsheet action bar.
+
$kendo-spreadsheet-action-bar-font-familynull
Description
The font family of the Spreadsheet action bar.
+
$kendo-spreadsheet-action-bar-spacingnull
Description
The spacings of the Spreadsheet action bar.
+
$kendo-spreadsheet-formula-bar-gapnull
Description
The gap of the Spreadsheet formula bar.
+
$kendo-spreadsheet-formula-input-padding-xnull
Description
The horizontal padding of the Spreadsheet formula input.
+
$kendo-spreadsheet-formula-input-padding-ynull
Description
The vertical padding of the Spreadsheet formula input.
+
$kendo-spreadsheet-formula-input-line-heightnull
Description
The line height of the Spreadsheet formula input.
+
$kendo-spreadsheet-formula-bar-icon-paddingnull
Description
The padding of the Spreadsheet formula bar icon.
+
$kendo-spreadsheet-view-font-familynull
Description
The font family of the Spreadsheet view.
+
$kendo-spreadsheet-view-font-sizenull
Description
The font size of the Spreadsheet view.
+
$kendo-spreadsheet-selection-bgnull
Description
The background color of the Spreadsheet selection.
+
$kendo-spreadsheet-selection-textnull
Description
The text color of the Spreadsheet selection.
+
$kendo-spreadsheet-selection-bordernull
Description
The border color of the Spreadsheet selection.
+
$kendo-spreadsheet-selection-shadownull
Description
The shadow of the Spreadsheet selection.
+
$kendo-spreadsheet-single-selection-bgnull
Description
The background color of the Spreadsheet single selection.
+
$kendo-spreadsheet-single-selection-textnull
Description
The text color of the Spreadsheet single selection.
+
$kendo-spreadsheet-single-selection-bordernull
Description
The border color of the Spreadsheet single selection.
+
$kendo-spreadsheet-partial-selection-bgnull
Description
The background color of the Spreadsheet partial selection.
+
$kendo-spreadsheet-active-cell-bgnull
Description
The background color of the Spreadsheet active cell.
+
$kendo-spreadsheet-active-cell-shadownull
Description
The shadow of the Spreadsheet active cell.
+
$kendo-spreadsheet-auto-fill-bgnull
Description
The background color of the Spreadsheet auto fill.
+
$kendo-spreadsheet-auto-fill-textnull
Description
The text color of the Spreadsheet auto fill.
+
$kendo-spreadsheet-auto-fill-bordernull
Description
The border color of the Spreadsheet auto fill.
+
$kendo-spreadsheet-auto-fill-shadownull
Description
The shadow of the Spreadsheet auto fill.
+
$kendo-spreadsheet-auto-fill-punch-bgnull
Description
The background color of the Spreadsheet auto fill punch.
+
$kendo-spreadsheet-cell-padding-ynull
Description
The vertical padding of the Spreadsheet cell.
+
$kendo-spreadsheet-cell-padding-xnull
Description
The horizontal padding of the Spreadsheet cell.
+
$kendo-spreadsheet-cell-editor-line-heightnull
Description
The line height of the Spreadsheet cell editor.
+
$kendo-spreadsheet-cell-editor-padding-xnull
Description
The horizontal padding of the Spreadsheet cell editor.
+
$kendo-spreadsheet-cell-editor-padding-ynull
Description
The vertical padding of the Spreadsheet cell editor.
+
$kendo-spreadsheet-cell-editor-bgnull
Description
The background color of the Spreadsheet cell editor.
+
$kendo-spreadsheet-cell-editor-textnull
Description
The text color of the Spreadsheet cell editor.
+
$kendo-spreadsheet-cell-editor-bordernull
Description
The border color of the Spreadsheet cell editor.
+
$kendo-spreadsheet-resize-handle-bgnull
Description
The background color of the Spreadsheet resize handle.
+
$kendo-spreadsheet-cell-comment-bordernull
Description
The border color of the Spreadsheet cell comment indicator.
+
$kendo-spreadsheet-cell-dirty-bordernull
Description
The border color of the Spreadsheet cell dirty indicator.
+
$kendo-spreadsheet-sheets-bar-padding-xnull
Description
The horizontal padding of the Spreadsheet sheets bar.
+
$kendo-spreadsheet-sheets-bar-padding-ynull
Description
The vertical padding of the Spreadsheet sheets bar.
+
$kendo-spreadsheet-sheets-bar-border-widthnull
Description
The border width of the Spreadsheet sheets bar.
+
$kendo-spreadsheet-insert-image-dialog-border-stylenull
Description
The border style of the Spreadsheet image Dialog.
+
$kendo-spreadsheet-insert-image-dialog-border-widthnull
Description
The border width of the Spreadsheet image Dialog.
+
$kendo-spreadsheet-insert-image-dialog-text-margin-bottomnull
Description
The bottom margin of the Spreadsheet image Dialog.
+
$kendo-spreadsheet-insert-image-dialog-preview-widthnull
Description
The width of the Spreadsheet image Dialog preview.
+
$kendo-spreadsheet-insert-image-dialog-preview-heightnull
Description
The height of the Spreadsheet image Dialog preview.
+
$kendo-spreadsheet-insert-image-dialog-preview-img"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAcwAAAGQCAYAAAAjl1AKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphMGVmMzZmZi04YmI1LTRlN2YtOTcwMS04OTU5ZTg1N2ZhY2MiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDNDOTBDNUQ2OUJGMTFFOTkwMzY4RTI3NjZBQTdENkMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDNDOTBDNUM2OUJGMTFFOTkwMzY4RTI3NjZBQTdENkMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpjMmZmZjM0Mi05NjEyLTQwM2YtYWZhYS01MTE1ZjQ2NThmMWMiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDphYjlhMmUwMy1kNmIwLTY3NGMtODc4ZS0yMjUzMjdkNDI5OTciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz68UHLbAAAgpElEQVR42uzd2ZNc9dnY8TOL9gU0IAkjgwpkI8QOQmI1FS+FHW9VLt/7wpWb900qKV+lTL3vTZzElSvnJilfvM4fkQunfEOw2LUgiUUsNhiMAFsjtIzQrpmJnhOdoaent+np5SyfT1XXiJ4R0hz19Lef31l6ZHZ2NgEAWhu1CQBAMAFAMAFAMAFAMAFAMAFAMAFAMAEAwQQAwQQAwQQAwQQAwQQAwQQAwQQAMuP9/gNGRkZsZQAGop/v8WzCBIA8TJj9GFr9swGUYyAUTHEEoLvn+NxGdLwgG1BEAaoxYY7kNZ55C+bIEu4DoFixHGkT0JE8RTMvwWwXxRHBBKhMQGcbPN8PPZx5COZIh6EcEU+AQgex2fRYH8tm4RxqNIcdzGbxa/dROAGKOT3WhnCk5nOzTX5PbqI5zGB2Estmv24XTwDyO2HOtohi/f25ieawgtkqlvW/HukgnqIJULxY1v96tsV0OvRo5mkfZn0YR5tEs920CUB+o9kokvW3mQ6iWYkJc6RNLOtvo7/85S/X/eIXv/jntWvX/mjZsmVfGRsbG3eNWoCClvOq6enpy1f9/Ysvvvjfv/nNb/7zr3/96zM1oRxN2u/THHhAR/p5odr0D1gYtvpg1kdztObj6N///vf/NDEx8e/Gx8eXeZgBlM+VK1cunzhx4n9u3rz5n65Fc6Zm0my0dFs/tdbGuG9/z2FefL1ROOdi+ZOf/GTl1NTU/920adMvxBKgvOI5/upz/X+I5/x47q8bnEaSnByvMugJs1EkRxoEcyw23Lp16x72UAKojjNnzuxfv379N6/+crrBlDnbbsos44TZ7Mo+aTSPHTv2X8USoHriuT8a0GS6HOqUOewl2QW3OMBnYmLiHz1sAKopGhAtSFqfJTH4aA1pSbbRUmx6m5yc/O833njjv/GQAaiu48eP/6+NGzf+++TLg4AaLc0mSQWWZJuN1iNr1qz5vocKQLVdbcG/TnJ2cZpBBrPV1Xnmps1ly5Zt8lABqLarLdiYNL9YTbOmlCaY9fFsdHm8kbgogYcKQLVda0HTVpR9wuwonq7gA0CD418qtSTbzdQJQIW7macujOZgYwBA7psxmrONIKAA5LIN42XaIFeuXEmmpqaSixcvJjMzMx5qAMOYxEZHkxUrViTr16+P68T2shGVe3uvvohYTk5OCiXAkMXz8Pnz59PhZePGjb2IZj5eCJTlHygmS7EEyFc447m5NJNzWb6ReCUDQL5cuHBBMPP4SgaAfOn39coFEwBypjQH/bhCEAAmTAAQTAAQTAAQTAAQTABAMAFAMAFAMAFAMAFAMAFAMAFAMAFAMAEAwQQAwQQAwQQAwQSAAhkvyzcyMjLiXxMAEyYACCYACCYACCYACCYAIJgAIJgAIJgAIJgAIJgAIJgAIJgAIJgAgGACwBJ5ey8AMGECgGACgGACgGACgGACgGACgGACAIIJAIIJAIIJAIIJAIIJAKXg4usAYMIEAMEEAMEEAMEEAMEEAMEEAMEEAAQTAAQTAAQTAAQTAAQTAErBxdcBwIQJAIIJAAMzbhMA9cbGxpLx8fH0Fr8eHR1NP8auj+wWZmdn527T09PJzMxM+vHKlSvpLX4NggmUKpDLly9Pb8uWLUsD2YnaeMb/o14E9PLly8mlS5fSm4AimEDhRBRXrlyZ3mKSrHXmzJnk5MmTyalTp5IvvvgivV28eDG9RfQigukTyLUpdMWKFWls165dm96uv/76ZMOGDcn69evTz8UtxNR54cKF9BYxBcEEcivCtmrVqrmIZYGcnJxMPv300+Rvf/tbGsZMLLc2ky29nj9/Pv3vY8eOzft8/Bk33XRTsmXLlmTTpk3JunXr5qIaf0b8vpg8oQhGWv0w9OQP+PJ0j5Gaj9lttOYW6zljV/8+J7v5c+p/UIFkQbzWrFkzb5r88MMPk7/85S9pKOt18tzQ6msafe7mm29Otm3bltx2223zonv27Nl5kaZc4sVSl/3YcPXD9LXbTM1ttuaW1HxM+tk0wYSSi32SMdHFx5BNku++++7c0mqvItlpROPvsmPHjrnJM8TfJZZ+6/9OCKZgCib0VeyjjFDGPsrw+eefpxPlO++80/NpsptpM3PXXXelE+eNN96Y/nfs34xw2scpmIIpmNB3sfwa+wuzo13/9Kc/JXv37h1oJFt9vtH9jz32WLJ9+/b01xHL2K9qmVYwBVMwoW8/bxHKbKr8+OOPkwMHDqT7CPMwTbb7XEzEu3fvTrZu3To3bUY4+/08hWAKJlRInAcZp3HE/sE49ePgwYPpfsphT5OLnTRD7N/ctWtX+j3FPs2pqSnncArm0IPptBIogYjkddddly7BxkE9L7/8cseT2bCmyVb3HzlyJDl69Gjy1FNPpU+2cU7n6dOnHRDEUJVmwownCaiiOK8yJsv4WfvrX/+avPTSS+mpGkWZJlt9LibMiGYcFBRfE5Om8zaLZ+PGjaWYMF18HQosDu7JYvn+++8ne/bsaRnL7Lqv3Xy+9rqx3Xyu099Te398L88++2zy3nvvpd9jduUgGAZLslDgyTIO8ImQ/PnPf05eeeWVQk+Tre6PFwLxMY6ije85fm3SZNBMmFDEV7rj43OTZbNYFm2abHf/888/nx7ElE2a9de/BcEE5v/Qjo6mB/hky7D1sew2hJ3+3l4GdLH3x6SZLc9mBzmBYAILZNNVhOKjjz5Kj4btVQjzNE22uv+5555LPvjgg3kvHGAQxsv0RAJlFxdPj1NI4jJ3EctBnxLS632Tnd7fKJqxLTZv3pxe7CAupQcmTCCVvS1XiGXYZuckLnVizNM02ey++N4jmnExg7iqkSNnEUwgFSsoMUmF2Id34sSJjqPWj8/18/5O4xlvbp3tv41p0yoTggmkQYh9dnFt2FdffbWjqbCbyXCQU2Mn02S7qL7xxhvp+3nGtoltBIIJFRanT2QXU9+3b1/HU+FiJr28TpOdRPXFF19MP8Y2cqoJggkVVrsUGwe3DOKUkF6dKtLLabLZ/XHN3LfeemvetgLBhIqJg1liaoqjYltdnGBQ50cOI4jtvjZ+/cc//jF9x6LYVg4AQjChgrKjYuO8w35Nk0sJaK+j2s3XZuJNsmu3GQgmVEScRhITU0xOb7/9du5PCRnENNnqaw8dOpR89tln6TaLbQeCCRWRHejzySef5PpydYOcJuuXYuvvi7c3q912IJhQ9h/M0dH0ij7hnXfeyd00OYggtvvaRvcdPnx4bjp3nVl6zaXxIIfiwJV4TMf1YrO3scr75ery8LWxreIdTeJtwGLKPH/+vAcTJkwoezBDHOxjmmy/FFt7fwSzdhuCCRPK+ip2dDQ9cGVqaiqdMAc5NRZpmmx2X2yzuGze9ddfn27LmZkZDypMmFBG2RGecXTsoKfGok2TzX7/p59+Om9bgmBCCWUH+xw9ejT3R7q2+38sNZ7d/v4PP/xw3raEXrAkCzkNZjYl1YahmaUudy72/n4spfby98dF6gUTwYQSGxsbS4+Ojf2XFy9e7Hv4ihrEdvfF0bHZfszYpvG+mSCYULJghtOnTw88fGWL5+TkZBrMOIBKMOkF+zAhh8GM6ag+BHm++Hke92MeP3583jYFEyaU6RXstavTxIRpmlza12bb0BV/EMw6rvRDKX4gr70BcuzDbDRFDTuIRYpnbMNswvT8gGBCyWRP7OfOnRPEJX5ttg3FEsGEEgfzwoULhb/izrDjmV1HVjARTChxMOsv5yaei//aK1euCCaCCWUPZrzrhiAu/Z1LBBPBhJJbygE/4tn6qkggmFCSUMZEFJd0u3z5cqGClLe/a3bhdfFEMKHEwYxTIbIlxbIEbdDnlGYXLBBMBBNKGsxsOsqO8ixj/AYRz5UrVwomggllD+bq1asXXB4vD0Ea9u9fzP8jtqFg0kuuGQU5kl0kfP369fNiMKjrr/bjWrG9vNbsYq6Zm21DF17HhFnHoeOUQXb+5XXXXVf5pdil/j9iG2bb1PMDggklnTA3bNhQyCAO+mtb3b9x48Z5L0JAMKGEwYz3cazaOZK9jmcWzOyKPyCYUCIxDcWTfiwnxlGecU3ZPMQv79Nk/f2rVq1KJiYm0vtNmPSKg34gZ+KCBWHLli2FPDCn26/t9v/R6P9z6623ztuWIJhQQtkSYvak30lMlhq0QQSxl0fAtro/brfddtu8bQm9YEkWcjphfuUrX6nc1Xl6df9Xv/pVEyYmTCi72OcWB//Efsxt27a1nMSKuhTbr/tDTJc33HBDug3tv0QwoeSy68h+/etfL/xS7CDvj9s999wzbxtCr1iShZwGM470jAkzrivbi/fHHPTyar+XYht9LrbV3XffLZiYMKEqYikx2/9233335XqaHNaU2ehzDz/8cPoxtp3lWASTwjt+/LiN0IGLFy+mH7du3drz+PU6fIPYN9ns/trP3X777fO2HfSSa8ky8Fg+//zzyZNPPpls2rTJBmkhTomIA1fiaNkHHnggOXjw4IJINApHs6AM6msHcX+jz+3evTu55ZZb0m0W285zAiZMCh3LPXv2pO/zGNE8duyYjdJGdqWfOPin22kyr0fALnaKbfe5u+66a942A8Gk8LHMntREs73YFxcT00033ZR885vfzEUQlxq9pQS02ee+973vJTfffHO6rZx7iWBSmljWTk+i2d65c+fSj/fee2+ybt26wl6urpcBrf1cvO/lQw89NG9bgWBSyFhGFOtjKZqdi6kpO0XiqaeeGug02cvL1fXi9zT6fU8//XT6MbaRN4tGMCl0LNu96s+iOTk5aaM1ES84IhJf+9rXkm9961uluMBAN9Nk/ed37dqVbN++Pb2/2YsyEExKEcvaaMayrWgmTYORbcs4LzN7r8eiXK6uV9NkrXiT7XjxUPuCAgSTQsYynsTi0P5Ob3HunEmzuTiYJTu/8Dvf+U4yPj5eqWmy9vPxvf/4xz9OP8ZSrKv6IJgUOpbdsDzbfvtkR81+97vfXXTI8nKBgW4/l30+YhnvSBLbwlIsgkkhY/nCCy8s+QlMNJuLYJw9ezb9eMcdd8xFMy9TZi8/1+zPi1ju2LFj3raAQRjp94Ot5mobIzUfs9tozW0sblf/Pie7+XNOnz7tX3OIIm69iGWtlStXuiJQE2NjY8maNWvSn6833ngj+cMf/tAwNs0i1Iv7h/G5H/7wh+lVj7JYOiq2GOKt6rrsx4arH6av3WZqbrM1t6TmY19fQJkwyWUss0kz/r9OOVkoQhEHAcWTQ5yfWTtplmmarPWDH/xgLpbxvYslgyaYLEm2DBtxW8wBPos5EEg0G4vrpWZHh0Y042o3ebtcXSch7OTzP/rRj5IHH3xw7vSR+N5BMClULGNfY7+v3SmazcWRs9mkGW+cnB05mofL1S31SNjsaNif/vSnyf333z83Wbr0HcNiHya5jmWtFStW2KfZRO0+zU8++ST5/e9/n5w8eXIuPq2mt8Xcv5TPLfbzExMT6QuAeAcS+yyLrSz7MAWTrmLZj32WncgOBMpO3OdLo6OjyerVq9N4Rliee+65ZP/+/T0J3lJC2M3vjSv4fPvb306WLVs2t7/WG0ILpmAKpliKZk9/3mL7LF++PP3v9957L3n22WfTn488T5O1T6xxbdg777wz/e+4IEGsYjh1RDAFUzALGcs8vN9gtjwrmo3FZLZq1aq5n7948+n6U0+GMU22+prvf//7yc6dO+e+Jl6U2V8pmIIpmGIpmgOfNj/99NPk7bffTvbu3ZuLaTLzyCOPJHfffXeyZcsWU6VgCqZgFtvnn38+9GVY0exeHGka4Yx9m+Ho0aPJBx98kOzbty+NU7+WZFt9Tfy77d69O9m2bVt6UE+IfZURSqeMCKZg9jmYU1NTHpV9nCzzfL3OiMETTzzh6NkOwhmhysIZ3n333eTNN99MPw5imox9k3H6S1zaLhOhjFOHhLK84k2+BVMwxVI0CxnO2McZt9pVhI8//jh5//33k48++mjBv3m302TsR926dWv6Pp633nprcsMNN8x9LvZPxk0oBVMwBbPwsXzxxRcL9U4QlmcX/7OZhbN26swCGheKiNupU6fSW5zakV1lJ3s7rez3xwuWOA/0+uuvT2/xb7B58+Z5gcymySyU9lEKpmAKpljmYNIUzcWJczhj8oxwxsean9slieeXCGyEMj46l1IwBVMwSyMmi4hlTBNFJZq9CWjEMz5mt+z6vrU/19nzR3YpuwhidotICiSCKZiljmUZ3pA3lmdFEwSzpy8k/VNStliGOOoyvh9vQg0IJmLZQTRfeukl0QQEE7FsJ06EF01AMFlyLCMm/Xrz57zcskkzjv4FEEy6imVZJ8t62T5N0QS6VZqjZM+cOeNfcxGxLPMybCtxysnjjz/u6FkYoHXr1nXbD0fJIpbDYp8mYMI0YXYcyzy9RdewxHmaJk0wYZowaRjL7AAfnHICCCYtYlnVZdhW0Xz55ZdFExBMxLKdmLgjmo6eBdqxD7PETpw4IZYdyvZp3njjjTYG9Jh9mIhlibi4AVCZCfOLL77wr3mNA3yWNmk+9thjjp6FHlq7dq0JE7Es46TpQCBAMCsQy3iyF0vRZPg8fgSTnMfSPsveRfOVV17xpEdXYl/4888/nxw7dszGKBH7ME2WtJDt03T0LIuJ5Z49e9IXr3Ht4m984xvJpk2bKr1N7MMkF+JoWLHs76TpPE26iWWIn0uTZnkIplgimvQhlhnRFExyEkv7LEWTfMQyotjszdjj8fPCCy+IZsHZh2myZBFin+ajjz5qnyYLYtnJi9fYp/nkk09Wbp9mWfZhliaYZ8+ercQDzwE++YmmixsQR1F3GsvaaFbtQKA1a9aUIpiWZAsWyzjVQSyHyykn1May2TJss1s8fuzTLCbBLFgs7bMUTfIVy24fP6JZPJZkC8A+y/yyT7OasYwDeHrx4rUq+zQtySKWzE2ajp4Vy27Ez7WjZ4tDMMUS0WQIsRTN4rEkm+NYOsCnWGJ59pFHHrE8W0K151n2SyzPPvHEE6VcnrUki1iyYNJ89dVXTZpi2fWk+eKLL5o0c0wwxRLRZMixFE3BRCxFk0LHMvYtDvrnUTTzqzT7MM+dO1fof4g4zzKeZMWyPOzTLK5+HeCzGGU65WT16tXd9sM+TMTSpEneY7nYK/j0+haPH5NmvgjmkMUyrFiWO5p79+4VzQLGMg8sz+aLJVmxZABieXb37t2WZ3Ms22eZx8tPFv2UE0uyiCUmTbE0aVaIYIolA4zmvn37RFMsRVMwEUs6edITzfzFctgH+DgQqBjswxxwLGNZTizJ9mnecMMNNsYQYxnxKeJb5mX7NIvyJub2YSKWdC3bpxmnFDF4sd0jlkWZLJtNmt6P1YRZugnz5MmT6TJsPMih1vLly02aQ4plGd6MPSbNxx9/PPeTZlkmzNIEM68PfpMl7cTy7K5du5xyMgBFXoZtF808n3KyatWqUgTTkqxYMmSOnhXLpYjnl5deesny7ACYMPscS8uwdMrybP9jWeYXr7FSkdcDgUyYiCU9denSJQcC9SmWMYGVfaUnnm9Mmv0lmH2IZSyviSXdRjMeP6LZ21iWbRm2Gcuz/WVJVizJoViejQOBLM+KZTfydvRsWZZkBVMsEc3SqT3Psqpin2ZeomkfJnPiPMv9+/eLJT0Vy7PxuLI8K5bdiOejl19+2fKsCTM/E2bE0mRJvyfNhx9+2KQpll2J5dnHHntsqJOmJVnBFEsGGs1Ynp2YmLAxWsSyCkfDdiNbnh3WxTEsyVacWDJI2fJs7CtHLBcrO+XExTFMmKlB/qDEk5Z9lgxr0rQ8O19VzrPshWEtz8afa8KsILEkD5OmA4HEstvBwoFAJsyB/MBYhiUvYp/Uzp07Kz1pWoZd2uNnkJOmCbNixJI8icfhgQMHKjtpiuXSHz8mTRNm32JpGZY8in2aVZs0xbK3k9+jjz7a90nThFmhyVIsyavYpxmTZlWOno1YxmQklr0R2/GVV15x9KwJUyyp1qQZR8+W+TxNseyfbJ9mv87TLMuEKZgtYhmv3MWSIkUzlmfLGE2xLHY0LcmWmFhSRGVdnhXLwcgOBLI8K5hiiWgWUHwfsY9NLAcXTfs0W0y8lmS/dOrUqXSfZTzpQJHF8uxDDz1U6OXZiKXJcjhieTaOnu3V8qwl2ZKJWMYrc7GkLJPmwYMHCztpiqVJM48EsyaWlmEp25NeEaMplqKZV6VZku02drHP8rXXXhNLSqtIy7NxgE88SQ/r/W1ZKLu4wVKWZ2OJt8t+OK0kL8EUS6oinrAefPDBXEczi6XJMp+Pn6VEsyzBrOySrFhSJXlfnhXL/D9+LM9WdMKMfZZiSRXF8mzeJs3s1BHLsOWdNC3JFjSYYoknvRXJAw88kItoOs+ymI+fRx55ZFHRFMwCBjOLpVNHMGkuH3o0xbI60bQPs2AilrEPRyzh/5+neejQoXRf/rBi+eqrr4plQcWAEv9+VdunWYlgZrG0DAvDj2YWS/ssix/NvXv3VupNzEu/JCuW0Fq2T3PDhg0mS7p6/MTybKs3MbcPswDBPH36tH2W0IFsn2Y/oxmTrH2W1YymYOY8mBFLkyXkI5oRS5Nl+aO5e/fuhtF00E/ORJizm1jC4tXu06z9eVrqTSyroXafZv1joDSdKcuEmS27OhoW8jNp2mdZ3Umz9pSTeEyVYcIsVTAjlvEK2WQJw49mxDImDrGsZjR37do1F03BzFkwjx07lsbSZAm9sWzZsq6jKZbURrMswSzNPkyxhN66fPlycvjw4UWfpymWhFjp27dvX6nO0yxNMMUS+vNztZhoiiX10YzHQ1mMl+UbKdORWJDHSfP+++9vuTwbUY2JIp4k/TxSxmFm1D8n0Gk0m02acb/JkrITTKDjaL7++uvp0ehiiWACtBDLa0eOHEmmp6fFksqxDxPoWJxqct999yVjY2NzsbTPEhMmQF0sd+7cmaxdu3beAT4gmADXxInnEct169bNxdIyLFVjSRZoO1k+9NBDaSzjPEuxRDABWsQyJsv9+/fbZ0llWZIFOoqlyRITZkl4xQu9j2XtAT5iiWACtImlZViwJAu0iGW2zxKwJAtkTwbj4wtiaRkWShhMYGmT5YMPPpjGMq4V62hYWMiSLIjlvFi6gg+UfML0Shi6eAIYH284WQIlDiaw+MnygQcesAwLJkygVSzvv//+BVfwAUyYQIPJUixBMIEOYnngwIH0TaGt0ECFgukHHtrHMpZha2NpsoTOOa0ExBKo0oQJtI9lHA372muvWYaFKgfTDz80+AEfH58XS5MlCCbQYLK877775k4dMVnC0tiHCRWJpckSTJgpr5rh2g/1+LhYgmACnUyW2dGwBw8eFEsQTKCTWFp9AcGcx5MClf5BvrYMa7KE/nHQD4glUKUJE6oolmHvvffeufMsDx065NQRMGECrWJpsgQTZke8oqZSP7jj42IJggm0myzvueeeebG0DAuCacKEusmyUSwBwQRqYhnLsGvWrJl3gA8wGA76gYLG0j5LMGECNbJ9llksDx8+bJ8lCGb3PHlQ1smyPpYmSxgOS7JQgFiePn1aLMGECdSLZdi777577mhYy7AgmD3jiYQyTZb1sTRZgmACdbG0zxIEE2ghW4Z1NCwIZl95UqHok2WjWAL54ShZyFksX3/9dbEEwQSaxTJOHYlY2mcJOf15tQkgH7G0zxIEcyA8yVC0WN51110LYgkIJtAklrEMe/nyZS/6IOfsw4Qhx9JkCSbMgfLqnKLEcvXq1WIJggl0Ess33njDMiwUjCVZGEIsTZZgwhwar9TJayx37NghlmDCBDqN5ZtvvimWYMI0YUJ9LO+8884FsfQ4BRMmUDdZxqkjU1NTyVtvvWWyBBMm0CiWJksQzNzyhEQeYtloGRYoB0uy0IdYWoYFwQQ6iKW36ALBBMQSqvnzXpZvxD5MhhHL7du3L1iG9VgEE2aujY2N+ddkKLGMU0eOHDlinyWU/Lm5NBPm+vXrk5MnT3p0MvBYmiyhuYmJCcHMm1tuuSU5c+ZMMj097RFKX18tN4ol0PjF5W233Vaa72dkdna2v3/Al6+6R2o+ZrfRmlvM7WNX/z5dj4kXLlxIjh49mj6RCSf9+OG/4447xBI6eGEZk2XEMn5eltCPDVc/TF+7zdTcZmtuSc3HpJ9Ny0MwR67FMn49vpRgAlAe14J55Vokp6+FcWjBzMtBPwu+aQAqL1dtGM3JxgCAXDdjNGcbQkAByGUXRvO2Qaanp0UToOJmZmZyF85hBbPRN5/ed+UqDxWAart8+fKVVq0oezAb7bydrdsAsxcuXJj0UAGotnPnzk0mLY6GTYZwQFBelmTnfn3mzJnfe6gAVNupU6f+T5NADk2eTitJb7/97W//+eoo7qoDABV16dKl6d/97nf/1GDCHKpBXrgg/c8GHxdc9efEiRP/bcOGDf/Wwwagej744IP/sW3btv+YdHZ1n3kRK8uVfmpDWR/LBVf+OX/+/HMrV67c6aEDUB3Hjh07sHnz5n+VNL+yT/3EObBgDnpJttnRTvW3mZ/97GdPX7hw4S0PH4BqmJycPPLzn//86RaRnG3TlP4OgAOeMJtNmUndhDm3RHvixIn/snr16n9YsWLFMg8ngPK5Ohxd/uyzz357++23P5MsXIKdSRaeUdE0mGW/luxsk4kzvdjuxMTEM7/61a9uPXr06L9MTU19dunSpSv9jjwA/RMXJbh48eKVkydPfvbhhx/+yzPPPHPr1Vj+MvnyXUnaLr0OwzAmzEZTZu202ektafARgHxqdLDOYm5JJwHtZ9PGc7IRRxpsiFaRHGkRXgDyGctGwUzaBDI371gyPsSNN9Immo3imYglQKmimXQQyaEe7JOHCbNVNEeabKDa++sjKZoA+Y9lJ/HMXSyHHczFTpr1X18fTkcCAZQnnLmKZR6C2SyaSdJ+iTYXGxCAvsUzN7HMSzAbRbCTcAJQnmC2imIuGjCew4030mZDCShAeaOZu1DmMZiNNtBI3jcgAAONqGAuYsM5GhZAHAWzbBsYgHIYtQkAQDABoCf6viTrnUUAMGECgGACAIIJAIIJAIIJAIIJAIIJAIIJAIIJAIIJAAgmAAgmAAgmAAgmAAgmAAgmAAgmACCYACCYACCYACCYACCYAFB0/0+AAQDHHxQEMMRIrwAAAABJRU5ErkJggg=="
Description
The image of the Spreadsheet image Dialog preview.
+
$kendo-spreadsheet-insert-image-dialog-preview-bordernull
Description
The border of the Spreadsheet image Dialog preview.
+
$kendo-spreadsheet-insert-image-dialog-preview-border-radiusnull
Description
The border radius of the Spreadsheet image Dialog preview.
+
$kendo-spreadsheet-insert-image-dialog-preview-overlay-shadownull
Description
The shadow of the Spreadsheet image Dialog preview.
+
$kendo-spreadsheet-insert-image-dialog-preview-overlay-border-radiusnull
Description
The border radius of the Spreadsheet image Dialog preview overlay.
+
$kendo-spreadsheet-insert-image-dialog-overlay-hover-textnull
Description
The text color of the hovered Spreadsheet image Dialog preview.
+
$kendo-spreadsheet-drawing-handle-widthnull
Description
The width of the Spreadsheet drawing handle.
+
$kendo-spreadsheet-drawing-handle-heightnull
Description
The height of the Spreadsheet drawing handle.
+
$kendo-spreadsheet-drawing-handle-border-stylenull
Description
The border style of the Spreadsheet drawing handle.
+
$kendo-spreadsheet-drawing-handle-border-widthnull
Description
The border width of the Spreadsheet drawing handle.
+
$kendo-spreadsheet-drawing-handle-outline-colornull
Description
The border color of the Spreadsheet drawing handle.
+
$kendo-spreadsheet-drawing-handle-border-colornull
Description
The outline color of the Spreadsheet drawing handle.
+
$kendo-spreadsheet-drawing-handle-bgnull
Description
The border color of the Spreadsheet drawing handle.
+
$kendo-spreadsheet-drawing-handle-border-radiusnull
Description
The border radius of the Spreadsheet drawing handle.
+
$kendo-spreadsheet-drawing-outline-stylenull
Description
The outline style of the Spreadsheet drawing.
+
$kendo-spreadsheet-drawing-outline-widthnull
Description
The outline width of the Spreadsheet drawing.
+
$kendo-spreadsheet-drawing-anchor-bgnull
Description
The background color of the Spreadsheet drawing anchor.
+
$kendo-spreadsheet-dropzone-spacing-ynull
Description
The vertical spacing of the Spreadsheet DropZone.
+
$kendo-spreadsheet-filter-paddingnull
Description
The padding of the Spreadsheet filter.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-stepper.md b/packages/utils/docs/customization-stepper.md new file mode 100644 index 00000000000..b969b4a9199 --- /dev/null +++ b/packages/utils/docs/customization-stepper.md @@ -0,0 +1,728 @@ +--- +title: Customizing Stepper +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_stepper +position: 9 +--- + +# Customizing Stepper + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-stepper-margin-xnull
Description
The horizontal margin the Stepper.
+
$kendo-stepper-margin-ynull
Description
The vertical margin the Stepper.
+
$kendo-stepper-padding-xnull
Description
The horizontal padding the Stepper.
+
$kendo-stepper-padding-ynull
Description
The vertical padding the Stepper.
+
$kendo-stepper-label-margin-xnull
Description
The horizontal margin the Stepper label.
+
$kendo-stepper-label-padding-xnull
Description
The horizontal padding the Stepper label.
+
$kendo-stepper-label-padding-ynull
Description
The vertical padding the Stepper label.
+
$kendo-stepper-label-border-radiusnull
Description
The border radius of the Stepper label.
+
$kendo-stepper-border-widthnull
Description
The width of the border around the Stepper.
+
$kendo-stepper-inline-content-padding-xnull
Description
The horizontal padding of the Stepper content.
+
$kendo-stepper-inline-content-padding-ynull
Description
The vertical padding of the Stepper content.
+
$kendo-stepper-font-sizenull
+
$kendo-stepper-line-heightnull
+
$kendo-stepper-font-familynull
+
$kendo-stepper-bgnull
Description
The background color of the Stepper.
+
$kendo-stepper-textnull
Description
The text color of the Stepper.
+
$kendo-stepper-bordernull
Description
The border color of the Stepper.
+
$kendo-stepper-indicator-widthnull
Description
The width of the Stepper indicator.
+
$kendo-stepper-indicator-heightnull
Description
The height of the Stepper indicator.
+
$kendo-stepper-indicator-border-widthnull
Description
The border width of the Stepper indicator.
+
$kendo-stepper-indicator-border-radiusnull
Description
The border radius of the Stepper indicator.
+
$kendo-stepper-indicator-focus-border-widthnull
Description
The border width of the focused Stepper indicator.
+
$kendo-stepper-indicator-focus-sizenull
Description
The size of the focused Stepper indicator.
+
$kendo-stepper-indicator-focus-offsetnull
Description
The offset of the Stepper's focused indicator.
+
$kendo-stepper-indicator-focus-calc-offsetnull
Description
The calculated offset of the Stepper's focused indicator.
+
$kendo-stepper-indicator-bgnull
Description
The background color of the Stepper indicator.
+
$kendo-stepper-indicator-textnull
Description
The text color of the Stepper indicator.
+
$kendo-stepper-indicator-bordernull
Description
The border color of the Stepper indicator.
+
$kendo-stepper-indicator-hover-bgnull
Description
The background color of the hovered Stepper indicator.
+
$kendo-stepper-indicator-hover-textnull
Description
The text color of the hovered Stepper indicator.
+
$kendo-stepper-indicator-hover-bordernull
Description
The border color of the hovered Stepper indicator.
+
$kendo-stepper-indicator-disabled-bgnull
Description
The background color of the disabled Stepper indicator.
+
$kendo-stepper-indicator-disabled-textnull
Description
The text color of the disabled Stepper indicator.
+
$kendo-stepper-indicator-disabled-bordernull
Description
The border color of the disabled Stepper indicator.
+
$kendo-stepper-indicator-done-bgnull
Description
The background color of the Stepper's done indicator.
+
$kendo-stepper-indicator-done-textnull
Description
The text color of the Stepper's done indicator.
+
$kendo-stepper-indicator-done-bordernull
Description
The border color of the Stepper's done indicator.
+
$kendo-stepper-indicator-done-hover-bgnull
Description
The background color of the Stepper's hovered done indicator.
+
$kendo-stepper-indicator-done-hover-textnull
Description
The text color of the Stepper's hovered done indicator.
+
$kendo-stepper-indicator-done-hover-bordernull
Description
The border color of the Stepper's hovered done indicator.
+
$kendo-stepper-indicator-done-disabled-bgnull
Description
The background color of the Stepper's disabled done indicator.
+
$kendo-stepper-indicator-done-disabled-textnull
Description
The text color of the Stepper's disabled done indicator.
+
$kendo-stepper-indicator-done-disabled-bordernull
Description
The border color of the Stepper's disabled done indicator.
+
$kendo-stepper-indicator-current-bgnull
Description
The background color of the Stepper current indicator.
+
$kendo-stepper-indicator-current-textnull
Description
The text color of the Stepper current indicator.
+
$kendo-stepper-indicator-current-bordernull
Description
The border color of the Stepper current indicator.
+
$kendo-stepper-indicator-current-hover-bgnull
Description
The background color of the Stepper's hovered current indicator.
+
$kendo-stepper-indicator-current-hover-textnull
Description
The text color of the Stepper's hovered current indicator.
+
$kendo-stepper-indicator-current-hover-bordernull
Description
The border color of the Stepper's hovered current indicator.
+
$kendo-stepper-indicator-current-disabled-bgnull
Description
The background color of the Stepper's disabled current indicator.
+
$kendo-stepper-indicator-current-disabled-textnull
Description
The text color of the Stepper's disabled current indicator.
+
$kendo-stepper-indicator-current-disabled-bordernull
Description
The border color of the Stepper's disabled current indicator.
+
$kendo-stepper-label-textnull
Description
The text color of the Stepper label.
+
$kendo-stepper-label-success-textnull
Description
The success text color of the Stepper label.
+
$kendo-stepper-label-error-textnull
Description
The error text color of the Stepper label.
+
$kendo-stepper-label-hover-textnull
Description
The text color of the hovered Stepper label.
+
$kendo-stepper-label-disabled-textnull
Description
The text color of the disabled Stepper label.
+
$kendo-stepper-optional-label-textnull
Description
The text color of the optional Stepper label.
+
$kendo-stepper-optional-label-opacitynull
Description
The opacity of the optional Stepper label.
+
$kendo-stepper-optional-label-font-sizenull
Description
The font size of the optional Stepper label.
+
$kendo-stepper-optional-label-font-stylenull
Description
The font style of the optional Stepper label.
+
$kendo-stepper-progressbar-sizenull
Description
The size of the Stepper ProgressBar.
+
$kendo-stepper-progressbar-bgnull
Description
The background color of the Stepper ProgressBar.
+
$kendo-stepper-progressbar-textnull
Description
The text color of the Stepper ProgressBar.
+
$kendo-stepper-progressbar-fill-bgnull
Description
The background color of the selected Stepper ProgressBar.
+
$kendo-stepper-progressbar-fill-textnull
Description
The text color of the selected Stepper ProgressBar.
+
$kendo-stepper-content-transition-propertynull
Description
The property name of the Stepper transition.
+
$kendo-stepper-content-transition-durationnull
Description
The duration of the Stepper transition.
+
$kendo-stepper-content-transition-timing-functionnull
Description
The timing function of the Stepper transition.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-switch.md b/packages/utils/docs/customization-switch.md new file mode 100644 index 00000000000..63cfa55d631 --- /dev/null +++ b/packages/utils/docs/customization-switch.md @@ -0,0 +1,598 @@ +--- +title: Customizing Switch +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_switch +position: 9 +--- + +# Customizing Switch + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-switch-font-familynull
Description
The font family of the Switch.
+
$kendo-switch-track-border-widthnull
Description
The border width of the Switch track.
+
$kendo-switch-thumb-border-widthnull
Description
The border width of the Switch thumb.
+
$kendo-switch-label-text-transformnull
Description
The text transform of the Switch label.
+
$kendo-switch-label-displaynull
Description
The display of the Switch label.
+
$kendo-switch-sizesnull
Description
The map with the different Switch sizes.
+
$kendo-switch-off-track-bgnull
Description
The background of the track when the Switch is not checked.
+
$kendo-switch-off-track-textnull
Description
The text color of the track when the Switch is not checked.
+
$kendo-switch-off-track-bordernull
Description
The border color of the track when the Switch is not checked.
+
$kendo-switch-off-track-gradientnull
Description
The background gradient of the track when the Switch is not checked.
+
$kendo-switch-off-track-hover-bgnull
Description
The background of the track when the hovered Switch is not checked.
+
$kendo-switch-off-track-hover-textnull
Description
The text color of the track when the hovered Switch is not checked.
+
$kendo-switch-off-track-hover-bordernull
Description
The border color of the track when the hovered Switch is not checked.
+
$kendo-switch-off-track-hover-gradientnull
Description
The background gradient of the track when the hovered Switch is not checked.
+
$kendo-switch-off-track-focus-bgnull
Description
The background of the track when the focused Switch is not checked.
+
$kendo-switch-off-track-focus-textnull
Description
The text color of the track when the focused Switch is not checked.
+
$kendo-switch-off-track-focus-bordernull
Description
The border color of the track when the focused Switch is not checked.
+
$kendo-switch-off-track-focus-gradientnull
Description
The background gradient of the track when the focused Switch is not checked.
+
$kendo-switch-off-track-focus-ringnull
Description
The ring around the track when the focused Switch is not checked.
+
$kendo-switch-off-track-disabled-bgnull
Description
The background of the track when the disabled Switch is not checked.
+
$kendo-switch-off-track-disabled-textnull
Description
The text color of the track when the disabled Switch is not checked.
+
$kendo-switch-off-track-disabled-bordernull
Description
The border color of the track when the disabled Switch is not checked.
+
$kendo-switch-off-track-disabled-gradientnull
Description
The background gradient of the track when the disabled Switch is not checked.
+
$kendo-switch-off-thumb-bgnull
Description
The background of the thumb when the Switch is not checked.
+
$kendo-switch-off-thumb-textnull
Description
The text color of the thumb when the Switch is not checked.
+
$kendo-switch-off-thumb-bordernull
Description
The border color of the thumb when the Switch is not checked.
+
$kendo-switch-off-thumb-gradientnull
Description
The background gradient of the thumb when the Switch is not checked.
+
$kendo-switch-off-thumb-hover-bgnull
Description
The background of the thumb when the hovered Switch is not checked.
+
$kendo-switch-off-thumb-hover-textnull
Description
The text color of the thumb when the hovered Switch is not checked.
+
$kendo-switch-off-thumb-hover-bordernull
Description
The border color of the thumb when the hovered Switch is not checked.
+
$kendo-switch-off-thumb-hover-gradientnull
Description
The background gradient of the thumb when the hovered Switch is not checked.
+
$kendo-switch-on-track-bgnull
Description
The background of the track when the Switch is checked.
+
$kendo-switch-on-track-textnull
Description
The text color of the track when the Switch is checked.
+
$kendo-switch-on-track-bordernull
Description
The border color of the track when the Switch is checked.
+
$kendo-switch-on-track-gradientnull
Description
The background gradient of the track when the Switch is checked.
+
$kendo-switch-on-track-hover-bgnull
Description
The background of the track when the hovered Switch is checked.
+
$kendo-switch-on-track-hover-textnull
Description
The text color of the track when the hovered Switch is checked.
+
$kendo-switch-on-track-hover-bordernull
Description
The border color of the track when the hovered Switch is checked.
+
$kendo-switch-on-track-hover-gradientnull
Description
The background gradient of the track when the hovered Switch is checked.
+
$kendo-switch-on-track-focus-bgnull
Description
The background of the track when the focused Switch is checked.
+
$kendo-switch-on-track-focus-textnull
Description
The text color of the track when the focused Switch is checked.
+
$kendo-switch-on-track-focus-bordernull
Description
The border color of the track when the focused Switch is checked.
+
$kendo-switch-on-track-focus-gradientnull
Description
The background gradient of the track when the focused Switch is checked.
+
$kendo-switch-on-track-focus-ringnull
Description
The ring around the track when the focused Switch is checked.
+
$kendo-switch-on-track-disabled-bgnull
Description
The background of the track when the disabled Switch is checked.
+
$kendo-switch-on-track-disabled-textnull
Description
The text color of the track when the disabled Switch is checked.
+
$kendo-switch-on-track-disabled-bordernull
Description
The border color of the track when the disabled Switch is checked.
+
$kendo-switch-on-track-disabled-gradientnull
Description
The background gradient of the track when the disabled Switch is checked.
+
$kendo-switch-on-thumb-bgnull
Description
The background of the thumb when the Switch is checked.
+
$kendo-switch-on-thumb-textnull
Description
The text color of the thumb when the Switch is checked.
+
$kendo-switch-on-thumb-bordernull
Description
The border color of the thumb when the Switch is checked.
+
$kendo-switch-on-thumb-gradientnull
Description
The background gradient of the thumb when the Switch is checked.
+
$kendo-switch-on-thumb-hover-bgnull
Description
The background of the thumb when the hovered Switch is checked.
+
$kendo-switch-on-thumb-hover-textnull
Description
The text color of the thumb when the hovered Switch is checked.
+
$kendo-switch-on-thumb-hover-bordernull
Description
The border color of the thumb when the hovered Switch is checked.
+
$kendo-switch-on-thumb-hover-gradientnull
Description
The background gradient of the thumb when the hovered Switch is checked.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-table.md b/packages/utils/docs/customization-table.md new file mode 100644 index 00000000000..ff5e64b5cdf --- /dev/null +++ b/packages/utils/docs/customization-table.md @@ -0,0 +1,378 @@ +--- +title: Customizing Table +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_table +position: 9 +--- + +# Customizing Table + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-table-border-widthnull
Description
The width of the table border.
+
$kendo-table-cell-vertical-border-widthnull
Description
The width of vertical border of table cells.
+
$kendo-table-cell-horizontal-border-widthnull
Description
The width of horizontal border of table cells.
+
$kendo-table-font-sizenull
Description
The font size of the table if no size is specified.
+
$kendo-table-line-heightnull
Description
The line-height of the table if no size is specified.
+
$kendo-table-cell-padding-xnull
Description
The horizontal padding of the cells in the table if no size is specified.
+
$kendo-table-cell-padding-ynull
Description
The vertical padding of the cells in the table if no size is specified.
+
$kendo-table-sizesnull
Description
The sizes of the table.
+
$kendo-table-bgnull
Description
Background color of tables.
+
$kendo-table-textnull
Description
Text color of tables.
+
$kendo-table-bordernull
Description
Border color of tables.
+
$kendo-table-header-bgnull
Description
Background color of table headers.
+
$kendo-table-header-textnull
Description
Text color of table headers.
+
$kendo-table-header-bordernull
Description
Border color of table headers.
+
$kendo-table-header-gradientnull
Description
Gradient of table headers.
+
$kendo-table-footer-bgnull
Description
Background color of table footers.
+
$kendo-table-footer-textnull
Description
Text color of table footers.
+
$kendo-table-footer-bordernull
Description
Border color of table footers.
+
$kendo-table-group-row-bgnull
Description
Background color of group rows in table.
+
$kendo-table-group-row-textnull
Description
Text color of group rows in table.
+
$kendo-table-group-row-bordernull
Description
Border color of group rows in table.
+
$kendo-table-alt-row-bgnull
Description
Background color of alternating rows in table.
+
$kendo-table-alt-row-textnull
Description
Text color of alternating rows in table.
+
$kendo-table-alt-row-bordernull
Description
Border color of alternating rows in table.
+
$kendo-table-hover-bgnull
Description
Background color of hovered rows in table.
+
$kendo-table-hover-textnull
Description
Text color of hovered rows in table.
+
$kendo-table-hover-bordernull
Description
Border color of hovered rows in table.
+
$kendo-table-focus-bgnull
Description
Background color of focused rows in table.
+
$kendo-table-focus-textnull
Description
Text color of focused rows in table.
+
$kendo-table-focus-bordernull
Description
Border color of focused rows in table.
+
$kendo-table-focus-shadownull
Description
Box shadow of focused rows in table.
+
$kendo-table-selected-bgnull
Description
Background color of selected rows in table.
+
$kendo-table-selected-textnull
Description
Text color of selected rows in table.
+
$kendo-table-selected-bordernull
Description
Border color of selected rows in table.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-tabstrip.md b/packages/utils/docs/customization-tabstrip.md new file mode 100644 index 00000000000..b01d163b816 --- /dev/null +++ b/packages/utils/docs/customization-tabstrip.md @@ -0,0 +1,658 @@ +--- +title: Customizing Tabstrip +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_tabstrip +position: 9 +--- + +# Customizing Tabstrip + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-tabstrip-wrapper-padding-xnull
Description
The horizontal padding of the TabStrip wrapper.
+
$kendo-tabstrip-wrapper-padding-ynull
Description
The vertical padding of the TabStrip wrapper.
+
$kendo-tabstrip-wrapper-border-widthnull
Description
The border width around the TabStrip wrapper.
+
$kendo-tabstrip-font-familynull
Description
The font family of the TabStrip.
+
$kendo-tabstrip-font-sizenull
Description
The font size of the TabStrip.
+
$kendo-tabstrip-line-heightnull
Description
The line height of the TabStrip.
+
$kendo-tabstrip-border-widthnull
Description
The border width around the TabStrip.
+
$kendo-tabstrip-sm-font-sizenull
Description
The font size of the small TabStrip.
+
$kendo-tabstrip-sm-line-heightnull
Description
The line height of the small TabStrip.
+
$kendo-tabstrip-md-font-sizenull
Description
The font size of the medium TabStrip.
+
$kendo-tabstrip-md-line-heightnull
Description
The line height of the medium TabStrip.
+
$kendo-tabstrip-lg-font-sizenull
Description
The font size of the large TabStrip.
+
$kendo-tabstrip-lg-line-heightnull
Description
The line height of the large TabStrip.
+
$kendo-tabstrip-wrapper-bgnull
Description
The background color of the TabStrip wrapper.
+
$kendo-tabstrip-wrapper-textnull
Description
The text color of the TabStrip wrapper.
+
$kendo-tabstrip-wrapper-bordernull
Description
The border color of the TabStrip wrapper.
+
$kendo-tabstrip-bgnull
Description
The background color of the TabStrip.
+
$kendo-tabstrip-textnull
Description
The text color of the TabStrip.
+
$kendo-tabstrip-bordernull
Description
The border color of the TabStrip.
+
$kendo-tabstrip-item-padding-xnull
Description
The horizontal padding of the TabStrip items.
+
$kendo-tabstrip-item-padding-ynull
Description
The vertical padding of the TabStrip items.
+
$kendo-tabstrip-item-border-widthnull
Description
The border width around the TabStrip items.
+
$kendo-tabstrip-item-border-radiusnull
Description
The border radius of the TabStrip items.
+
$kendo-tabstrip-item-gapnull
Description
The gap between the TabStrip items.
+
$kendo-tabstrip-sm-item-padding-xnull
Description
The horizontal padding of the small TabStrip items.
+
$kendo-tabstrip-sm-item-padding-ynull
Description
The vertical padding of the small TabStrip items.
+
$kendo-tabstrip-md-item-padding-xnull
Description
The horizontal padding of the medium TabStrip items.
+
$kendo-tabstrip-md-item-padding-ynull
Description
The vertical padding of the medium TabStrip items.
+
$kendo-tabstrip-lg-item-padding-xnull
Description
The horizontal padding of the large TabStrip items.
+
$kendo-tabstrip-lg-item-padding-ynull
Description
The vertical padding of the large TabStrip items.
+
$kendo-tabstrip-item-bgnull
Description
The background color of the TabStrip items.
+
$kendo-tabstrip-item-textnull
Description
The text color of the TabStrip items.
+
$kendo-tabstrip-item-bordernull
Description
The border color of the TabStrip items.
+
$kendo-tabstrip-item-gradientnull
Description
The gradient of the TabStrip items.
+
$kendo-tabstrip-item-hover-bgnull
Description
The background color of the hovered TabStrip items.
+
$kendo-tabstrip-item-hover-textnull
Description
The text color of the hovered TabStrip items.
+
$kendo-tabstrip-item-hover-bordernull
Description
The border color of the hovered TabStrip items.
+
$kendo-tabstrip-item-hover-gradientnull
Description
The gradient of the hovered TabStrip items.
+
$kendo-tabstrip-item-selected-bgnull
Description
The background color of the selected TabStrip items.
+
$kendo-tabstrip-item-selected-textnull
Description
The text color of the selected TabStrip items.
+
$kendo-tabstrip-item-selected-bordernull
Description
The border color of the selected TabStrip items.
+
$kendo-tabstrip-item-selected-gradientnull
Description
The gradient of the selected TabStrip items.
+
$kendo-tabstrip-item-selected-font-weightnull
Description
The font weight of the selected TabStrip items.
+
$kendo-tabstrip-item-focus-shadownull
Description
The shadow of the focused TabStrip items.
+
$kendo-tabstrip-item-dragging-shadownull
Description
The shadow of the dragged TabStrip items.
+
$kendo-tabstrip-item-disabled-bgnull
Description
The background color of the disabled TabStrip items.
+
$kendo-tabstrip-item-disabled-textnull
Description
The text color of the disabled TabStrip items.
+
$kendo-tabstrip-item-disabled-bordernull
Description
The border color of the disabled TabStrip items.
+
$kendo-tabstrip-item-disabled-gradientnull
Description
The gradient of the disabled TabStrip items.
+
$kendo-tabstrip-item-disabled-opacitynull
Description
The opacity of the disabled TabStrip items.
+
$kendo-tabstrip-item-disabled-filternull
Description
The filter of the disabled TabStrip items.
+
$kendo-tabstrip-indicator-sizenull
Description
The border width of the TabStrip indicator.
+
$kendo-tabstrip-indicator-colornull
Description
The border color of the TabStrip ripple.
+
$kendo-tabstrip-content-padding-xnull
Description
The horizontal padding of the TabStrip content.
+
$kendo-tabstrip-content-padding-ynull
Description
The vertical padding of the TabStrip content.
+
$kendo-tabstrip-content-border-widthnull
Description
The border width around the TabStrip content.
+
$kendo-tabstrip-content-bgnull
Description
The background color of the TabStrip content.
+
$kendo-tabstrip-content-textnull
Description
The text color of the TabStrip content.
+
$kendo-tabstrip-content-bordernull
Description
The border color of the TabStrip content.
+
$kendo-tabstrip-content-focus-bordernull
Description
The border color of the focused TabStrip content.
+
$kendo-tabstrip-scroll-overlaynull
Description
The left and right scroll overlay of the TabStrip.
+
$kendo-tabstrip-sizes()
Description
The size map of the TabStrip.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-taskboard.md b/packages/utils/docs/customization-taskboard.md new file mode 100644 index 00000000000..84ab33e9aea --- /dev/null +++ b/packages/utils/docs/customization-taskboard.md @@ -0,0 +1,788 @@ +--- +title: Customizing Taskboard +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_taskboard +position: 9 +--- + +# Customizing Taskboard + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-taskboard-spacernull
Description
The spacing index of the TaskBoard.
+
$kendo-taskboard-padding-ynull
Description
The vertical padding of the TaskBoard.
+
$kendo-taskboard-padding-xnull
Description
The horizontal of the TaskBoard.
+
$kendo-taskboard-font-familynull
Description
The font family of the TaskBoard.
+
$kendo-taskboard-font-sizenull
Description
The font size of the TaskBoard.
+
$kendo-taskboard-line-heightnull
Description
The line height of the TaskBoard.
+
$kendo-taskboard-bgnull
Description
The background color of the TaskBoard.
+
$kendo-taskboard-textnull
Description
The text color of the TaskBoard.
+
$kendo-taskboard-bordernull
Description
The border color of the TaskBoard.
+
$kendo-taskboard-toolbar-padding-ynull
Description
The vertical padding of the TaskBoard Toolbar.
+
$kendo-taskboard-toolbar-padding-xnull
Description
The horizontal padding of the TaskBoard Toolbar.
+
$kendo-taskboard-toolbar-bgnull
Description
The background color of the TaskBoard Toolbar.
+
$kendo-taskboard-toolbar-textnull
Description
The text color of the TaskBoard Toolbar.
+
$kendo-taskboard-toolbar-bordernull
Description
The border color of the TaskBoard Toolbar.
+
$kendo-taskboard-toolbar-gradientnull
Description
The gradient of the TaskBoard Toolbar.
+
$kendo-taskboard-content-padding-ynull
Description
The vertical padding of the TaskBoard content.
+
$kendo-taskboard-content-padding-xnull
Description
The horizontal padding of the TaskBoard content.
+
$kendo-taskboard-column-container-spacing-ynull
Description
The vertical spacing of the TaskBoard column container.
+
$kendo-taskboard-column-container-padding-ynull
Description
The vertical padding of the TaskBoard column container.
+
$kendo-taskboard-column-container-padding-xnull
Description
The horizontal padding of the TaskBoard column container.
+
$kendo-taskboard-columns-container-gapnull
Description
The spacing of the TaskBoard columns container.
+
$kendo-taskboard-column-widthnull
Description
The default width of the TaskBoard column.
+
$kendo-taskboard-column-border-widthnull
Description
The border width of the TaskBoard column.
+
$kendo-taskboard-column-border-radiusnull
Description
The border radius of the TaskBoard column.
+
$kendo-taskboard-column-bgnull
Description
The background color of the TaskBoard column.
+
$kendo-taskboard-column-textnull
Description
The text color of the TaskBoard column.
+
$kendo-taskboard-column-bordernull
Description
The border color of the TaskBoard column.
+
$kendo-taskboard-column-focus-bgnull
Description
The background color of the focused TaskBoard column.
+
$kendo-taskboard-column-focus-textnull
Description
The text color of the focused TaskBoard column.
+
$kendo-taskboard-column-focus-bordernull
Description
The border color of the focused TaskBoard column.
+
$kendo-taskboard-column-header-padding-ynull
Description
The vertical padding of the TaskBoard column header.
+
$kendo-taskboard-column-header-padding-xnull
Description
The horizontal padding of the TaskBoard column header.
+
$kendo-taskboard-column-header-gapnull
Description
The spacing of the TaskBoard column header.
+
$kendo-taskboard-column-header-actions-gapnull
Description
The spacing of the TaskBoard column header actions.
+
$kendo-taskboard-column-header-font-weightnull
Description
The font weight of the TaskBoard column header.
+
$kendo-taskboard-column-header-textnull
Description
The text color of the TaskBoard column header.
+
$kendo-taskboard-column-cards-padding-ynull
Description
The vertical padding of the TaskBoard column Card wrapper.
+
$kendo-taskboard-column-cards-padding-xnull
Description
The horizontal padding of the TaskBoard column Card wrapper.
+
$kendo-taskboard-column-cards-gapnull
Description
The spacing of the TaskBoard column Card wrapper.
+
$kendo-taskboard-pane-widthnull
Description
The default width of the TaskBoard pane.
+
$kendo-taskboard-pane-padding-ynull
Description
The vertical padding of the TaskBoard pane.
+
$kendo-taskboard-pane-padding-xnull
Description
The horizontal padding of the TaskBoard pane.
+
$kendo-taskboard-pane-border-widthnull
Description
The border width of the TaskBoard pane.
+
$kendo-taskboard-pane-bgnull
Description
The background color of the TaskBoard pane.
+
$kendo-taskboard-pane-textnull
Description
The text color of the TaskBoard pane.
+
$kendo-taskboard-pane-bordernull
Description
The border color of the TaskBoard pane.
+
$kendo-taskboard-pane-header-padding-ynull
Description
The vertical padding of the TaskBoard pane header.
+
$kendo-taskboard-pane-header-padding-xnull
Description
The horizontal padding of the TaskBoard pane header.
+
$kendo-taskboard-pane-header-font-weightnull
Description
The font weight of the TaskBoard pane header.
+
$kendo-taskboard-pane-header-textnull
Description
The text color of the TaskBoard pane header.
+
$kendo-taskboard-pane-content-padding-ynull
Description
The vertical padding of the TaskBoard pane content.
+
$kendo-taskboard-pane-content-padding-xnull
Description
The horizontal padding of the TaskBoard pane content.
+
$kendo-taskboard-pane-actions-padding-ynull
Description
The vertical padding of the TaskBoard pane actions.
+
$kendo-taskboard-pane-actions-padding-xnull
Description
The horizontal padding of the TaskBoard pane actions.
+
$kendo-taskboard-card-padding-ynull
Description
The vertical padding of the TaskBoard Card.
+
$kendo-taskboard-card-padding-xnull
Description
The horizontal padding of the TaskBoard Card.
+
$kendo-taskboard-card-border-widthnull
Description
The border width of the TaskBoard Card.
+
$kendo-taskboard-card-border-radiusnull
Description
The border radius of the TaskBoard Card.
+
$kendo-taskboard-card-shadownull
Description
The shadow of the TaskBoard Card.
+
$kendo-taskboard-card-bgnull
Description
The background color of the TaskBoard Card.
+
$kendo-taskboard-card-textnull
Description
The text color of the TaskBoard Card.
+
$kendo-taskboard-card-bordernull
Description
The border color of the TaskBoard Card.
+
$kendo-taskboard-card-category-border-widthnull
Description
The border width of the TaskBoard Card category.
+
$kendo-taskboard-card-hover-bordernull
Description
The border color of the hovered TaskBoard Card.
+
$kendo-taskboard-card-focus-bordernull
Description
The border color of the focused TaskBoard Card.
+
$kendo-taskboard-card-focus-shadownull
Description
The shadow of the focused TaskBoard Card.
+
$kendo-taskboard-card-selected-bordernull
Description
The border of the selected TaskBoard Card.
+
$kendo-taskboard-card-selected-shadownull
Description
The shadow of the selected TaskBoard Card.
+
$kendo-taskboard-card-header-textnull
Description
The text color of the TaskBoard Card header text.
+
$kendo-taskboard-card-header-hover-textnull
Description
The text color of the hovered TaskBoard Card header text.
+
$kendo-taskboard-card-header-focus-textnull
Description
The text color of the focused TaskBoard Card header text.
+
$kendo-taskboard-drag-placeholder-border-widthnull
Description
The border width of the TaskBoard Card placeholder.
+
$kendo-taskboard-drag-placeholder-border-radiusnull
Description
The border radius of the TaskBoard Card placeholder.
+
$kendo-taskboard-drag-placeholder-bgnull
Description
The background color of the TaskBoard Card placeholder.
+
$kendo-taskboard-drag-placeholder-bordernull
Description
The border color of the TaskBoard Card placeholder.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-tile-layout.md b/packages/utils/docs/customization-tile-layout.md new file mode 100644 index 00000000000..e9aa6e88c1d --- /dev/null +++ b/packages/utils/docs/customization-tile-layout.md @@ -0,0 +1,138 @@ +--- +title: Customizing TileLayout +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_tile-layout +position: 9 +--- + +# Customizing TileLayout + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-tile-layout-border-widthnull
Description
The width of the border around the TileLayout.
+
$kendo-tile-layout-bgnull
Description
The background color of the TileLayout.
+
$kendo-tile-layout-padding-xnull
Description
The horizontal padding of the TileLayout.
+
$kendo-tile-layout-padding-ynull
Description
The vertical padding of the TileLayout
+
$kendo-tile-layout-card-border-widthnull
Description
The width of the border around the TileLayout card.
+
$kendo-tile-layout-card-focus-shadownull
Description
The focus box shadow of the TileLayout card.
+
$kendo-tile-layout-hint-border-widthnull
Description
The width of the border around the TileLayout hint.
+
$kendo-tile-layout-hint-border-radiusnull
Description
The radius of the border around the TileLayout hint.
+
$kendo-tile-layout-hint-bordernull
Description
The color of the border around the TileLayout hint.
+
$kendo-tile-layout-hint-bgnull
Description
The background color of the TileLayout hint.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-time-marker.md b/packages/utils/docs/customization-time-marker.md new file mode 100644 index 00000000000..4bbcd821167 --- /dev/null +++ b/packages/utils/docs/customization-time-marker.md @@ -0,0 +1,58 @@ +--- +title: Customizing TimeMarker +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_time-marker +position: 9 +--- + +# Customizing TimeMarker + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-current-time-widthnull
Description
The border width of the current time indicator.
+
$kendo-current-time-colornull
Description
The color of the current time indicator.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-timeline.md b/packages/utils/docs/customization-timeline.md new file mode 100644 index 00000000000..58a34f2c68d --- /dev/null +++ b/packages/utils/docs/customization-timeline.md @@ -0,0 +1,538 @@ +--- +title: Customizing Timeline +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_timeline +position: 9 +--- + +# Customizing Timeline + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-timeline-spacing-xnull
Description
The horizontal spacing of the Timeline.
+
$kendo-timeline-spacing-ynull
Description
The vertical spacing of the Timeline.
+
$kendo-timeline-items-paddingnull
Description
The padding between the Timeline's track items.
+
$kendo-timeline-font-familynull
Description
The font family of the Timeline.
+
$kendo-timeline-font-sizenull
Description
The font size of the Timeline.
+
$kendo-timeline-line-heightnull
Description
The line height of the Timeline.
+
$kendo-timeline-mobile-spacing-xnull
Description
The horizontal spacing of the mobile Timeline.
+
$kendo-timeline-mobile-spacing-ynull
Description
The vertical spacing of the mobile Timeline.
+
$kendo-timeline-track-arrow-widthnull
Description
The width of the Timeline track arrow.
+
$kendo-timeline-track-arrow-heightnull
Description
The height of the Timeline track arrow.
+
$kendo-timeline-track-arrow-disabled-bgnull
Description
The background color of the disabled Timeline track arrow.
+
$kendo-timeline-track-arrow-disabled-textnull
Description
The text color of the disabled Timeline track arrow.
+
$kendo-timeline-track-arrow-disabled-bordernull
Description
The border color of the disabled Timeline track arrow.
+
$kendo-timeline-track-sizenull
Description
The size of the Timeline track.
+
$kendo-timeline-track-wrap-padding-bottomnull
Description
The bottom padding of the Timeline's track wrapper.
+
$kendo-timeline-track-border-widthnull
Description
The border width of the Timeline track.
+
$kendo-timeline-track-margin-bottomnull
Description
The bottom margin of the Timeline track.
+
$kendo-timeline-track-bottom-calcnull
Description
The bottom offset of the Timeline track.
+
$kendo-timeline-track-start-calcnull
Description
The left offset of the Timeline track.
+
$kendo-timeline-track-end-calcnull
Description
The right offset of the Timeline track.
+
$kendo-timeline-track-bgnull
Description
The background color of the Timeline track.
+
$kendo-timeline-track-border-colornull
Description
The border color of the Timeline track.
+
$kendo-timeline-track-item-focus-shadownull
Description
The shadow of the Timeline's focused track items.
+
$kendo-timeline-track-event-offsetnull
Description
The offset of the Timeline track event.
+
$kendo-timeline-flag-padding-xnull
Description
The horizontal padding of the Timeline flag.
+
$kendo-timeline-flag-padding-ynull
Description
The vertical padding of the Timeline flag.
+
$kendo-timeline-flag-line-heightnull
Description
The line height of the Timeline flag.
+
$kendo-timeline-flag-min-widthnull
Description
The minimum width of the Timeline flag.
+
$kendo-timeline-flag-max-widthnull
Description
The maximum width of the Timeline flag.
+
$kendo-timeline-mobile-flag-max-widthnull
Description
The maximum width of the mobile Timeline flag.
+
$kendo-timeline-horizontal-flag-min-widthnull
Description
The minimum width of the horizontal Timeline flag.
+
$kendo-timeline-flag-bgnull
Description
The background color of the Timeline flag.
+
$kendo-timeline-flag-textnull
Description
The text color of the Timeline flag.
+
$kendo-timeline-flag-callout-widthnull
Description
The width of the Timeline's flag callout.
+
$kendo-timeline-flag-callout-heightnull
Description
The height of the Timeline's flag callout.
+
$kendo-timeline-flag-offset-bottomnull
Description
The bottom offset of the Timeline flag.
+
$kendo-timeline-flag-margin-bottom-calcnull
Description
The bottom margin of the Timeline flag.
+
$kendo-timeline-date-widthnull
Description
The width of the Timeline date.
+
$kendo-timeline-date-margin-bottomnull
Description
The bottom margin of the Timeline date.
+
$kendo-timeline-vertical-padding-calcnull
Description
The padding of the vertical Timeline.
+
$kendo-timeline-vertical-padding-with-dates-calcnull
Description
The padding of the vertical Timeline date.
+
$kendo-timeline-mobile-vertical-padding-calcnull
Description
The padding of the vertical mobile Timeline.
+
$kendo-timeline-mobile-vertical-padding-with-dates-calcnull
Description
The padding of the vertical mobile Timeline date.
+
$kendo-timeline-circle-widthnull
Description
The width of the Timeline circle.
+
$kendo-timeline-circle-heightnull
Description
The height of the Timeline circle.
+
$kendo-timeline-circle-bgnull
Description
The background color of the Timeline circle.
+
$kendo-timeline-collapse-arrow-padding-xnull
Description
The horizontal padding of the Timeline collapse arrow.
+
$kendo-timeline-event-widthnull
Description
The width of the Timeline event.
+
$kendo-timeline-event-heightnull
Description
The height of the Timeline event.
+
$kendo-timeline-event-min-height-calcnull
Description
The minimum height of the Timeline event.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-toolbar.md b/packages/utils/docs/customization-toolbar.md new file mode 100644 index 00000000000..e576ab2d527 --- /dev/null +++ b/packages/utils/docs/customization-toolbar.md @@ -0,0 +1,508 @@ +--- +title: Customizing Toolbar +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_toolbar +position: 9 +--- + +# Customizing Toolbar + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-toolbar-padding-xnull
Description
The horizontal padding of the Toolbar.
+
$kendo-toolbar-sm-padding-xnull
Description
The horizontal padding of the small Toolbar.
+
$kendo-toolbar-md-padding-xnull
Description
The horizontal padding of the medium Toolbar.
+
$kendo-toolbar-lg-padding-xnull
Description
The horizontal padding of the large Toolbar.
+
$kendo-toolbar-padding-ynull
Description
The vertical padding of the Toolbar.
+
$kendo-toolbar-sm-padding-ynull
Description
The vertical padding of the small Toolbar.
+
$kendo-toolbar-md-padding-ynull
Description
The vertical padding of the medium Toolbar.
+
$kendo-toolbar-lg-padding-ynull
Description
The vertical padding of the large Toolbar.
+
$kendo-toolbar-spacingnull
Description
The spacing between the Toolbar tools.
+
$kendo-toolbar-sm-spacingnull
Description
The spacing between the tools of the small Toolbar.
+
$kendo-toolbar-md-spacingnull
Description
The spacing between the tools of the medium Toolbar.
+
$kendo-toolbar-lg-spacingnull
Description
The spacing between the tools of the large Toolbar.
+
$kendo-toolbar-separator-heightnull
Description
The height of the Toolbar button separator.
+
$kendo-toolbar-sm-separator-heightnull
Description
The height of the small Toolbar button separator.
+
$kendo-toolbar-md-separator-heightnull
Description
The height of the medium Toolbar button separator.
+
$kendo-toolbar-lg-separator-heightnull
Description
The height of the large Toolbar button separator.
+
$kendo-toolbar-border-widthnull
Description
The width of the border around the Toolbar.
+
$kendo-toolbar-border-radiusnull
Description
The border radius of the Toolbar.
+
$kendo-toolbar-font-familynull
Description
The font family of the Toolbar.
+
$kendo-toolbar-font-sizenull
Description
The font size of the Toolbar.
+
$kendo-toolbar-line-heightnull
Description
The line height of the Toolbar.
+
$kendo-toolbar-bgnull
Description
The background color of the Toolbar.
+
$kendo-toolbar-textnull
Description
The text color of the Toolbar.
+
$kendo-toolbar-bordernull
Description
The color of the border around the Toolbar.
+
$kendo-toolbar-gradientnull
Description
The gradient of the Toolbar.
+
$kendo-toolbar-shadownull
Description
The box shadow of the Toolbar.
+
$kendo-toolbar-scroll-overlaynull
Description
The left and right scroll overlay of the Toolbar.
+
$kendo-toolbar-outline-textnull
Description
The text color of the outline Toolbar.
+
$kendo-toolbar-outline-bordernull
Description
The color of the border around the outline Toolbar.
+
$kendo-toolbar-outline-gradientnull
Description
The gradient of the outline Toolbar.
+
$kendo-toolbar-outline-shadownull
Description
The box shadow of the outline Toolbar.
+
$kendo-toolbar-outline-border-widthnull
Description
The width of the border around the outline Toolbar.
+
$kendo-toolbar-outline-scroll-overlaynull
Description
The left and right scroll overlay of the outline Toolbar.
+
$kendo-toolbar-flat-textnull
Description
The text color of the flat Toolbar.
+
$kendo-toolbar-flat-bordernull
Description
The color of the border around the flat Toolbar.
+
$kendo-toolbar-flat-gradientnull
Description
The gradient of the flat Toolbar.
+
$kendo-toolbar-flat-shadownull
Description
The box shadow of the flat Toolbar.
+
$kendo-toolbar-flat-border-widthnull
Description
Border width of the flat Toolbar.
+
$kendo-toolbar-flat-scroll-overlaynull
Description
The left and right scroll overlay of the flat Toolbar.
+
$kendo-toolbar-separator-bordernull
Description
The color of the separator border of the Toolbar.
+
$kendo-toolbar-input-widthnull
Description
The width of the input in the Toolbar.
+
$kendo-toolbar-item-shadownull
Description
The box shadow of the focused Toolbar item.
+
$kendo-toolbar-overflow-container-font-sizenull
Description
The font size of the Toolbar overflow container.
+
$kendo-toolbar-overflow-container-line-heightnull
Description
The line-height of the Toolbar overflow container.
+
$kendo-toolbar-overflow-button-padding-ynull
Description
The vertical padding of the Toolbar overflow button.
+
$kendo-toolbar-overflow-button-padding-xnull
Description
The horizontal padding of the Toolbar overflow button.
+
$kendo-toolbar-sizesnull
Description
The sizes map for the Toolbar.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-tooltip.md b/packages/utils/docs/customization-tooltip.md new file mode 100644 index 00000000000..ca33633546b --- /dev/null +++ b/packages/utils/docs/customization-tooltip.md @@ -0,0 +1,198 @@ +--- +title: Customizing Tooltip +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_tooltip +position: 9 +--- + +# Customizing Tooltip + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-tooltip-padding-ynull
Description
The vertical padding of the Tooltip.
+
$kendo-tooltip-padding-xnull
Description
The horizontal padding of the Tooltip.
+
$kendo-tooltip-border-widthnull
Description
The width of the border around the Tooltip.
+
$kendo-tooltip-border-radiusnull
Description
The border radius of the Tooltip.
+
$kendo-tooltip-font-familynull
Description
The font family of the Tooltip.
+
$kendo-tooltip-font-sizenull
Description
The font size of the Tooltip.
+
$kendo-tooltip-line-heightnull
Description
The line height of the Tooltip.
+
$kendo-tooltip-title-font-sizenull
Description
The font size of the Tooltip title.
+
$kendo-tooltip-title-line-heightnull
Description
The line height of the Tooltip title.
+
$kendo-tooltip-callout-sizenull
Description
The size of the Tooltip callout.
+
$kendo-tooltip-bgnull
Description
The default background of the Tooltip.
+
$kendo-tooltip-textnull
Description
The default text color of the Tooltip.
+
$kendo-tooltip-bordernull
Description
The default border color of the Tooltip.
+
$kendo-tooltip-shadownull
Description
The box-shadow of the Tooltip.
+
$kendo-tooltip-theme-colorsnull
Description
The theme colors map for the Tooltip.
+
$kendo-tooltip-themenull
Description
The generated theme colors map for the Tooltip.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-treelist.md b/packages/utils/docs/customization-treelist.md new file mode 100644 index 00000000000..3fae159ddaf --- /dev/null +++ b/packages/utils/docs/customization-treelist.md @@ -0,0 +1,58 @@ +--- +title: Customizing Treelist +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_treelist +position: 9 +--- + +# Customizing Treelist + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-treelist-footer-row-bgnull
Description
The background color of the TreeList footer row.
+
$kendo-treelist-footer-row-border-widthnull
Description
The border width of the TreeList footer row.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-treeview.md b/packages/utils/docs/customization-treeview.md new file mode 100644 index 00000000000..c619008a63d --- /dev/null +++ b/packages/utils/docs/customization-treeview.md @@ -0,0 +1,528 @@ +--- +title: Customizing Treeview +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_treeview +position: 9 +--- + +# Customizing Treeview + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-treeview-font-familynull
Description
The font family of the TreeView.
+
$kendo-treeview-font-sizenull
Description
The font size of the TreeView.
+
$kendo-treeview-sm-font-sizenull
Description
The font size of the small TreeView.
+
$kendo-treeview-md-font-sizenull
Description
The font size of the medium TreeView.
+
$kendo-treeview-lg-font-sizenull
Description
The font size of the large TreeView.
+
$kendo-treeview-line-heightnull
Description
The line height of the TreeView.
+
$kendo-treeview-sm-line-heightnull
Description
The line height of the small TreeView.
+
$kendo-treeview-md-line-heightnull
Description
The line height of the medium TreeView.
+
$kendo-treeview-lg-line-heightnull
Description
The line height of the large TreeView.
+
$kendo-treeview-indentnull
Description
The indentation of child groups in the TreeView.
+
$kendo-treeview-item-padding-xnull
Description
The horizontal padding of the TreeView items.
+
$kendo-treeview-sm-item-padding-xnull
Description
The horizontal padding of the small TreeView items.
+
$kendo-treeview-md-item-padding-xnull
Description
The horizontal padding of the medium TreeView items.
+
$kendo-treeview-lg-item-padding-xnull
Description
The horizontal padding of the large TreeView items.
+
$kendo-treeview-item-padding-ynull
Description
The vertical padding of the TreeView items.
+
$kendo-treeview-sm-item-padding-ynull
Description
The vertical padding of the small TreeView items.
+
$kendo-treeview-md-item-padding-ynull
Description
The vertical padding of the medium TreeView items.
+
$kendo-treeview-lg-item-padding-ynull
Description
The vertical padding of the large TreeView items.
+
$kendo-treeview-item-border-widthnull
Description
The border width of the TreeView items.
+
$kendo-treeview-item-border-radiusnull
Description
The border radius of the TreeView items.
+
$kendo-treeview-sm-checkbox-padding-xnull
Description
The horizontal padding of the checkbox in the small TreeView.
+
$kendo-treeview-md-checkbox-padding-xnull
Description
The horizontal padding of the checkbox in the medium TreeView.
+
$kendo-treeview-lg-checkbox-padding-xnull
Description
The horizontal padding of the checkbox in the large TreeView.
+
$kendo-treeview-sm-checkbox-padding-ynull
Description
The vertical padding of the checkbox in the small TreeView.
+
$kendo-treeview-md-checkbox-padding-ynull
Description
The vertical padding of the checkbox in the medium TreeView.
+
$kendo-treeview-lg-checkbox-padding-ynull
Description
The vertical padding of the checkbox in the large TreeView.
+
$kendo-treeview-sizesnull
Description
The sizes map of the TreeView.
+
$kendo-treeview-bgnull
Description
The background color of the TreeView.
+
$kendo-treeview-textnull
Description
The text color of the TreeView.
+
$kendo-treeview-bordernull
Description
The border color of the TreeView.
+
$kendo-treeview-item-hover-bgnull
Description
The background color of hovered TreeView items.
+
$kendo-treeview-item-hover-textnull
Description
The text color of hovered TreeView items.
+
$kendo-treeview-item-hover-bordernull
Description
The border color of hovered TreeView items.
+
$kendo-treeview-item-hover-gradientnull
Description
The background gradient of hovered TreeView items.
+
$kendo-treeview-item-selected-bgnull
Description
The background color of selected TreeView items.
+
$kendo-treeview-item-selected-textnull
Description
The text color of selected TreeView items.
+
$kendo-treeview-item-selected-bordernull
Description
The border color of selected TreeView items.
+
$kendo-treeview-item-selected-gradientnull
Description
The background gradient of selected TreeView items.
+
$kendo-treeview-item-focus-shadownull
Description
The box shadow of focused TreeView items.
+
$kendo-treeview-loadmore-bgnull
Description
The background color of the Load More button in the TreeView
+
$kendo-treeview-loadmore-textnull
Description
The text color of the Load More button in the TreeView
+
$kendo-treeview-loadmore-bordernull
Description
The border color of the Load More button in the TreeView
+
$kendo-treeview-loadmore-hover-bgnull
Description
The background color of the hovered Load More button in the TreeView
+
$kendo-treeview-loadmore-hover-textnull
Description
The text color of the hovered Load More button in the TreeView.
+
$kendo-treeview-loadmore-hover-bordernull
Description
The border color of the hovered Load More button in the TreeView.
+
$kendo-treeview-loadmore-focus-bgnull
Description
The background color of the focused Load More button in the TreeView.
+
$kendo-treeview-loadmore-focus-textnull
Description
The text color of the focused Load More button in the TreeView.
+
$kendo-treeview-loadmore-focus-bordernull
Description
The border color of the focused Load More button in the TreeView.
+
$kendo-treeview-loadmore-focus-shadownull
Description
The box shadow of the focused Load More button in the TreeView.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-typography.md b/packages/utils/docs/customization-typography.md index af521b55709..ace8da97fdd 100644 --- a/packages/utils/docs/customization-typography.md +++ b/packages/utils/docs/customization-typography.md @@ -28,6 +28,766 @@ The following table lists the available variables for customization. + $kendo-h1-font-size + + null + + + +
Description
The font size of the highest level heading.
+ + + + $kendo-h2-font-size + + null + + + +
Description
The font size of the second highest level heading.
+ + + + $kendo-h3-font-size + + null + + + +
Description
The font size of the third highest level heading.
+ + + + $kendo-h4-font-size + + null + + + +
Description
The font size of the fourth highest level heading.
+ + + + $kendo-h5-font-size + + null + + + +
Description
The font size of the fifth highest level heading.
+ + + + $kendo-h6-font-size + + null + + + +
Description
The font size of the sixth highest level heading.
+ + + + $kendo-h1-font-family + + null + + + +
Description
The font family of the highest level heading.
+ + + + $kendo-h2-font-family + + null + + + +
Description
The font family of the second highest level heading.
+ + + + $kendo-h3-font-family + + null + + + +
Description
The font family of the third highest level heading.
+ + + + $kendo-h4-font-family + + null + + + +
Description
The font family of the fourth highest level heading.
+ + + + $kendo-h5-font-family + + null + + + +
Description
The font family of the fifth highest level heading.
+ + + + $kendo-h6-font-family + + null + + + +
Description
The font family of the sixth highest level heading.
+ + + + $kendo-h1-line-height + + null + + + +
Description
The line height of the highest level heading.
+ + + + $kendo-h2-line-height + + null + + + +
Description
The line height of the second highest level heading.
+ + + + $kendo-h3-line-height + + null + + + +
Description
The line height of the third highest level heading.
+ + + + $kendo-h4-line-height + + null + + + +
Description
The line height of the fourth highest level heading.
+ + + + $kendo-h5-line-height + + null + + + +
Description
The line height of the fifth highest level heading.
+ + + + $kendo-h6-line-height + + null + + + +
Description
The line height of the sixth highest level heading.
+ + + + $kendo-h1-font-weight + + null + + + +
Description
The font weight of the highest level heading.
+ + + + $kendo-h2-font-weight + + null + + + +
Description
The font weight of the second highest level heading.
+ + + + $kendo-h3-font-weight + + null + + + +
Description
The font weight of the third highest level heading.
+ + + + $kendo-h4-font-weight + + null + + + +
Description
The font weight of the fourth highest level heading.
+ + + + $kendo-h5-font-weight + + null + + + +
Description
The font weight of the fifth highest level heading.
+ + + + $kendo-h6-font-weight + + null + + + +
Description
The font weight of the sixth highest level heading.
+ + + + $kendo-h1-letter-spacing + + null + + + +
Description
The letter spacing of the highest level heading.
+ + + + $kendo-h2-letter-spacing + + null + + + +
Description
The letter spacing of the second highest level heading.
+ + + + $kendo-h3-letter-spacing + + null + + + +
Description
The letter spacing of the third highest level heading.
+ + + + $kendo-h4-letter-spacing + + null + + + +
Description
The letter spacing of the fourth highest level heading.
+ + + + $kendo-h5-letter-spacing + + null + + + +
Description
The letter spacing of the fifth highest level heading.
+ + + + $kendo-h6-letter-spacing + + null + + + +
Description
The letter spacing of the sixth highest level heading.
+ + + + $kendo-h1-margin + + null + + + +
Description
The margin of the highest level heading.
+ + + + $kendo-h2-margin + + null + + + +
Description
The margin of the second highest level heading.
+ + + + $kendo-h3-margin + + null + + + +
Description
The margin of the third highest level heading.
+ + + + $kendo-h4-margin + + null + + + +
Description
The margin of the fourth highest level heading.
+ + + + $kendo-h5-margin + + null + + + +
Description
The margin of the fifth highest level heading.
+ + + + $kendo-h6-margin + + null + + + +
Description
The margin of the sixth highest level heading.
+ + + + $kendo-headings + + null + + + +
Description
The headings Map.
+ + + + $kendo-paragraph-margin + + null + + + +
Description
The margin of the paragraph.
+ + + + $kendo-paragraph-font-size + + null + + + +
Description
The font size of the paragraph.
+ + + + $kendo-paragraph-font-family + + null + + + +
Description
The font family of the paragraph.
+ + + + $kendo-paragraph-line-height + + null + + + +
Description
The line height of the paragraph.
+ + + + $kendo-paragraph-font-weight + + null + + + +
Description
The font weight of the paragraph.
+ + + + $kendo-paragraph-letter-spacing + + null + + + +
Description
The letter spacing of the paragraph.
+ + + + $kendo-code-font-size + + null + + + +
Description
The font size of the code tag.
+ + + + $kendo-code-font-family + + null + + + +
Description
The font family of the code tag.
+ + + + $kendo-code-line-height + + null + + + +
Description
The line height of the code tag.
+ + + + $kendo-code-font-weight + + null + + + +
Description
The font weight of the code tag.
+ + + + $kendo-code-letter-spacing + + null + + + +
Description
The letter spacing of the code tag.
+ + + + $kendo-code-padding-x + + null + + + +
Description
The horizontal padding of the code tag.
+ + + + $kendo-code-padding-y + + null + + + +
Description
The vertical padding of the code tag.
+ + + + $kendo-pre-padding-x + + null + + + +
Description
The horizontal padding of the preformatted text.
+ + + + $kendo-pre-padding-y + + null + + + +
Description
The vertical padding of the preformatted text.
+ + + + $kendo-code-border-width + + null + + + +
Description
The width of the border of the code tag.
+ + + + $kendo-code-bg + + null + + + +
Description
The background color of the code tag.
+ + + + $kendo-code-text + + null + + + +
Description
The color of the code tag.
+ + + + $kendo-code-border + + null + + + +
Description
The border color of the code tag.
+ + + + $kendo-display1-font-size + + null + + + +
Description
The font size of the largest display text.
+ + + + $kendo-display2-font-size + + null + + + +
Description
The font size of the second largest display text.
+ + + + $kendo-display3-font-size + + null + + + +
Description
The font size of the third largest display text.
+ + + + $kendo-display4-font-size + + null + + + +
Description
The font size of the fourth largest display text.
+ + + + $kendo-display1-font-family + + null + + + +
Description
The font family of the largest display text.
+ + + + $kendo-display2-font-family + + null + + + +
Description
The font family of the second largest display text.
+ + + + $kendo-display3-font-family + + null + + + +
Description
The font family of the third largest display text.
+ + + + $kendo-display4-font-family + + null + + + +
Description
The font family of the fourth largest display text.
+ + + + $kendo-display1-line-height + + null + + + +
Description
The line height of the largest display text.
+ + + + $kendo-display2-line-height + + null + + + +
Description
The line height of the second largest display text.
+ + + + $kendo-display3-line-height + + null + + + +
Description
The line height of the third largest display text.
+ + + + $kendo-display4-line-height + + null + + + +
Description
The line height of the fourth largest display text.
+ + + + $kendo-display1-font-weight + + null + + + +
Description
The font weight of the largest display text.
+ + + + $kendo-display2-font-weight + + null + + + +
Description
The font weight of the second largest display text.
+ + + + $kendo-display3-font-weight + + null + + + +
Description
The font weight of the third largest display text.
+ + + + $kendo-display4-font-weight + + null + + + +
Description
The font weight of the fourth largest display text.
+ + + + $kendo-display1-letter-spacing + + null + + + +
Description
The letter spacing of the largest display text.
+ + + + $kendo-display2-letter-spacing + + null + + + +
Description
The letter spacing of the second largest display text.
+ + + + $kendo-display3-letter-spacing + + null + + + +
Description
The letter spacing of the third largest display text.
+ + + + $kendo-display4-letter-spacing + + null + + + +
Description
The letter spacing of the fourth largest display text.
+ + + $kendo-font-size 0.875rem diff --git a/packages/utils/docs/customization-upload.md b/packages/utils/docs/customization-upload.md new file mode 100644 index 00000000000..9750236bb56 --- /dev/null +++ b/packages/utils/docs/customization-upload.md @@ -0,0 +1,338 @@ +--- +title: Customizing Upload +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_upload +position: 9 +--- + +# Customizing Upload + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-upload-border-widthnull
Description
The width of the border around the Upload.
+
$kendo-upload-font-familynull
Description
The font family of the Upload.
+
$kendo-upload-font-sizenull
Description
The font size of the Upload.
+
$kendo-upload-line-heightnull
Description
The line height of the Upload.
+
$kendo-upload-max-heightnull
Description
The maximum height of the list with uploaded items.
+
$kendo-upload-textnull
Description
The text color of the Upload.
+
$kendo-upload-bgnull
Description
The background color of the Upload.
+
$kendo-upload-bordernull
Description
The border color of the Upload.
+
$kendo-upload-dropzone-padding-xnull
Description
The horizontal padding of the Upload dropzone.
+
$kendo-upload-dropzone-padding-ynull
Description
The vertical padding of the Upload dropzone.
+
$kendo-upload-dropzone-textnull
Description
The text color of the Upload dropzone.
+
$kendo-upload-dropzone-bgnull
Description
The background color of the Upload dropzone.
+
$kendo-upload-dropzone-bordernull
Description
The border color of the Upload dropzone.
+
$kendo-upload-dropzone-hover-bgnull
Description
The background color of the hovered Upload dropzone.
+
$kendo-upload-status-textnull
Description
The text color of the Upload status message.
+
$kendo-upload-status-text-opacitynull
Description
The opacity of the Upload status message.
+
$kendo-upload-item-padding-xnull
Description
The horizontal padding of an uploaded item.
+
$kendo-upload-item-padding-ynull
Description
The vertical padding of an uploaded item.
+
$kendo-upload-multiple-items-spacingnull
Description
The vertical spacing between uploaded batch items.
+
$kendo-upload-validation-font-sizenull
Description
The font size of the Upload validation message.
+
$kendo-upload-validation-line-heightnull
Description
The line height of the Upload validation message.
+
$kendo-upload-icon-spacingnull
Description
The horizontal spacing of the Upload status icon.
+
$kendo-upload-icon-colornull
Description
The color of the uploaded items icon.
+
$kendo-upload-progress-thicknessnull
Description
The thickness of the Upload progress bar.
+
$kendo-upload-progress-bgnull
Description
The background color of the Upload progress bar.
+
$kendo-upload-success-textnull
Description
The success text color of the Upload.
+
$kendo-upload-success-bgnull
Description
The success background color of the Upload progress bar.
+
$kendo-upload-error-textnull
Description
The error text color of the Upload.
+
$kendo-upload-error-bgnull
Description
The error background color of the Upload progress bar.
+
$kendo-upload-focus-shadownull
Description
The shadow of the focused Upload button, actions and uploaded items.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-window.md b/packages/utils/docs/customization-window.md new file mode 100644 index 00000000000..304c1d32b0e --- /dev/null +++ b/packages/utils/docs/customization-window.md @@ -0,0 +1,338 @@ +--- +title: Customizing Window +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_window +position: 9 +--- + +# Customizing Window + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-window-border-widthnull
Description
The width of the border around the Window.
+
$kendo-window-border-radiusnull
Description
The border radius of the Window.
+
$kendo-window-font-familynull
Description
The font family of the Window.
+
$kendo-window-font-sizenull
Description
The font size of the Window.
+
$kendo-window-line-heightnull
Description
The line height of the Window.
+
$kendo-window-titlebar-padding-xnull
Description
The horizontal padding of the Window titlebar.
+
$kendo-window-titlebar-padding-ynull
Description
The vertical padding of the Window titlebar.
+
$kendo-window-titlebar-border-widthnull
Description
The width of the border of the Window titlebar.
+
$kendo-window-titlebar-border-stylenull
Description
The style of the border of the Window titlebar.
+
$kendo-window-title-font-sizenull
Description
The font size of the title of the Window.
+
$kendo-window-title-line-heightnull
Description
The line height of the title of the Window.
+
$kendo-window-actions-gapnull
Description
The spacing between the buttons in the Window titlebar.
+
$kendo-window-action-opacitynull
Description
The opacity of the buttons in the Window titlebar.
+
$kendo-window-action-hover-opacitynull
Description
The opacity of the hovered buttons in the Window titlebar.
+
$kendo-window-inner-padding-xnull
Description
The horizontal padding of the content of the Window.
+
$kendo-window-inner-padding-ynull
Description
The vertical padding of the content of the Window.
+
$kendo-window-buttongroup-padding-xnull
Description
The horizontal padding of the Window action buttons.
+
$kendo-window-buttongroup-padding-ynull
Description
The vertical padding of the Window action buttons.
+
$kendo-window-buttongroup-border-widthnull
Description
The width of the top border of the Window action buttons.
+
$kendo-window-bgnull
Description
The background color of the Window.
+
$kendo-window-textnull
Description
The text color of the Window.
+
$kendo-window-bordernull
Description
The border color of the Window.
+
$kendo-window-shadownull
Description
The box shadow of the Window.
+
$kendo-window-focus-shadownull
Description
The box shadow of the focused Window.
+
$kendo-window-titlebar-bgnull
Description
The background color of the Window titlebar.
+
$kendo-window-titlebar-textnull
Description
The text color of the Window titlebar.
+
$kendo-window-titlebar-bordernull
Description
The border color of the Window titlebar.
+
$kendo-window-titlebar-gradientnull
Description
The background gradient of the Window titlebar.
+
$kendo-window-sizesnull
Description
The map of the width for the different Window sizes.
+
$kendo-window-theme-colorsnull
Description
The theme colors map for the Window.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization-wizard.md b/packages/utils/docs/customization-wizard.md new file mode 100644 index 00000000000..548bccf6d9c --- /dev/null +++ b/packages/utils/docs/customization-wizard.md @@ -0,0 +1,138 @@ +--- +title: Customizing Wizard +description: "Refer to the list of the Kendo UI Theme Utils theme variables available for customization." +slug: variables_kendothemeutils_wizard +position: 9 +--- + +# Customizing Wizard + +## Variables + +The following table lists the available variables for customization. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-wizard-padding-xnull
Description
The horizontal padding of the Wizard.
+
$kendo-wizard-padding-ynull
Description
The vertical padding of the Wizard.
+
$kendo-wizard-content-padding-xnull
Description
The horizontal padding of the Wizard content.
+
$kendo-wizard-content-padding-ynull
Description
The vertical padding of the Wizard content.
+
$kendo-wizard-buttons-margin-xnull
Description
The horizontal margin of the Wizard's Button container.
+
$kendo-wizard-border-widthnull
Description
The border width of the Wizard.
+
$kendo-wizard-font-sizenull
Description
The font size of the Wizard.
+
$kendo-wizard-line-heightnull
Description
The line height of the Wizard.
+
$kendo-wizard-font-familynull
Description
The font family of the Wizard.
+
$kendo-wizard-step-focus-bordernull
Description
The outline of the focused Wizard step.
+
+ +## Suggested Links + +* [Styling Overview]({% slug themesandstyles %}) +* [Web Font Icons]({% slug icons %}) +* [Preview of the Themed Components](../) + diff --git a/packages/utils/docs/customization.md b/packages/utils/docs/customization.md index 97fb48a81e4..586b6f06e19 100644 --- a/packages/utils/docs/customization.md +++ b/packages/utils/docs/customization.md @@ -14,6 +14,86 @@ position: 9 The following table lists the available variables for customizing the Theme Utils theme. +### Common + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-disabled-bgnull
Description
The background color of disabled items.
+
$kendo-disabled-textnull
Description
The text color of disabled items.
+
$kendo-disabled-bordernull
Description
The border color of disabled items.
+
$kendo-disabled-opacitynull
Description
The opacity of disabled items.
+
$kendo-disabled-filternull
Description
The filter of disabled items.
+
$kendo-displaynull
Description
The displays Map.
+
+ ### Accessibility @@ -54,7 +134,7 @@ The following table lists the available variables for customizing the Theme Util
-### Border Radius +### Appbar @@ -72,109 +152,169 @@ The following table lists the available variables for customizing the Theme Util - + - + - - + - + - - + - + - - + - + - - + - + - - + - + - - + - + - - + - + - - + - + - - + - + - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
$kendo-border-radius-none$kendo-appbar-margin-x map.get($kendo-spacing, 0)null
Description
The none border radius used across the Components.
+
Description
The horizontal margin of the AppBar.
$kendo-border-radius-xs$kendo-appbar-margin-y map.get($kendo-spacing, 1px)null
Description
The extra small border radius used across the Components.
+
Description
The vertical margin of the AppBar.
$kendo-border-radius-sm$kendo-appbar-padding-x map.get($kendo-spacing, 0.5)null
Description
The small border radius used across the Components.
+
Description
The horizontal padding of the AppBar.
$kendo-border-radius-md$kendo-appbar-padding-y map.get($kendo-spacing, 1)null
Description
The medium border radius used across the Components.
+
Description
The vertical padding of the AppBar.
$kendo-border-radius-lg$kendo-appbar-border-width map.get($kendo-spacing, 1.5)null
Description
The large border radius used across the Components.
+
Description
The width of the border around the AppBar.
$kendo-border-radius-xl$kendo-appbar-zindex map.get($kendo-spacing, 2)null
Description
The extra large border radius used across the Components.
+
Description
The z-index of the AppBar.
$kendo-border-radius-xxl$kendo-appbar-font-family map.get($kendo-spacing, 3)null
Description
The third largest border radius used across the Components.
+
Description
The font family of the AppBar.
$kendo-border-radius-xxxl$kendo-appbar-font-size map.get($kendo-spacing, 4)null
Description
The second largest border radius used across the Components.
+
Description
The font size of the AppBar.
$kendo-border-radius-full$kendo-appbar-line-height 9999pxnull
Description
The largest border radius used across the Components.
+
Description
The line height of the AppBar.
$kendo-border-radii$kendo-appbar-gap map.merge($_default-border-radii, $kendo-border-radii)null
Description
The global radii Map.
+
Description
The spacing between the AppBar sections.
+
$kendo-appbar-light-bgnull
Description
The background color of the AppBar based on light theme color.
+
$kendo-appbar-light-textnull
Description
The text color of the AppBar based on light theme color.
+
$kendo-appbar-dark-bgnull
Description
The background color of the AppBar based on dark theme color.
+
$kendo-appbar-dark-textnull
Description
The text color of the AppBar based on dark theme color.
+
$kendo-appbar-box-shadownull
Description
The box shadow of the AppBar.
+
$kendo-appbar-bottom-box-shadownull
Description
The box shadow of the AppBar with bottom position.
-### Color System +### Avatar @@ -192,944 +332,30094 @@ The following table lists the available variables for customizing the Theme Util - + - + - - + - + - - + - + - - + - + - - + - + - - + - + - - - + +
$kendo-color-white$kendo-avatar-border-width #ffffffnull
Description
The color white.
Note: you cannot change this value.
+
Description
The border width of the Avatar.
$kendo-color-black$kendo-avatar-font-family #000000null
Description
The color black.
Note: you cannot change this value.
+
Description
The font family of the Avatar.
$kendo-color-rgba-transparent$kendo-avatar-font-size rgba(0, 0, 0, 0)null
Description
The color transparent.
Note: you cannot change this value.
+
Description
The font size of the Avatar.
$kendo-gradient-transparent-to-black$kendo-avatar-line-height rgba(black, 0), blacknull
Description
A gradient that goes from transparent to black.
Note: you cannot change this value.
+
Description
The line height of the Avatar.
$kendo-gradient-transparent-to-white$kendo-avatar-sizes rgba(white, 0), whitenull
Description
A gradient that goes from transparent to white.
Note: you cannot change this value.
+
Description
The sizes map of the Avatar.
$kendo-gradient-black-to-transparent$kendo-avatar-theme-colors black, rgba(black, 0)null
Description
A gradient that goes from black to transparent.
Note: you cannot change this value.
+
Description
The theme colors map of the Avatar.
$kendo-gradient-white-to-transparent
+ +### Badge + + + + + + + + + + + + + + + + + + - + - - + - + - - + - + - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - - - - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - - + +
NameTypeDefault valueComputed value
$kendo-badge-border-width white, rgba(white, 0)null
Description
A gradient that goes from white to transparent.
Note: you cannot change this value.
+
Description
The width of the border around the Badge.
$kendo-gradient-rainbow$kendo-badge-border-radius #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000null
Description
A gradient that cycles through the colors of the rainbow.
Note: you cannot change this value.
+
Description
The border radius of the Badge.
$kendo-colors$kendo-badge-padding-x $_default-colorsnull
Description
The global default Colors map.
+
Description
The horizontal padding of the Badge.
-
Groups
The groups of the $kendo-colors
- 		$kendo-badge-sm-padding-xnull
GroupValuesDescription
Description
The horizontal padding of the small Badge.
+
misc app-surface, on-app-surface, subtle, surface, surface-alt, border, border-altThe Misc variable group.$kendo-badge-md-padding-xnull
base base-subtle, base-subtle-hover, base-subtle-active, base, base-hover, base-active, base-emphasis, base-on-subtle, on-base, base-on-surfaceThe Base variable group.
Description
The horizontal padding of the medium Badge.
+
primary primary-subtle, primary-subtle-hover, primary-subtle-active, primary, primary-hover, primary-active, primary-emphasis, primary-on-subtle, on-primary, primary-on-surfaceThe Primary variable group.$kendo-badge-lg-padding-xnull
secondary secondary-subtle, secondary-subtle-hover, secondary-subtle-active, secondary, secondary-hover, secondary-active, secondary-emphasis, secondary-on-subtle, on-secondary, secondary-on-surfaceThe Secondary variable group.
Description
The horizontal padding of the large Badge.
+
tertiary tertiary-subtle, tertiary-subtle-hover, tertiary-subtle-active, tertiary, tertiary-hover, tertiary-active, tertiary-emphasis, tertiary-on-subtle, on-tertiary, tertiary-on-surfaceThe Tertiary variable group.$kendo-badge-padding-ynull
info info-subtle, info-subtle-hover, info-subtle-active, info, info-hover, info-active, info-emphasis, info-on-subtle, on-info, info-on-surfaceThe Info variable group.
Description
The vertical padding of the Badge.
+
success success-subtle, success-subtle-hover, success-subtle-active, success, success-hover, success-active, success-emphasis, success-on-subtle, on-success, success-on-surfaceThe Success variable group.
warning warning-subtle, warning-subtle-hover, warning-subtle-active, warning, warning-hover, warning-active, warning-emphasis, warning-on-subtle, on-warning, warning-on-surfaceThe Warning variable group.$kendo-badge-sm-padding-ynull
error error-subtle, error-subtle-hover, error-subtle-active, error, error-hover, error-active, error-emphasis, error-on-subtle, on-error, error-on-surfaceThe Error variable group.
Description
The vertical padding of the small Badge.
+
light light-subtle, light-subtle-hover, light-subtle-active, light, light-hover, light-active, light-emphasis, light-on-subtle, on-light, light-on-surfaceThe Light variable group.$kendo-badge-md-padding-ynull
dark dark-subtle, dark-subtle-hover, dark-subtle-active, dark, dark-hover, dark-active, dark-emphasis, dark-on-subtle, on-dark, dark-on-surfaceThe Dark variable group.
Description
The vertical padding of the medium Badge.
+
inverse inverse-subtle, inverse-subtle-hover, inverse-subtle-active, inverse, inverse-hover, inverse-active, inverse-emphasis, inverse-on-subtle, on-inverse, inverse-on-surfaceThe Inverse variable group.$kendo-badge-lg-padding-ynull
series-a series-a, series-a-bold, series-a-bolder, series-a-subtle, series-a-subtlerThe Series A variable group.
Description
The vertical padding of the large Badge.
+
series-b series-b, series-b-bold, series-b-bolder, series-b-subtle, series-b-subtlerThe Series B variable group.$kendo-badge-font-sizenull
series-c series-c, series-c-bold, series-c-bolder, series-c-subtle, series-c-subtlerThe Series C variable group.
Description
The font sizes of the Badge.
+
series-d series-d, series-d-bold, series-d-bolder, series-d-subtle, series-d-subtlerThe Series D variable group.$kendo-badge-sm-font-sizenull
series-e series-e, series-e-bold, series-e-bolder, series-e-subtle, series-e-subtlerThe Series E variable group.
Description
The font size of the small Badge.
+
series-f series-f, series-f-bold, series-f-bolder, series-f-subtle, series-f-subtlerThe Series F variable group.$kendo-badge-md-font-sizevar( --kendo-font-size-xs, inherit )!default
-
Properties
The properties of the $kendo-colors
+
Description
The font size of the medium Badge.
TypeNameDescription$kendo-badge-lg-font-sizenull
Colorapp-surfaceThe background color of the application.
Description
The font size of the large Badge.
+
Coloron-app-surfaceThe text color of the application.$kendo-badge-line-heightnull
ColorsubtleThe subtle text color.
Description
The line heights used along with the $kendo-font-size variable.
+
ColorsurfaceThe background color of the components' chrome area.$kendo-badge-sm-line-heightnull
Colorsurface-altThe alternative background color of the components' chrome area.
Description
The line height used along with the $kendo-font-size variable of the small Badge.
+
ColorborderThe border color of the application.$kendo-badge-md-line-heightnull
Colorborder-altThe alternative border color of the application.
Description
The line height used along with the $kendo-font-size variable of the medium Badge.
+
Colorbase-subtleThe base subtle background color variable.$kendo-badge-lg-line-heightnull
Colorbase-subtle-hoverThe base subtle background color variable for the hover state.
Description
The line height used along with the $kendo-font-size variable of the large Badge.
+
Colorbase-subtle-activeThe base subtle background color variable for the active state.$kendo-badge-min-widthnull
ColorbaseThe base background color variable.
Description
The calculated minimum width of the circular Badge.
+
Colorbase-hoverThe base background color variable for the hover state.$kendo-badge-sm-min-widthnull
Colorbase-activeThe base background color variable for the active state.
Description
The calculated minimum width of the small circular Badge.
+
Colorbase-emphasisThe emphasized base color variable.$kendo-badge-md-min-widthnull
Colorbase-on-subtleThe text color variable for content on base subtle.
Description
The calculated minimum width of the medium circular Badge.
+
Coloron-baseThe text color variable for content on base.$kendo-badge-lg-min-widthnull
Colorbase-on-surfaceThe text color variable for content on surface.
Description
The calculated minimum width of the large circular Badge.
+
Colorprimary-subtleThe primary subtle background color variable.$kendo-badge-sizesnull
Colorprimary-subtle-hoverThe primary subtle background color variable for the hover state.
Description
The sizes map for the Badge.
+
Colorprimary-subtle-activeThe primary subtle background color variable for the active state.
+ +### Border Radius + + + + + + + + + + + + + + + + + + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - - + +
NameTypeDefault valueComputed value
$kendo-border-radius-nonemap.get($kendo-spacing, 0)
ColorprimaryThe primary background color variable.
Description
The none border radius used across the Components.
+
Colorprimary-hoverThe primary background color variable for the hover state.$kendo-border-radius-xsmap.get($kendo-spacing, 1px)
Colorprimary-activeThe primary background color variable for the active state.
Description
The extra small border radius used across the Components.
+
Colorprimary-emphasisThe emphasized primary color variable.$kendo-border-radius-smmap.get($kendo-spacing, 0.5)
Colorprimary-on-subtleThe text color variable for content on primary subtle.
Description
The small border radius used across the Components.
+
Coloron-primaryThe text color variable for content on primary.$kendo-border-radius-mdmap.get($kendo-spacing, 1)
Colorprimary-on-surfaceThe text color variable for content on surface.
Description
The medium border radius used across the Components.
+
Colorsecondary-subtleThe secondary subtle background color variable.$kendo-border-radius-lgmap.get($kendo-spacing, 1.5)
Colorsecondary-subtle-hoverThe secondary subtle background color variable for the hover state.
Description
The large border radius used across the Components.
+
Colorsecondary-subtle-activeThe secondary subtle background color variable for the active state.$kendo-border-radius-xlmap.get($kendo-spacing, 2)
ColorsecondaryThe secondary background color variable.
Description
The extra large border radius used across the Components.
+
Colorsecondary-hoverThe secondary background color variable for the hover state.$kendo-border-radius-xxlmap.get($kendo-spacing, 3)
Colorsecondary-activeThe secondary background color variable for the active state.
Description
The third largest border radius used across the Components.
+
Colorsecondary-emphasisThe emphasized secondary color variable.$kendo-border-radius-xxxlmap.get($kendo-spacing, 4)
Colorsecondary-on-subtleThe text color variable for content on secondary subtle.
Description
The second largest border radius used across the Components.
+
Coloron-secondaryThe text color variable for content on secondary.$kendo-border-radius-full9999px
Colorsecondary-on-surfaceThe text color variable for content on surface.
Description
The largest border radius used across the Components.
+
Colortertiary-subtleThe tertiary subtle background color variable.$kendo-border-radiimap.merge($_default-border-radii, $kendo-border-radii)
Colortertiary-subtle-hoverThe tertiary subtle background color variable for the hover state.
Description
The global radii Map.
+
Colortertiary-subtle-activeThe tertiary subtle background color variable for the active state.
+ +### BottomNavigation + + + + + + + + + + + + + + + + + + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + + + +
NameTypeDefault valueComputed value
$kendo-bottom-nav-padding-xnull
ColortertiaryThe tertiary background color variable.
Description
The horizontal padding of the BottomNavigation.
+
Colortertiary-hoverThe tertiary background color variable for the hover state.$kendo-bottom-nav-padding-ynull
Colortertiary-activeThe tertiary background color variable for the active state.
Description
The vertical padding of the BottomNavigation.
+
Colortertiary-emphasisThe emphasized tertiary color variable.$kendo-bottom-nav-gapnull
Colortertiary-on-subtleThe text color variable for content on tertiary subtle.
Description
The spacing between the BottomNavigation items.
+
Coloron-tertiaryThe text color variable for content on tertiary.$kendo-bottom-nav-border-widthnull
Colortertiary-on-surfaceThe text color variable for content on surface.
Description
The width of the border around the BottomNavigation.
+
Colorinfo-subtleThe info subtle background color variable.$kendo-bottom-nav-font-familynull
Colorinfo-subtle-hoverThe info subtle background color variable for the hover state.
Description
The font family of the BottomNavigation.
+
Colorinfo-subtle-activeThe info subtle background color variable for the active state.$kendo-bottom-nav-font-sizenull
ColorinfoThe info background color variable.
Description
The font size of the BottomNavigation.
+
Colorinfo-hoverThe info background color variable for the hover state.$kendo-bottom-nav-line-heightnull
Colorinfo-activeThe info background color variable for the active state.
Description
The line height of the BottomNavigation.
+
Colorinfo-emphasisThe emphasized info color variable.$kendo-bottom-nav-letter-spacingnull
Colorinfo-on-subtleThe text color variable for content on info subtle.
Description
The letter spacing of the BottomNavigation.
+
Coloron-infoThe text color variable for content on info.$kendo-bottom-nav-item-padding-xnull
Colorinfo-on-surfaceThe text color variable for content on surface.
Description
The horizontal padding of the BottomNavigation item.
+
Colorsuccess-subtleThe success subtle background color variable.$kendo-bottom-nav-item-padding-ynull
Colorsuccess-subtle-hoverThe success subtle background color variable for the hover state.
Description
The vertical padding of the BottomNavigation item.
+
Colorsuccess-subtle-activeThe success subtle background color variable for the active state.$kendo-bottom-nav-item-min-widthnull
ColorsuccessThe success background color variable.
Description
The minimum width of the BottomNavigation item.
+
Colorsuccess-hoverThe success background color variable for the hover state.$kendo-bottom-nav-item-max-widthnull
Colorsuccess-activeThe success background color variable for the active state.
Description
The maximum width of the BottomNavigation item.
+
Colorsuccess-emphasisThe emphasized success color variable.$kendo-bottom-nav-item-min-heightnull
Colorsuccess-on-subtleThe text color variable for content on success subtle.
Description
The minimum height of the BottomNavigation item.
+
Coloron-successThe text color variable for content on success.$kendo-bottom-nav-item-border-radiusnull
Colorsuccess-on-surfaceThe text color variable for content on surface.
Description
The border radius of the BottomNavigation item.
+
Colorwarning-subtleThe warning subtle background color variable.$kendo-bottom-nav-item-gapnull
Colorwarning-subtle-hoverThe warning subtle background color variable for the hover state.
Description
The spacing of the BottomNavigation item.
+
Colorwarning-subtle-activeThe warning subtle background color variable for the active state.$kendo-bottom-nav-shadownull
ColorwarningThe warning background color variable.
Description
The box shadow of the BottomNavigation.
+
Colorwarning-hoverThe warning background color variable for the hover state.$kendo-bottom-nav-flat-textnull
Colorwarning-activeThe warning background color variable for the active state.
Description
The text color of the flat BottomNavigation.
+
Colorwarning-emphasisThe emphasized warning color variable.$kendo-bottom-nav-flat-bgnull
Colorwarning-on-subtleThe text color variable for content on warning subtle.
Description
The background color of the flat BottomNavigation.
+
Coloron-warningThe text color variable for content on warning.$kendo-bottom-nav-flat-bordernull
Colorwarning-on-surfaceThe text color variable for content on surface.
Description
The border color of the flat BottomNavigation.
+
+ +### Breadcrumb + + + + + + + + + + + + + + + + + + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-breadcrumb-border-widthnull
Colorerror-subtleThe error subtle background color variable.
Description
The width of the border around the Breadcrumb.
+
Colorerror-subtle-hoverThe error subtle background color variable for the hover state.$kendo-breadcrumb-margin-xnull
Colorerror-subtle-activeThe error subtle background color variable for the active state.
Description
The horizontal margin of the Breadcrumb.
+
ColorerrorThe error background color variable.$kendo-breadcrumb-margin-ynull
Colorerror-hoverThe error background color variable for the hover state.
Description
The vertical margin of the Breadcrumb.
+
Colorerror-activeThe error background color variable for the active state.$kendo-breadcrumb-padding-xnull
Colorerror-emphasisThe emphasized error color variable.
Description
The horizontal padding of the Breadcrumb.
+
Colorerror-on-subtleThe text color variable for content on error subtle.$kendo-breadcrumb-padding-ynull
Coloron-errorThe text color variable for content on error.
Description
The vertical padding of the Breadcrumb.
+
Colorerror-on-surfaceThe text color variable for content on surface.$kendo-breadcrumb-font-familynull
Colorlight-subtleThe light subtle background color variable.
Description
The font family of the Breadcrumb.
+
Colorlight-subtle-hoverThe light subtle background color variable for the hover state.$kendo-breadcrumb-font-sizenull
Colorlight-subtle-activeThe light subtle background color variable for the active state.
Description
The font size of the Breadcrumb.
+
ColorlightThe light background color variable.$kendo-breadcrumb-sm-font-sizenull
Colorlight-hoverThe light background color variable for the hover state.
Description
The font size of the small Breadcrumb.
+
Colorlight-activeThe light background color variable for the active state.$kendo-breadcrumb-md-font-sizenull
Colorlight-emphasisThe emphasized light color variable.
Description
The font size of the medium Breadcrumb.
+
Colorlight-on-subtleThe text color variable for content on light subtle.$kendo-breadcrumb-lg-font-sizenull
Coloron-lightThe text color variable for content on light.
Description
The font size of the large Breadcrumb.
+
Colorlight-on-surfaceThe text color variable for content on surface.$kendo-breadcrumb-line-heightnull
Colordark-subtleThe dark subtle background color variable.
Description
The line-height of the Breadcrumb.
+
Colordark-subtle-hoverThe dark subtle background color variable for the hover state.$kendo-breadcrumb-sm-line-heightnull
Colordark-subtle-activeThe dark subtle background color variable for the active state.
Description
The line-height of the small Breadcrumb.
+
ColordarkThe dark background color variable.$kendo-breadcrumb-md-line-heightnull
Colordark-hoverThe dark background color variable for the hover state.
Description
The line-height of the medium Breadcrumb.
+
Colordark-activeThe dark background color variable for the active state.$kendo-breadcrumb-lg-line-heightnull
Colordark-emphasisThe emphasized dark color variable.
Description
The line-height of the height Breadcrumb.
+
Colordark-on-subtleThe text color variable for content on dark subtle.$kendo-breadcrumb-bgnull
Coloron-darkThe text color variable for content on dark.
Description
The base background of the Breadcrumb.
+
Colordark-on-surfaceThe text color variable for content on surface.$kendo-breadcrumb-textnull
Colorinverse-subtleThe inverse subtle background color variable.
Description
The base text color of the Breadcrumb.
+
Colorinverse-subtle-hoverThe inverse subtle background color variable for the hover state.$kendo-breadcrumb-bordernull
Colorinverse-subtle-activeThe inverse subtle background color variable for the active state.
Description
The base border color of the Breadcrumb.
+
ColorinverseThe inverse background color variable.$kendo-breadcrumb-focus-shadownull
Colorinverse-hoverThe inverse background color variable for the hover state.
Description
The box shadow of the focused Breadcrumb.
+
Colorinverse-activeThe inverse background color variable for the active state.$kendo-breadcrumb-link-padding-xnull
Colorinverse-emphasisThe emphasized inverse color variable.
Description
The horizontal padding of the Breadcrumb link.
+
Colorinverse-on-subtleThe text color variable for content on inverse subtle.$kendo-breadcrumb-sm-link-padding-xnull
Coloron-inverseThe text color variable for content on inverse.
Description
The horizontal padding of the small Breadcrumb link.
+
Colorinverse-on-surfaceThe text color variable for content on surface.$kendo-breadcrumb-md-link-padding-xnull
Colorseries-aThe series A color variable.
Description
The horizontal padding of the medium Breadcrumb link.
+
Colorseries-a-boldThe bold series A color variable.$kendo-breadcrumb-lg-link-padding-xnull
Colorseries-a-bolderThe bolder series A color variable.
Description
The horizontal padding of the large Breadcrumb link.
+
Colorseries-a-subtleThe subtle series A color variable.$kendo-breadcrumb-link-padding-ynull
Colorseries-a-subtlerThe subtler series A color variable.
Description
The vertical padding of the Breadcrumb link.
+
Colorseries-bThe series B color variable.$kendo-breadcrumb-sm-link-padding-ynull
Color
Description
The vertical padding of the small Breadcrumb link.
+
$kendo-breadcrumb-md-link-padding-ynull
Description
The vertical padding of the medium Breadcrumb link.
+
$kendo-breadcrumb-lg-link-padding-ynull
Description
The vertical padding of the large Breadcrumb link.
+
$kendo-breadcrumb-link-border-radiusnull
Description
The border-radius of the Breadcrumb link.
+
$kendo-breadcrumb-icon-link-padding-ynull
Description
The vertical padding of the Breadcrumb link icon.
+
$kendo-breadcrumb-sm-icon-link-padding-ynull
Description
The vertical padding of the small Breadcrumb link icon.
+
$kendo-breadcrumb-md-icon-link-padding-ynull
Description
The vertical padding of the medium Breadcrumb link icon.
+
$kendo-breadcrumb-lg-icon-link-padding-ynull
Description
The vertical padding of the large Breadcrumb link icon.
+
$kendo-breadcrumb-icon-link-padding-xnull
Description
The horizontal padding of the Breadcrumb link icon.
+
$kendo-breadcrumb-sm-icon-link-padding-xnull
Description
The horizontal padding of the small Breadcrumb link icon.
+
$kendo-breadcrumb-md-icon-link-padding-xnull
Description
The horizontal padding of the medium Breadcrumb link icon.
+
$kendo-breadcrumb-lg-icon-link-padding-xnull
Description
The horizontal padding of the large Breadcrumb link icon.
+
$kendo-breadcrumb-link-initial-textnull
Description
The text color of the Breadcrumb link.
+
$kendo-breadcrumb-link-icon-spacingnull
Description
The spacing of the Breadcrumb link icon.
+
$kendo-breadcrumb-link-bgnull
Description
The background color of the Breadcrumb link.
+
$kendo-breadcrumb-link-textnull
Description
The text color of the Breadcrumb link.
+
$kendo-breadcrumb-link-bordernull
Description
The border color of the Breadcrumb link.
+
$kendo-breadcrumb-link-hover-bgnull
Description
The background color of the hovered Breadcrumb link.
+
$kendo-breadcrumb-link-hover-textnull
Description
The text color of the hovered Breadcrumb link.
+
$kendo-breadcrumb-link-hover-bordernull
Description
The border color of the hovered Breadcrumb link.
+
$kendo-breadcrumb-link-focus-bgnull
Description
The background color of the focused Breadcrumb link.
+
$kendo-breadcrumb-link-focus-textnull
Description
The text color of the focused Breadcrumb link.
+
$kendo-breadcrumb-link-focus-bordernull
Description
The border color of the focused Breadcrumb link.
+
$kendo-breadcrumb-link-focus-shadownull
Description
The box shadow of the focused Breadcrumb link.
+
$kendo-breadcrumb-root-link-bgnull
Description
The background color of the Breadcrumb root link.
+
$kendo-breadcrumb-root-link-textnull
Description
The text color of the Breadcrumb root link.
+
$kendo-breadcrumb-root-link-bordernull
Description
The border color of the Breadcrumb root link.
+
$kendo-breadcrumb-root-link-hover-bgnull
Description
The background color of the hovered Breadcrumb root link.
+
$kendo-breadcrumb-root-link-hover-textnull
Description
The text color of the hovered Breadcrumb root link.
+
$kendo-breadcrumb-root-link-hover-bordernull
Description
The border color of the hovered Breadcrumb root link.
+
$kendo-breadcrumb-root-link-focus-bgnull
Description
The background color of the focused Breadcrumb root link.
+
$kendo-breadcrumb-root-link-focus-textnull
Description
The text color of the focused Breadcrumb root link.
+
$kendo-breadcrumb-root-link-focus-bordernull
Description
The border color of the focused Breadcrumb root link.
+
$kendo-breadcrumb-root-link-focus-shadownull
Description
The box shadow of the focused Breadcrumb root link.
+
$kendo-breadcrumb-current-item-bgnull
Description
The background color of the current Breadcrumb root link.
+
$kendo-breadcrumb-current-item-textnull
Description
The text color of the current Breadcrumb root link.
+
$kendo-breadcrumb-current-item-bordernull
Description
The border color of the current Breadcrumb root link.
+
$kendo-breadcrumb-sizesnull
Description
The sizes map for the Breadcrumb.
+
+ +### Button + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-button-border-widthnull
Description
The width of the border around the Button.
+
$kendo-button-border-radiusnull
Description
The border radius of the Button.
+
$kendo-button-padding-xnull
Description
The horizontal padding of the Button.
+
$kendo-button-sm-padding-xnull
Description
The horizontal padding of the small Button.
+
$kendo-button-md-padding-xnull
Description
The horizontal padding of the medium Button.
+
$kendo-button-lg-padding-xnull
Description
The horizontal padding of the large Button.
+
$kendo-button-padding-ynull
Description
The vertical padding of the Button.
+
$kendo-button-sm-padding-ynull
Description
The vertical padding of the small Button.
+
$kendo-button-md-padding-ynull
Description
The vertical padding of the medium Button.
+
$kendo-button-lg-padding-ynull
Description
The vertical padding of the large Button.
+
$kendo-button-font-familynull
Description
The font family of the Button.
+
$kendo-button-font-sizenull
Description
The font size of the Button.
+
$kendo-button-sm-font-sizenull
Description
The font size of the small Button.
+
$kendo-button-md-font-sizenull
Description
The font size of the medium Button.
+
$kendo-button-lg-font-sizenull
Description
The font size of the large Button.
+
$kendo-button-line-heightnull
Description
The line height used along with the $kendo-font-size the.
+
$kendo-button-sm-line-heightnull
Description
The line height used along with the $kendo-font-size the of the small Button.
+
$kendo-button-md-line-heightnull
Description
The line height used along with the $kendo-font-size the of the medium Button.
+
$kendo-button-lg-line-heightnull
Description
The line height used along with the $kendo-font-size the of the large Button.
+
$kendo-button-calc-sizenull
Description
The calculated height of the Button.
+
$kendo-button-inner-calc-sizenull
Description
The calculated inner height of the Button excluding the border width.
+
$kendo-button-sizesnull
Description
The sizes map for the Button.
+
$kendo-button-theme-colorsnull
Description
The theme colors map for the Button.
+
$kendo-button-bgnull
Description
The base background of the Button.
+
$kendo-button-textnull
Description
The base text color of the Button.
+
$kendo-button-bordernull
Description
The base border color of the Button.
+
$kendo-button-gradientnull
Description
The base background gradient of the Button.
+
$kendo-button-shadownull
Description
The base shadow of the Button.
+
$kendo-button-hover-bgnull
Description
The base background of the hovered Button.
+
$kendo-button-hover-textnull
Description
The base text color of the hovered Button.
+
$kendo-button-hover-bordernull
Description
The base border color of the hovered Button.
+
$kendo-button-hover-gradientnull
Description
The base background gradient of the hovered Button.
+
$kendo-button-hover-shadownull
Description
The base shadow of the hovered Button.
+
$kendo-button-active-bgnull
Description
The base background color of the active Button.
+
$kendo-button-active-textnull
Description
The base text color of the active Button.
+
$kendo-button-active-bordernull
Description
The base border color of the active Button.
+
$kendo-button-active-gradientnull
Description
The base background gradient of the active Button.
+
$kendo-button-active-shadownull
Description
The base shadow of the active Button.
+
$kendo-button-selected-bgnull
Description
The base background color of the selected Button.
+
$kendo-button-selected-textnull
Description
The text color of the selected Button.
+
$kendo-button-selected-bordernull
Description
The border color of the selected Button.
+
$kendo-button-selected-gradientnull
Description
The background gradient of the selected Button.
+
$kendo-button-selected-shadownull
Description
The base shadow of the selected Button.
+
$kendo-button-focus-bgnull
Description
The base background of the focused Button.
+
$kendo-button-focus-textnull
Description
The base text color of the focused Button.
+
$kendo-button-focus-bordernull
Description
The base border color of the focused Button.
+
$kendo-button-focus-gradientnull
Description
The base background gradient of the focused Button.
+
$kendo-button-focus-shadownull
Description
The base shadow of the focused Button.
+
$kendo-button-disabled-bgnull
Description
The base background of the disabled Button.
+
$kendo-button-disabled-textnull
Description
The base text color of the disabled Button.
+
$kendo-button-disabled-bordernull
Description
The base border color of the disabled Button.
+
$kendo-button-disabled-gradientnull
Description
The base background gradient of the disabled Button.
+
$kendo-button-disabled-shadownull
Description
The base shadow of the disabled Button.
+
$kendo-flat-button-hover-opacitynull
Description
The overlay opacity of the hovered flat Button. Used to create a background for the flat Button.
+
$kendo-flat-button-focus-opacitynull
Description
The overlay opacity of the focused flat Button. Used to create a background for the flat Button.
+
$kendo-flat-button-active-opacitynull
Description
The overlay opacity of the active flat Button. Used to create background for the flat Button.
+
$kendo-flat-button-selected-opacitynull
Description
The overlay opacity of the selected flat Button. Used to create background for the flat Button.
+
$kendo-flat-button-focus-ring-opacitynull
Description
The opacity of the flat Button focus ring. Used to create a border for the flat Button.
+
$kendo-button-transitionnull
Description
The color transition of the flat Button.
+
+ +### Calendar + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-calendar-border-widthnull
Description
The width of the border around the Calendar.
+
$kendo-calendar-font-familynull
Description
The font family of the Calendar.
+
$kendo-calendar-font-sizenull
Description
The font size of the Calendar.
+
$kendo-calendar-line-heightnull
Description
The line height of the Calendar.
+
$kendo-calendar-cell-sizenull
Description
The size of the cells in the Calendar.
+
$kendo-calendar-bgnull
Description
The background color of the Calendar.
+
$kendo-calendar-textnull
Description
The text color of the Calendar.
+
$kendo-calendar-bordernull
Description
The border color of the Calendar.
+
$kendo-calendar-header-padding-xnull
Description
The horizontal padding of the header in the Calendar.
+
$kendo-calendar-header-padding-ynull
Description
The vertical padding of the header in the Calendar.
+
$kendo-calendar-header-border-widthnull
Description
The border width of the header in the Calendar.
+
$kendo-calendar-header-bgnull
Description
The background color of the header in the Calendar.
+
$kendo-calendar-header-textnull
Description
The text color of the header in the Calendar.
+
$kendo-calendar-header-bordernull
Description
The border color of the header in the Calendar.
+
$kendo-calendar-header-gradientnull
Description
The gradient of the header in the Calendar.
+
$kendo-calendar-header-shadownull
Description
The shadow of the header in the Calendar.
+
$kendo-calendar-nav-gapnull
Description
The gap between the items in the navigation of the Calendar.
+
$kendo-calendar-footer-padding-xnull
Description
The horizontal padding of the footer in the Calendar.
+
$kendo-calendar-footer-padding-ynull
Description
The vertical padding of the footer in the Calendar.
+
$kendo-calendar-cell-padding-xnull
Description
The horizontal padding of the cells in the Calendar.
+
$kendo-calendar-cell-padding-ynull
Description
The vertical padding of the cells in the Calendar.
+
$kendo-calendar-cell-line-heightnull
Description
The line height of the cells in the Calendar.
+
$kendo-calendar-cell-border-radiusnull
Description
The border radius of the cells in the Calendar.
+
$kendo-calendar-header-cell-padding-xnull
Description
The horizontal padding of the header cells in the Calendar.
+
$kendo-calendar-header-cell-padding-ynull
Description
The vertical padding of the header cells in the Calendar.
+
$kendo-calendar-header-cell-widthnull
Description
The width of the header cells in the Calendar.
+
$kendo-calendar-header-cell-heightnull
Description
The height of the header cells in the Calendar.
+
$kendo-calendar-header-cell-font-sizenull
Description
The font size of the header cells in the Calendar.
+
$kendo-calendar-header-cell-line-heightnull
Description
The line height of the header cells in the Calendar.
+
$kendo-calendar-header-cell-bgnull
Description
The background color of the header cells in the Calendar.
+
$kendo-calendar-header-cell-textnull
Description
The text color of the header cells in the Calendar.
+
$kendo-calendar-header-cell-opacitynull
Description
The opacity of the header cells in the Calendar.
+
$kendo-calendar-caption-padding-xnull
Description
The horizontal padding of the caption in the Calendar.
+
$kendo-calendar-caption-padding-ynull
Description
The vertical padding of the caption in the Calendar.
+
$kendo-calendar-caption-heightnull
Description
The height of the caption in the Calendar.
+
$kendo-calendar-caption-font-sizenull
Description
The font size of the caption in the Calendar.
+
$kendo-calendar-caption-line-heightnull
Description
The line height of the caption in the Calendar.
+
$kendo-calendar-caption-font-weightnull
Description
The font weight of the caption in the Calendar.
+
$kendo-calendar-week-number-font-sizenull
Description
The font size of the week number cells in the Calendar.
+
$kendo-calendar-view-widthnull
Description
The width of the Calendar view.
+
$kendo-calendar-view-heightnull
Description
The height of the Calendar view.
+
$kendo-calendar-view-gapnull
Description
The gap between the items in the Calendar view.
+
$kendo-calendar-weekend-bgnull
Description
The background color of the weekend cells in the Calendar.
+
$kendo-calendar-weekend-textnull
Description
The text color of the weekend cells in the Calendar.
+
$kendo-calendar-today-stylenull
Description
The style of the current day in the Calendar.
+
$kendo-calendar-today-colornull
Description
The color of the current day in the Calendar.
+
$kendo-calendar-week-number-bgnull
Description
The background color of the week number cells in the Calendar.
+
$kendo-calendar-week-number-textnull
Description
The text color of the week number cells in the Calendar.
+
$kendo-calendar-other-month-bgnull
Description
The background color of the preceding/subsequent month cells in the Calendar.
+
$kendo-calendar-other-month-textnull
Description
The text color of the preceding/subsequent month cells in the Calendar.
+
$kendo-calendar-cell-bgnull
Description
The background color of the cells in the Calendar.
+
$kendo-calendar-cell-textnull
Description
The text color of the cells in the Calendar.
+
$kendo-calendar-cell-bordernull
Description
The border color of the cells in the Calendar.
+
$kendo-calendar-cell-gradientnull
Description
The gradient of the cells in the Calendar.
+
$kendo-calendar-cell-hover-bgnull
Description
The background color of the hovered cells in the Calendar.
+
$kendo-calendar-cell-hover-textnull
Description
The text color of the hovered cells in the Calendar.
+
$kendo-calendar-cell-hover-bordernull
Description
The border color of the hovered cells in the Calendar.
+
$kendo-calendar-cell-hover-gradientnull
Description
The gradient of the hovered cells in the Calendar.
+
$kendo-calendar-cell-selected-bgnull
Description
The background color of the selected cells in the Calendar.
+
$kendo-calendar-cell-selected-textnull
Description
The text color of the selected cells in the Calendar.
+
$kendo-calendar-cell-selected-bordernull
Description
The border color of the selected cells in the Calendar.
+
$kendo-calendar-cell-selected-gradientnull
Description
The gradient of the selected cells in the Calendar.
+
$kendo-calendar-cell-selected-hover-bgnull
Description
The background color of the selected and hovered cells in the Calendar.
+
$kendo-calendar-cell-selected-hover-textnull
Description
The text color of the selected and hovered cells in the Calendar.
+
$kendo-calendar-cell-selected-hover-bordernull
Description
The border color of the selected and hovered cells in the Calendar.
+
$kendo-calendar-cell-selected-hover-gradientnull
Description
The gradient of the selected and hovered cells in the Calendar.
+
$kendo-calendar-cell-focus-shadownull
Description
The shadow of the focused cells in the Calendar.
+
$kendo-calendar-cell-selected-focus-shadownull
Description
The shadow of the selected and focused cells in the Calendar.
+
$kendo-calendar-navigation-widthnull
Description
The width of the Calendar navigation.
+
$kendo-calendar-navigation-item-heightnull
Description
The height of the items in the Calendar navigation.
+
$kendo-calendar-navigation-bgnull
Description
The background color of the Calendar navigation.
+
$kendo-calendar-navigation-textnull
Description
The text color of the Calendar navigation.
+
$kendo-calendar-navigation-bordernull
Description
The border color of the Calendar navigation.
+
$kendo-calendar-navigation-hover-textnull
Description
The text color of the hovered items in the Calendar navigation.
+
$kendo-infinite-calendar-header-padding-xnull
Description
The horizontal padding of the header in the Infinite Calendar.
+
$kendo-infinite-calendar-header-padding-ynull
Description
The vertical padding of the header in the Infinite Calendar.
+
$kendo-infinite-calendar-view-padding-xnull
Description
The horizontal padding of the Calendar view in the Infinite Calendar.
+
$kendo-infinite-calendar-view-padding-ynull
Description
The vertical padding of the Calendar view in the Infinite Calendar.
+
$kendo-infinite-calendar-view-heightnull
Description
The height of the Calendar view in the Infinite Calendar.
+
$kendo-calendar-range-cell-border-radiusnull
Description
The border radius of the range cells in the Multiview Calendar.
+
$kendo-calendar-sm-font-sizenull
Description
The font size of the small Calendar.
+
$kendo-calendar-sm-line-heightnull
Description
The line height of the small Calendar.
+
$kendo-calendar-sm-cell-sizenull
Description
The size of the cells in the small Calendar.
+
$kendo-calendar-sm-cell-padding-xnull
Description
The horizontal padding of the cells in the small Calendar.
+
$kendo-calendar-sm-cell-padding-ynull
Description
The vertical padding of the cells in the small Calendar.
+
$kendo-calendar-md-font-sizenull
Description
The font size of the medium Calendar.
+
$kendo-calendar-md-line-heightnull
Description
The line height of the medium Calendar.
+
$kendo-calendar-md-cell-sizenull
Description
The size of the cells in the medium Calendar.
+
$kendo-calendar-md-cell-padding-xnull
Description
The horizontal padding of the cells in the medium Calendar.
+
$kendo-calendar-md-cell-padding-ynull
Description
The vertical padding of the cells in the medium Calendar.
+
$kendo-calendar-lg-font-sizenull
Description
The font size of the large Calendar.
+
$kendo-calendar-lg-line-heightnull
Description
The line height of the large Calendar.
+
$kendo-calendar-lg-cell-sizenull
Description
The size of the cells in the large Calendar.
+
$kendo-calendar-lg-cell-padding-xnull
Description
The horizontal padding of the cells in the large Calendar.
+
$kendo-calendar-lg-cell-padding-ynull
Description
The vertical padding of the cells in the large Calendar.
+
$kendo-calendar-sizesnull
Description
The sizes Map of the Calendar.
+
+ +### Captcha + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-captcha-spacernull
Description
The spacer of the Captcha.
+
$kendo-captcha-widthnull
Description
The width of the Captcha.
+
$kendo-captcha-font-familynull
Description
The font family of the Captcha.
+
$kendo-captcha-font-sizenull
Description
The font size of the Captcha.
+
$kendo-captcha-line-heightnull
Description
The line height of the Captcha.
+
$kendo-captcha-gapnull
Description
The gap of the Captcha.
+
$kendo-captcha-bgnull
Description
The background color of the Captcha.
+
$kendo-captcha-textnull
Description
The text color of the Captcha.
+
$kendo-captcha-bordernull
Description
The border color of the Captcha.
+
$kendo-captcha-image-wrap-gapnull
Description
The gap of the Captcha image wrapper.
+
$kendo-captcha-image-controls-gapnull
Description
The gap of the Captcha image controls.
+
$kendo-captcha-validation-message-margin-topnull
Description
The top margin of the Captcha validation message.
+
$kendo-captcha-validation-message-font-sizenull
Description
The font size of the Captcha validation message.
+
$kendo-captcha-validation-message-font-stylenull
Description
The font style of the Captcha validation message.
+
+ +### Card + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-card-padding-xnull
Description
The horizontal padding of the Card.
+
$kendo-card-padding-ynull
Description
The vertical padding of the Card.
+
$kendo-card-border-widthnull
Description
The width of the border around the Card.
+
$kendo-card-border-radiusnull
Description
The border radius of the Card.
+
$kendo-card-inner-border-radiusnull
Description
The inner border radius of the Card.
+
$kendo-card-font-familynull
Description
The font family of the Card.
+
$kendo-card-font-sizenull
Description
The font size of the Card.
+
$kendo-card-line-heightnull
Description
The line height of the Card.
+
$kendo-card-deck-gapnull
Description
The spacing between the Cards in the Card deck.
+
$kendo-card-bgnull
Description
The background color of the Card.
+
$kendo-card-textnull
Description
The text color of the Card.
+
$kendo-card-bordernull
Description
The border color of the Card.
+
$kendo-card-shadownull
Description
The shadow of the Card.
+
$kendo-card-focus-bgnull
Description
The background color of the focused Card.
+
$kendo-card-focus-textnull
Description
The text color of the focused Card.
+
$kendo-card-focus-bordernull
Description
The border color of the focused Card.
+
$kendo-card-focus-shadownull
Description
The shadow of the focused Card.
+
$kendo-card-header-padding-xnull
Description
The horizontal padding of the Card header.
+
$kendo-card-header-padding-ynull
Description
The vertical padding of the Card header.
+
$kendo-card-header-border-widthnull
Description
The bottom border width of the Card header.
+
$kendo-card-header-bgnull
Description
The background color of the Card header.
+
$kendo-card-header-textnull
Description
The text color of the Card header.
+
$kendo-card-header-bordernull
Description
The border color of the Card header.
+
$kendo-card-body-padding-xnull
Description
The horizontal padding of the Card body.
+
$kendo-card-body-padding-ynull
Description
The vertical padding of the Card body.
+
$kendo-card-footer-padding-xnull
Description
The horizontal padding of the Card footer.
+
$kendo-card-footer-padding-ynull
Description
The vertical padding of the Card footer.
+
$kendo-card-footer-border-widthnull
Description
The top border width of the Card footer.
+
$kendo-card-footer-bgnull
Description
The background color of the Card footer.
+
$kendo-card-footer-textnull
Description
The text color of the Card footer.
+
$kendo-card-footer-bordernull
Description
The border color of the Card footer.
+
$kendo-card-title-margin-bottomnull
Description
The bottom margin of the Card title.
+
$kendo-card-title-font-sizenull
Description
The font size of the Card title.
+
$kendo-card-title-font-familynull
Description
The font family of the Card title.
+
$kendo-card-title-line-heightnull
Description
The line height of the Card title.
+
$kendo-card-title-font-weightnull
Description
The font weight of the Card title.
+
$kendo-card-title-letter-spacingnull
Description
The letter spacing of the Card title.
+
$kendo-card-subtitle-margin-bottomnull
Description
The bottom margin of the Card subtitle.
+
$kendo-card-subtitle-font-sizenull
Description
The font size of the Card subtitle.
+
$kendo-card-subtitle-font-familynull
Description
The font family of the Card subtitle.
+
$kendo-card-subtitle-line-heightnull
Description
The line height of the Card subtitle.
+
$kendo-card-subtitle-font-weightnull
Description
The font weight of the Card subtitle.
+
$kendo-card-subtitle-letter-spacingnull
Description
The letter spacing of the Card subtitle.
+
$kendo-card-subtitle-textnull
Description
The text color of the Card subtitle.
+
$kendo-card-img-max-widthnull
Description
The maximum width of the Card image.
+
$kendo-card-avatar-sizenull
Description
The size of the Avatar in the Card.
+
$kendo-card-avatar-spacingnull
Description
The spacing between the Avatar and the text in the Card.
+
$kendo-card-actions-padding-xnull
Description
The horizontal padding of the Card actions.
+
$kendo-card-actions-padding-ynull
Description
The vertical padding of the Card actions.
+
$kendo-card-actions-border-widthnull
Description
The top border width of the Card actions.
+
$kendo-card-actions-gapnull
Description
The spacing between the Card actions.
+
$kendo-card-deck-scroll-button-radiusnull
Description
The border radius of the scroll button in the Card deck.
+
$kendo-card-deck-scroll-button-offsetnull
Description
The border radius of the scroll button in the Card deck.
+
$kendo-card-callout-widthnull
Description
The width of the Card callout.
+
$kendo-card-callout-heightnull
Description
The height of the Card callout.
+
+ +### ChartWizard + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-chart-wizard-icon-area-colornull
Description
The color of the area around the chart type icon.
+
$kendo-chart-wizard-icon-area-bgnull
Description
The background color of the area around the chart type icon.
+
$kendo-chart-wizard-icon-area-border-radiusnull
Description
The border radius of the area around the chart type icon.
+
$kendo-chart-wizard-icon-area-paddingnull
Description
The padding of the area around the chart type icon.
+
$kendo-chart-wizard-icon-area-focus-shadownull
Description
The box shadow of the focused area around the chart type icon.
+
$kendo-chart-wizard-icon-area-selected-shadownull
Description
The box shadow of the selected area around the chart type icon.
+
$kendo-chart-wizard-chart-type-selected-colornull
Description
The color of the selected chart type items in the Property panel.
+
$kendo-chart-wizard-preview-pane-paddingnull
Description
The padding of the preview pane.
+
$kendo-chart-wizard-property-pane-paddingnull
Description
The padding of the property pane.
+
$kendo-chart-wizard-chart-type-spacingnull
Description
The gap between the chart type items in the Property panel.
+
$kendo-chart-wizard-icon-text-gapnull
Description
The gap between the icon area and its text.
+
+ +### Charts + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-series-anull
Description
The first base series color and its light and dark shades.
+
$kendo-series-bnull
Description
The second base series color and its light and dark shades.
+
$kendo-series-cnull
Description
The third base series color and its light and dark shades.
+
$kendo-series-dnull
Description
The fourth base series color and its light and dark shades.
+
$kendo-series-enull
Description
The fifth base series color and its light and dark shades.
+
$kendo-series-fnull
Description
The sixth base series color and its light and dark shades.
+
$kendo-series-1null
Description
The series colors in order:
base, light, dark, lighter, darker
+
$kendo-chart-major-linesnull
Description
The color of the Chart grid lines (major).
+
$kendo-chart-minor-linesnull
Description
The color of the Chart grid lines (minor).
+
+ +### Chat + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-chat-padding-xnull
Description
The horizontal padding of the Chat.
+
$kendo-chat-padding-ynull
Description
The vertical padding of the Chat.
+
$kendo-chat-widthnull
Description
The width of the Chat.
+
$kendo-chat-heightnull
Description
The height of the Chat.
+
$kendo-chat-border-widthnull
Description
The border width of the Chat.
+
$kendo-chat-font-familynull
Description
The font family of the Chat.
+
$kendo-chat-font-sizenull
Description
The font size of the Chat.
+
$kendo-chat-line-heightnull
Description
The line height of the Chat.
+
$kendo-chat-item-spacing-xnull
Description
The horizontal spacing between the items of the Chat.
+
$kendo-chat-item-spacing-ynull
Description
The vertical spacing between the items of the Chat.
+
$kendo-chat-message-list-padding-xnull
Description
The horizontal padding of the Chat message list.
+
$kendo-chat-message-list-padding-ynull
Description
The vertical padding of the Chat message list.
+
$kendo-chat-message-list-spacingnull
Description
The spacing of the Chat message list.
+
$kendo-chat-timestamp-font-sizenull
Description
The font size of the Chat timestamp.
+
$kendo-chat-timestamp-line-heightnull
Description
The line height of the Chat timestamp.
+
$kendo-chat-timestamp-transformnull
Description
The text transform of the Chat timestamp.
+
$kendo-chat-timestamp-textnull
Description
The text color of the Chat timestamp.
+
$kendo-chat-timestamp-bgnull
Description
The background color of the Chat timestamp.
+
$kendo-chat-message-meta-font-sizenull
Description
The font size of the Chat message meta text.
+
$kendo-chat-message-meta-line-heightnull
Description
The line height of the Chat message meta text.
+
$kendo-chat-author-font-sizenull
Description
The font size of the Chat author text.
+
$kendo-chat-author-line-heightnull
Description
The line height of the Chat author text.
+
$kendo-chat-bubble-padding-xnull
Description
The horizontal padding of the Chat bubble message.
+
$kendo-chat-bubble-padding-ynull
Description
The vertical padding of the Chat bubble message.
+
$kendo-chat-bubble-spacingnull
Description
The spacing of the Chat bubble message.
+
$kendo-chat-bubble-line-heightnull
Description
The line height of the Chat bubble message.
+
$kendo-chat-bubble-border-radiusnull
Description
The border radius of the Chat bubble message.
+
$kendo-chat-bubble-border-radius-smnull
Description
The border radius of the Chat small bubble message
+
$kendo-chat-avatar-sizenull
Description
The size of the Chat Avatar.
+
$kendo-chat-avatar-spacingnull
Description
The spacing of the Chat Avatar.
+
$kendo-chat-toolbar-padding-xnull
Description
The horizontal padding of the Chat Toolbar.
+
$kendo-chat-toolbar-padding-ynull
Description
The vertical padding of the Chat Toolbar.
+
$kendo-chat-toolbar-spacingnull
Description
The spacing of the Chat Toolbar.
+
$kendo-chat-toolbar-bgnull
Description
The background color of the Chat Toolbar.
+
$kendo-chat-toolbar-textnull
Description
The text color of the Chat Toolbar.
+
$kendo-chat-toolbar-bordernull
Description
The border color of the Chat Toolbar.
+
$kendo-chat-quick-reply-padding-xnull
Description
The horizontal padding of the Chat quick reply.
+
$kendo-chat-quick-reply-padding-ynull
Description
The vertical padding of the Chat quick reply.
+
$kendo-chat-quick-reply-spacingnull
Description
The spacing of the Chat quick reply.
+
$kendo-chat-quick-reply-line-heightnull
Description
The line height of the Chat quick reply.
+
$kendo-chat-bgnull
Description
The background color of the Chat.
+
$kendo-chat-textnull
Description
The text color of the Chat.
+
$kendo-chat-bordernull
Description
The border color of the Chat.
+
$kendo-chat-bubble-bgnull
Description
The background color of the Chat bubble.
+
$kendo-chat-bubble-textnull
Description
The text color of the Chat bubble.
+
$kendo-chat-bubble-bordernull
Description
The border color of the Chat bubble.
+
$kendo-chat-bubble-shadownull
Description
The box shadow of the Chat bubble.
+
$kendo-chat-bubble-hover-shadownull
Description
The shadow of the hovered Chat bubble.
+
$kendo-chat-bubble-selected-shadownull
Description
The shadow of the selected Chat bubble.
+
$kendo-chat-alt-bubble-bgnull
Description
The background color of the Chat alt bubble.
+
$kendo-chat-alt-bubble-textnull
Description
The text color of the Chat alt bubble.
+
$kendo-chat-alt-bubble-bordernull
Description
The border color of the Chat alt bubble.
+
$kendo-chat-alt-bubble-shadownull
Description
The shadow of the Chat alt bubble.
+
$kendo-chat-alt-bubble-hover-shadownull
Description
The shadow of the hovered Chat alt bubble.
+
$kendo-chat-alt-bubble-selected-shadownull
Description
The shadow of the selected Chat alt bubble.
+
$kendo-chat-quick-reply-bgnull
Description
The background color of the Chat quick reply.
+
$kendo-chat-quick-reply-textnull
Description
The text color of the Chat quick reply.
+
$kendo-chat-quick-reply-bordernull
Description
The border color of the Chat quick reply.
+
$kendo-chat-quick-reply-hover-bgnull
Description
The background color of the hovered Chat quick reply.
+
$kendo-chat-quick-reply-hover-textnull
Description
The text color of the hovered Chat quick reply.
+
$kendo-chat-quick-reply-hover-bordernull
Description
The border color of the hovered Chat quick reply.
+
$kendo-chat-quick-reply-shadow-blurnull
Description
The shadow blur of the focused Chat quick reply.
+
$kendo-chat-quick-reply-shadow-spreadnull
Description
The shadow spread of the focused Chat quick reply.
+
$kendo-chat-quick-reply-shadow-opacitynull
Description
The shadow opacity of the focused Chat quick reply.
+
+ +### Checkbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-checkbox-border-widthnull
Description
The border width of the CheckBox.
+
$kendo-checkbox-sm-sizenull
Description
The size of a small CheckBox.
+
$kendo-checkbox-md-sizenull
Description
The size of a medium CheckBox.
+
$kendo-checkbox-lg-sizenull
Description
The size of a large CheckBox.
+
$kendo-checkbox-sm-glyph-sizenull
Description
The glyph size of a small CheckBox.
+
$kendo-checkbox-md-glyph-sizenull
Description
The glyph size of a medium CheckBox.
+
$kendo-checkbox-lg-glyph-sizenull
Description
The glyph size of a large CheckBox.
+
$kendo-checkbox-sm-ripple-sizenull
Description
The ripple size of a small CheckBox.
+
$kendo-checkbox-md-ripple-sizenull
Description
The ripple size of a medium CheckBox.
+
$kendo-checkbox-lg-ripple-sizenull
Description
The ripple size of a large CheckBox.
+
$kendo-checkbox-bgnull
Description
The background color of the CheckBox.
+
$kendo-checkbox-textnull
Description
The text color of the CheckBox.
+
$kendo-checkbox-bordernull
Description
The border color of the CheckBox.
+
$kendo-checkbox-hover-bgnull
Description
The background color of the hovered CheckBox.
+
$kendo-checkbox-hover-textnull
Description
The text color of the hovered CheckBox.
+
$kendo-checkbox-hover-bordernull
Description
The border color of the hovered CheckBox.
+
$kendo-checkbox-checked-bgnull
Description
The background color of the checked CheckBox.
+
$kendo-checkbox-checked-textnull
Description
The text color of the checked CheckBox.
+
$kendo-checkbox-checked-bordernull
Description
The border color of the checked CheckBox.
+
$kendo-checkbox-indeterminate-bgnull
Description
The background color of the indeterminate CheckBox.
+
$kendo-checkbox-indeterminate-textnull
Description
The text color of the indeterminate CheckBox.
+
$kendo-checkbox-indeterminate-bordernull
Description
The border color of the indeterminate CheckBox.
+
$kendo-checkbox-focus-bordernull
Description
The border color of the focused CheckBox.
+
$kendo-checkbox-focus-shadownull
Description
The box shadow of the focused CheckBox.
+
$kendo-checkbox-focus-checked-bordernull
Description
The border color of the focused and checked CheckBox.
+
$kendo-checkbox-focus-checked-shadownull
Description
The box shadow of the focused and checked CheckBox.
+
$kendo-checkbox-disabled-bgnull
Description
The background color of the disabled CheckBox.
+
$kendo-checkbox-disabled-textnull
Description
The text color of the disabled CheckBox.
+
$kendo-checkbox-disabled-bordernull
Description
The border color of the disabled CheckBox.
+
$kendo-checkbox-disabled-checked-bgnull
Description
The background color of the disabled and checked CheckBox.
+
$kendo-checkbox-disabled-checked-textnull
Description
The text color of the disabled and checked CheckBox.
+
$kendo-checkbox-disabled-checked-bordernull
Description
The border color of the disabled and checked CheckBox.
+
$kendo-checkbox-invalid-bgnull
Description
The background color of an invalid CheckBox.
+
$kendo-checkbox-invalid-textnull
Description
The text color of an invalid CheckBox.
+
$kendo-checkbox-invalid-bordernull
Description
The border color of an invalid CheckBox.
+
$kendo-checkbox-indicator-typenull
Description
The type of the CheckBox indicator.
+
$kendo-checkbox-glyph-font-familynull
Description
The font family of the CheckBox indicator glyph.
+
$kendo-checkbox-checked-glyphnull
Description
The glyph of the CheckBox indicator.
+
$kendo-checkbox-indeterminate-glyphnull
Description
The glyph of the indeterminate CheckBox indicator.
+
$kendo-checkbox-checked-imagenull
Description
The image for a checked CheckBox indicator.
+
$kendo-checkbox-indeterminate-imagenull
Description
The image for a indeterminate CheckBox indicator.
+
$kendo-checkbox-label-margin-xnull
Description
The horizontal margin of the CheckBox inside a label.
+
$kendo-checkbox-list-spacingnull
Description
The spacing between the items in a horizontal CheckBox list.
+
$kendo-checkbox-list-item-padding-xnull
Description
The horizontal padding of the CheckBox list items.
+
$kendo-checkbox-list-item-padding-ynull
Description
The vertical padding of the CheckBox list items.
+
$kendo-checkbox-ripple-bgnull
Description
The background color of the CheckBox' ripple.
+
$kendo-checkbox-ripple-opacitynull
Description
The opacity of the CheckBox' ripple.
+
+ +### Chip + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-chip-border-widthnull
Description
The width of the border around the Chip.
+
$kendo-chip-spacingnull
Description
The spacing between the text and the icons of the Chip.
+
$kendo-chip-padding-xnull
Description
The horizontal padding of the Chip.
+
$kendo-chip-sm-padding-xnull
Description
The horizontal padding of the small Chip.
+
$kendo-chip-md-padding-xnull
Description
The horizontal padding of the medium Chip.
+
$kendo-chip-lg-padding-xnull
Description
The horizontal padding of the large Chip.
+
$kendo-chip-padding-ynull
Description
The vertical padding of the Chip.
+
$kendo-chip-sm-padding-ynull
Description
The vertical padding of the small Chip.
+
$kendo-chip-md-padding-ynull
Description
The vertical padding of the medium Chip.
+
$kendo-chip-lg-padding-ynull
Description
The vertical padding of the large Chip.
+
$kendo-chip-font-sizenull
Description
The font size of the Chip.
+
$kendo-chip-sm-font-sizenull
Description
The font size of the small Chip.
+
$kendo-chip-md-font-sizenull
Description
The font size of the medium Chip.
+
$kendo-chip-lg-font-sizenull
Description
The font size of the large Chip.
+
$kendo-chip-line-heightnull
Description
The Chip's line height that is related to the $kendo-font-size.
+
$kendo-chip-sm-line-heightnull
Description
The small Chip's line height that is related to the $kendo-font-size.
+
$kendo-chip-md-line-heightnull
Description
The medium Chip's line height that is related to the $kendo-font-size.
+
$kendo-chip-lg-line-heightnull
Description
The large Chip's line height that is related to the $kendo-font-size.
+
$kendo-chip-calc-sizenull
Description
The calculated height of the Chip.
+
$kendo-chip-sizesnull
Description
The map with the sizes of the Chip.
+
$kendo-chip-base-bgnull
Description
The base background of the Chip.
+
$kendo-chip-theme-colorsnull
Description
The theme colors map for the Chip.
+
$kendo-chip-solid-bgnull
Description
The base background color of the solid Chip.
+
$kendo-chip-solid-textnull
Description
The base text color of the solid Chip.
+
$kendo-chip-solid-bordernull
Description
The base border color of the solid Chip.
+
$kendo-chip-solid-shadownull
Description
The base shadow of the solid Chip.
+
$kendo-chip-solid-gradientnull
Description
The base gradient of the solid Chip.
+
$kendo-chip-solid-focus-bgnull
Description
The base background color of the focused solid Chip.
+
$kendo-chip-solid-focus-textnull
Description
The base text color of the focused solid Chip.
+
$kendo-chip-solid-hover-bgnull
Description
The base background color of the hovered solid Chip.
+
$kendo-chip-solid-hover-textnull
Description
The base text color of the hovered solid Chip.
+
$kendo-chip-solid-selected-bgnull
Description
The base background color of the selected solid Chip.
+
$kendo-chip-solid-selected-textnull
Description
The base text color of the selected solid Chip.
+
$kendo-chip-outline-bgnull
Description
The base background color of the outline Chip.
+
$kendo-chip-outline-textnull
Description
The base text color of the outline Chip.
+
$kendo-chip-outline-bordernull
Description
The base border color of the outline Chip.
+
$kendo-chip-outline-shadownull
Description
The base shadow of the outline Chip.
+
$kendo-chip-outline-hover-bgnull
Description
The base background color of the hovered outline Chip.
+
$kendo-chip-outline-hover-textnull
Description
The base text color of the hovered outline Chip.
+
$kendo-chip-outline-selected-bgnull
Description
The base background color of the selected outline Chip.
+
$kendo-chip-outline-selected-textnull
Description
The base text color of the selected outline Chip.
+
$kendo-chip-list-sizesnull
Description
The sizes of the Chip list.
+
+ +### Color System + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-color-white#ffffff
Description
The color white.
Note: you cannot change this value.
+
$kendo-color-black#000000
Description
The color black.
Note: you cannot change this value.
+
$kendo-color-rgba-transparentrgba(0, 0, 0, 0)
Description
The color transparent.
Note: you cannot change this value.
+
$kendo-gradient-transparent-to-blackrgba(black, 0), black
Description
A gradient that goes from transparent to black.
Note: you cannot change this value.
+
$kendo-gradient-transparent-to-whitergba(white, 0), white
Description
A gradient that goes from transparent to white.
Note: you cannot change this value.
+
$kendo-gradient-black-to-transparentblack, rgba(black, 0)
Description
A gradient that goes from black to transparent.
Note: you cannot change this value.
+
$kendo-gradient-white-to-transparentwhite, rgba(white, 0)
Description
A gradient that goes from white to transparent.
Note: you cannot change this value.
+
$kendo-gradient-rainbow#ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000
Description
A gradient that cycles through the colors of the rainbow.
Note: you cannot change this value.
+
$kendo-colors$_default-colors
Description
The global default Colors map.
+
+
Groups
The groups of the $kendo-colors
+
GroupValuesDescription
misc app-surface, on-app-surface, subtle, surface, surface-alt, border, border-altThe Misc variable group.
base base-subtle, base-subtle-hover, base-subtle-active, base, base-hover, base-active, base-emphasis, base-on-subtle, on-base, base-on-surfaceThe Base variable group.
primary primary-subtle, primary-subtle-hover, primary-subtle-active, primary, primary-hover, primary-active, primary-emphasis, primary-on-subtle, on-primary, primary-on-surfaceThe Primary variable group.
secondary secondary-subtle, secondary-subtle-hover, secondary-subtle-active, secondary, secondary-hover, secondary-active, secondary-emphasis, secondary-on-subtle, on-secondary, secondary-on-surfaceThe Secondary variable group.
tertiary tertiary-subtle, tertiary-subtle-hover, tertiary-subtle-active, tertiary, tertiary-hover, tertiary-active, tertiary-emphasis, tertiary-on-subtle, on-tertiary, tertiary-on-surfaceThe Tertiary variable group.
info info-subtle, info-subtle-hover, info-subtle-active, info, info-hover, info-active, info-emphasis, info-on-subtle, on-info, info-on-surfaceThe Info variable group.
success success-subtle, success-subtle-hover, success-subtle-active, success, success-hover, success-active, success-emphasis, success-on-subtle, on-success, success-on-surfaceThe Success variable group.
warning warning-subtle, warning-subtle-hover, warning-subtle-active, warning, warning-hover, warning-active, warning-emphasis, warning-on-subtle, on-warning, warning-on-surfaceThe Warning variable group.
error error-subtle, error-subtle-hover, error-subtle-active, error, error-hover, error-active, error-emphasis, error-on-subtle, on-error, error-on-surfaceThe Error variable group.
light light-subtle, light-subtle-hover, light-subtle-active, light, light-hover, light-active, light-emphasis, light-on-subtle, on-light, light-on-surfaceThe Light variable group.
dark dark-subtle, dark-subtle-hover, dark-subtle-active, dark, dark-hover, dark-active, dark-emphasis, dark-on-subtle, on-dark, dark-on-surfaceThe Dark variable group.
inverse inverse-subtle, inverse-subtle-hover, inverse-subtle-active, inverse, inverse-hover, inverse-active, inverse-emphasis, inverse-on-subtle, on-inverse, inverse-on-surfaceThe Inverse variable group.
series-a series-a, series-a-bold, series-a-bolder, series-a-subtle, series-a-subtlerThe Series A variable group.
series-b series-b, series-b-bold, series-b-bolder, series-b-subtle, series-b-subtlerThe Series B variable group.
series-c series-c, series-c-bold, series-c-bolder, series-c-subtle, series-c-subtlerThe Series C variable group.
series-d series-d, series-d-bold, series-d-bolder, series-d-subtle, series-d-subtlerThe Series D variable group.
series-e series-e, series-e-bold, series-e-bolder, series-e-subtle, series-e-subtlerThe Series E variable group.
series-f series-f, series-f-bold, series-f-bolder, series-f-subtle, series-f-subtlerThe Series F variable group.
+
Properties
The properties of the $kendo-colors
+
TypeNameDescription
Colorapp-surfaceThe background color of the application.
Coloron-app-surfaceThe text color of the application.
ColorsubtleThe subtle text color.
ColorsurfaceThe background color of the components' chrome area.
Colorsurface-altThe alternative background color of the components' chrome area.
ColorborderThe border color of the application.
Colorborder-altThe alternative border color of the application.
Colorbase-subtleThe base subtle background color variable.
Colorbase-subtle-hoverThe base subtle background color variable for the hover state.
Colorbase-subtle-activeThe base subtle background color variable for the active state.
ColorbaseThe base background color variable.
Colorbase-hoverThe base background color variable for the hover state.
Colorbase-activeThe base background color variable for the active state.
Colorbase-emphasisThe emphasized base color variable.
Colorbase-on-subtleThe text color variable for content on base subtle.
Coloron-baseThe text color variable for content on base.
Colorbase-on-surfaceThe text color variable for content on surface.
Colorprimary-subtleThe primary subtle background color variable.
Colorprimary-subtle-hoverThe primary subtle background color variable for the hover state.
Colorprimary-subtle-activeThe primary subtle background color variable for the active state.
ColorprimaryThe primary background color variable.
Colorprimary-hoverThe primary background color variable for the hover state.
Colorprimary-activeThe primary background color variable for the active state.
Colorprimary-emphasisThe emphasized primary color variable.
Colorprimary-on-subtleThe text color variable for content on primary subtle.
Coloron-primaryThe text color variable for content on primary.
Colorprimary-on-surfaceThe text color variable for content on surface.
Colorsecondary-subtleThe secondary subtle background color variable.
Colorsecondary-subtle-hoverThe secondary subtle background color variable for the hover state.
Colorsecondary-subtle-activeThe secondary subtle background color variable for the active state.
ColorsecondaryThe secondary background color variable.
Colorsecondary-hoverThe secondary background color variable for the hover state.
Colorsecondary-activeThe secondary background color variable for the active state.
Colorsecondary-emphasisThe emphasized secondary color variable.
Colorsecondary-on-subtleThe text color variable for content on secondary subtle.
Coloron-secondaryThe text color variable for content on secondary.
Colorsecondary-on-surfaceThe text color variable for content on surface.
Colortertiary-subtleThe tertiary subtle background color variable.
Colortertiary-subtle-hoverThe tertiary subtle background color variable for the hover state.
Colortertiary-subtle-activeThe tertiary subtle background color variable for the active state.
ColortertiaryThe tertiary background color variable.
Colortertiary-hoverThe tertiary background color variable for the hover state.
Colortertiary-activeThe tertiary background color variable for the active state.
Colortertiary-emphasisThe emphasized tertiary color variable.
Colortertiary-on-subtleThe text color variable for content on tertiary subtle.
Coloron-tertiaryThe text color variable for content on tertiary.
Colortertiary-on-surfaceThe text color variable for content on surface.
Colorinfo-subtleThe info subtle background color variable.
Colorinfo-subtle-hoverThe info subtle background color variable for the hover state.
Colorinfo-subtle-activeThe info subtle background color variable for the active state.
ColorinfoThe info background color variable.
Colorinfo-hoverThe info background color variable for the hover state.
Colorinfo-activeThe info background color variable for the active state.
Colorinfo-emphasisThe emphasized info color variable.
Colorinfo-on-subtleThe text color variable for content on info subtle.
Coloron-infoThe text color variable for content on info.
Colorinfo-on-surfaceThe text color variable for content on surface.
Colorsuccess-subtleThe success subtle background color variable.
Colorsuccess-subtle-hoverThe success subtle background color variable for the hover state.
Colorsuccess-subtle-activeThe success subtle background color variable for the active state.
ColorsuccessThe success background color variable.
Colorsuccess-hoverThe success background color variable for the hover state.
Colorsuccess-activeThe success background color variable for the active state.
Colorsuccess-emphasisThe emphasized success color variable.
Colorsuccess-on-subtleThe text color variable for content on success subtle.
Coloron-successThe text color variable for content on success.
Colorsuccess-on-surfaceThe text color variable for content on surface.
Colorwarning-subtleThe warning subtle background color variable.
Colorwarning-subtle-hoverThe warning subtle background color variable for the hover state.
Colorwarning-subtle-activeThe warning subtle background color variable for the active state.
ColorwarningThe warning background color variable.
Colorwarning-hoverThe warning background color variable for the hover state.
Colorwarning-activeThe warning background color variable for the active state.
Colorwarning-emphasisThe emphasized warning color variable.
Colorwarning-on-subtleThe text color variable for content on warning subtle.
Coloron-warningThe text color variable for content on warning.
Colorwarning-on-surfaceThe text color variable for content on surface.
Colorerror-subtleThe error subtle background color variable.
Colorerror-subtle-hoverThe error subtle background color variable for the hover state.
Colorerror-subtle-activeThe error subtle background color variable for the active state.
ColorerrorThe error background color variable.
Colorerror-hoverThe error background color variable for the hover state.
Colorerror-activeThe error background color variable for the active state.
Colorerror-emphasisThe emphasized error color variable.
Colorerror-on-subtleThe text color variable for content on error subtle.
Coloron-errorThe text color variable for content on error.
Colorerror-on-surfaceThe text color variable for content on surface.
Colorlight-subtleThe light subtle background color variable.
Colorlight-subtle-hoverThe light subtle background color variable for the hover state.
Colorlight-subtle-activeThe light subtle background color variable for the active state.
ColorlightThe light background color variable.
Colorlight-hoverThe light background color variable for the hover state.
Colorlight-activeThe light background color variable for the active state.
Colorlight-emphasisThe emphasized light color variable.
Colorlight-on-subtleThe text color variable for content on light subtle.
Coloron-lightThe text color variable for content on light.
Colorlight-on-surfaceThe text color variable for content on surface.
Colordark-subtleThe dark subtle background color variable.
Colordark-subtle-hoverThe dark subtle background color variable for the hover state.
Colordark-subtle-activeThe dark subtle background color variable for the active state.
ColordarkThe dark background color variable.
Colordark-hoverThe dark background color variable for the hover state.
Colordark-activeThe dark background color variable for the active state.
Colordark-emphasisThe emphasized dark color variable.
Colordark-on-subtleThe text color variable for content on dark subtle.
Coloron-darkThe text color variable for content on dark.
Colordark-on-surfaceThe text color variable for content on surface.
Colorinverse-subtleThe inverse subtle background color variable.
Colorinverse-subtle-hoverThe inverse subtle background color variable for the hover state.
Colorinverse-subtle-activeThe inverse subtle background color variable for the active state.
ColorinverseThe inverse background color variable.
Colorinverse-hoverThe inverse background color variable for the hover state.
Colorinverse-activeThe inverse background color variable for the active state.
Colorinverse-emphasisThe emphasized inverse color variable.
Colorinverse-on-subtleThe text color variable for content on inverse subtle.
Coloron-inverseThe text color variable for content on inverse.
Colorinverse-on-surfaceThe text color variable for content on surface.
Colorseries-aThe series A color variable.
Colorseries-a-boldThe bold series A color variable.
Colorseries-a-bolderThe bolder series A color variable.
Colorseries-a-subtleThe subtle series A color variable.
Colorseries-a-subtlerThe subtler series A color variable.
Colorseries-bThe series B color variable.
Color series-b-bold The bold series B color variable.
Colorseries-b-bolderThe bolder series B color variable.Colorseries-b-bolderThe bolder series B color variable.
Colorseries-b-subtleThe subtle series B color variable.
Colorseries-b-subtlerThe subtler series B color variable.
Colorseries-cThe series C color variable.
Colorseries-c-boldThe bold series C color variable.
Colorseries-c-bolderThe bolder series C color variable.
Colorseries-c-subtleThe subtle series C color variable.
Colorseries-c-subtlerThe subtler series C color variable.
Colorseries-dThe series D color variable.
Colorseries-d-boldThe bold series D color variable.
Colorseries-d-bolderThe bolder series D color variable.
Colorseries-d-subtleThe subtle series D color variable.
Colorseries-d-subtlerThe subtler series D color variable.
Colorseries-eThe series E color variable.
Colorseries-e-boldThe bold series E color variable.
Colorseries-e-bolderThe bolder series E color variable.
Colorseries-e-subtleThe subtle series E color variable.
Colorseries-e-subtlerThe subtler series E color variable.
Colorseries-fThe series F color variable.
Colorseries-f-boldThe bold series F color variable.
Colorseries-f-bolderThe bolder series F color variable.
Colorseries-f-subtleThe subtle series F color variable.
Colorseries-f-subtlerThe subtler series F color variable.
+ +### ColorEditor + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-color-editor-spacernull
Description
The spacer of the ColorEditor.
+
$kendo-color-editor-min-widthnull
Description
The minimum width of the ColorEditor.
+
$kendo-color-editor-sm-min-widthnull
Description
The minimum width of the ColorEditor.
+
$kendo-color-editor-md-min-widthnull
Description
The minimum width of the ColorEditor.
+
$kendo-color-editor-lg-min-widthnull
Description
The minimum width of the ColorEditor.
+
$kendo-color-editor-border-widthnull
Description
The width of the border around the ColorEditor.
+
$kendo-color-editor-border-radiusnull
Description
The border radius of the ColorEditor.
+
$kendo-color-editor-font-familynull
Description
The font family of the ColorEditor.
+
$kendo-color-editor-font-sizenull
Description
The font size of the ColorEditor.
+
$kendo-color-editor-line-heightnull
Description
The line height of the ColorEditor.
+
$kendo-color-editor-textnull
Description
The text color of the ColorEditor.
+
$kendo-color-editor-bgnull
Description
The background color of the ColorEditor.
+
$kendo-color-editor-bordernull
Description
The border color of the ColorEditor.
+
$kendo-color-editor-focus-bordernull
Description
The border color of the focused ColorEditor.
+
$kendo-color-editor-focus-shadownull
Description
The box shadow of the focused ColorEditor.
+
$kendo-color-editor-header-padding-ynull
Description
The vertical padding of the ColorEditor header.
+
$kendo-color-editor-header-padding-xnull
Description
The horizontal padding of the ColorEditor header.
+
$kendo-color-editor-header-actions-gapnull
Description
The spacing between the ColorEditor header actions.
+
$kendo-color-editor-sm-header-padding-ynull
Description
The vertical padding of the small ColorEditor header.
+
$kendo-color-editor-sm-header-padding-xnull
Description
The horizontal padding of the small ColorEditor header.
+
$kendo-color-editor-md-header-padding-ynull
Description
The vertical padding of the medium ColorEditor header.
+
$kendo-color-editor-md-header-padding-xnull
Description
The horizontal padding of the medium ColorEditor header.
+
$kendo-color-editor-lg-header-padding-ynull
Description
The vertical padding of the large ColorEditor header.
+
$kendo-color-editor-lg-header-padding-xnull
Description
The horizontal padding of the large ColorEditor header.
+
$kendo-color-editor-color-preview-widthnull
Description
The width of the ColorEditor preview.
+
$kendo-color-editor-color-preview-heightnull
Description
The height of the ColorEditor preview.
+
$kendo-color-editor-preview-gapnull
Description
The spacing between the colors in the ColorEditor preview.
+
$kendo-color-editor-sm-preview-gapnull
Description
The spacing between the colors in the small ColorEditor preview.
+
$kendo-color-editor-md-preview-gapnull
Description
The spacing between the colors in the medium ColorEditor preview.
+
$kendo-color-editor-lg-preview-gapnull
Description
The spacing between the colors in the large ColorEditor preview.
+
$kendo-color-editor-sm-color-preview-widthnull
Description
The width of the small ColorEditor preview.
+
$kendo-color-editor-sm-color-preview-heightnull
Description
The height of the small ColorEditor preview.
+
$kendo-color-editor-md-color-preview-widthnull
Description
The width of the medium ColorEditor preview.
+
$kendo-color-editor-md-color-preview-heightnull
Description
The height of the medium ColorEditor preview.
+
$kendo-color-editor-lg-color-preview-widthnull
Description
The width of the large ColorEditor preview.
+
$kendo-color-editor-lg-color-preview-heightnull
Description
The height of the large ColorEditor preview.
+
$kendo-color-editor-views-padding-ynull
Description
The vertical padding of the ColorEditor views container.
+
$kendo-color-editor-views-padding-xnull
Description
The horizontal padding of the ColorEditor views container.
+
$kendo-color-editor-views-gapnull
Description
The spacing of the ColorEditor views container.
+
$kendo-color-editor-sm-views-padding-ynull
Description
The vertical padding of the small ColorEditor views container.
+
$kendo-color-editor-sm-views-padding-xnull
Description
The horizontal padding of the small ColorEditor views container.
+
$kendo-color-editor-sm-views-gapnull
Description
The spacing of the small ColorEditor views container.
+
$kendo-color-editor-md-views-padding-ynull
Description
The vertical padding of the medium ColorEditor views container.
+
$kendo-color-editor-md-views-padding-xnull
Description
The horizontal padding of the medium ColorEditor views container.
+
$kendo-color-editor-md-views-gapnull
Description
The spacing of the medium ColorEditor views container.
+
$kendo-color-editor-lg-views-padding-ynull
Description
The vertical padding of the large ColorEditor views container.
+
$kendo-color-editor-lg-views-padding-xnull
Description
The horizontal padding of the large ColorEditor views container.
+
$kendo-color-editor-lg-views-gapnull
Description
The spacing of the large ColorEditor views container.
+
$kendo-color-editor-color-gradient-focus-outline-colornull
Description
The outline color of the focused ColorGradient.
+
$kendo-color-editor-color-gradient-focus-outlinenull
Description
The outline width of the focused ColorGradient.
+
$kendo-color-editor-color-gradient-focus-outline-offsetnull
Description
The outline offset of the focused ColorGradient.
+
$kendo-color-editor-sizes()
Description
The size map of the ColorEditor.
+
+ +### ColorGradient + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-color-gradient-spacernull
Description
The spacer of the ColorGradient.
+
$kendo-color-gradient-widthnull
Description
The width of the ColorGradient.
+
$kendo-color-gradient-border-widthnull
Description
The width of the border around the ColorGradient.
+
$kendo-color-gradient-border-radiusnull
Description
The border radius of the ColorGradient.
+
$kendo-color-gradient-padding-ynull
Description
The vertical padding of the ColorGradient.
+
$kendo-color-gradient-padding-xnull
Description
The horizontal padding of the ColorGradient.
+
$kendo-color-gradient-gapnull
Description
The spacing between the sections of the ColorGradient.
+
$kendo-color-gradient-font-familynull
Description
The font family of the ColorGradient.
+
$kendo-color-gradient-font-sizenull
Description
The font size of the ColorGradient.
+
$kendo-color-gradient-line-heightnull
Description
The line height of the ColorGradient.
+
$kendo-color-gradient-textnull
Description
The text color of the ColorGradient.
+
$kendo-color-gradient-bgnull
Description
The background color of the ColorGradient.
+
$kendo-color-gradient-bordernull
Description
The border color of the ColorGradient.
+
$kendo-color-gradient-sm-widthnull
Description
The width of the small ColorGradient.
+
$kendo-color-gradient-md-widthnull
Description
The width of the medium ColorGradient.
+
$kendo-color-gradient-lg-widthnull
Description
The width of the large ColorGradient.
+
$kendo-color-gradient-sm-gapnull
Description
The spacing between the sections of the small ColorGradient.
+
$kendo-color-gradient-md-gapnull
Description
The spacing between the sections of the medium ColorGradient.
+
$kendo-color-gradient-lg-gapnull
Description
The spacing between the sections of the large ColorGradient.
+
$kendo-color-gradient-focus-bordernull
Description
The border color of the focused ColorGradient.
+
$kendo-color-gradient-focus-shadownull
Description
The box shadow of the focused ColorGradient.
+
$kendo-color-gradient-canvas-border-radiusnull
Description
The border radius of the ColorGradient canvas.
+
$kendo-color-gradient-canvas-gapnull
Description
The spacing between the items of the ColorGradient canvas.
+
$kendo-color-gradient-canvas-rectangle-heightnull
Description
The height the ColorGradient canvas hsv rectangle.
+
$kendo-color-gradient-sm-canvas-rectangle-heightnull
Description
The height the small ColorGradient canvas hsv rectangle.
+
$kendo-color-gradient-md-canvas-rectangle-heightnull
Description
The height the medium ColorGradient canvas hsv rectangle.
+
$kendo-color-gradient-lg-canvas-rectangle-heightnull
Description
The height the large ColorGradient canvas hsv rectangle.
+
$kendo-color-gradient-sm-canvas-gapnull
Description
The spacing between the items of the small ColorGradient canvas.
+
$kendo-color-gradient-md-canvas-gapnull
Description
The spacing between the items of the medium ColorGradient canvas.
+
$kendo-color-gradient-lg-canvas-gapnull
Description
The spacing between the items of the large ColorGradient canvas.
+
$kendo-color-gradient-slider-track-sizenull
Description
The width of the ColorGradient slider.
+
$kendo-color-gradient-slider-border-radiusnull
Description
The border radius of the ColorGradient slider.
+
$kendo-color-gradient-slider-draghandle-border-widthnull
Description
The width of the border around the ColorGradient slider drag handle.
+
$kendo-color-gradient-slider-vertical-sizenull
Description
The height of the ColorGradient vertical slider.
+
$kendo-color-gradient-slider-horizontal-sizenull
Description
The width of the ColorGradient horizontal slider.
+
$kendo-color-gradient-slider-alpha-bgr"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAuSURBVHgBxYyxDQAwDMJIL+YT+DjtzFRliUfLcklqBCRT4eCTxbD6kdL2/LgYXqpvCbs3kBv/AAAAAElFTkSuQmCC"
Description
The background image of the ColorGradient alpha slider.
+
$kendo-color-gradient-sm-slider-vertical-sizenull
Description
The height of the small ColorGradient vertical slider.
+
$kendo-color-gradient-md-slider-vertical-sizenull
Description
The height of the medium ColorGradient vertical slider.
+
$kendo-color-gradient-lg-slider-vertical-sizenull
Description
The height of the large ColorGradient vertical slider.
+
$kendo-color-gradient-draghandle-widthnull
Description
The width of the ColorGradient canvas drag handle.
+
$kendo-color-gradient-draghandle-heightnull
Description
The height of the ColorGradient canvas drag handle.
+
$kendo-color-gradient-draghandle-border-widthnull
Description
The width of the border around the ColorGradient canvas drag handle.
+
$kendo-color-gradient-draghandle-outline-widthnull
Description
The width of the outline around the ColorGradient canvas drag handle.
+
$kendo-color-gradient-draghandle-border-radiusnull
Description
The border radius of the ColorGradient canvas drag handle.
+
$kendo-color-gradient-draghandle-textnull
Description
The text color of the ColorGradient canvas drag handle.
+
$kendo-color-gradient-draghandle-bgnull
Description
The background color of the ColorGradient canvas drag handle.
+
$kendo-color-gradient-draghandle-bordernull
Description
The color of the border around the ColorGradient canvas drag handle.
+
$kendo-color-gradient-draghandle-focus-shadownull
Description
The focus color of the outline around the ColorGradient canvas drag handle.
+
$kendo-color-gradient-draghandle-hover-shadownull
Description
The hover color of the outline around the ColorGradient canvas drag handle.
+
$kendo-color-gradient-draghandle-shadownull
Description
The box shadow of the ColorGradient canvas drag handle.
+
$kendo-color-gradient-canvas-draghandle-margin-ynull
Description
The vertical margin of the ColorGradient canvas drag handle.
+
$kendo-color-gradient-canvas-draghandle-margin-xnull
Description
The horizontal margin of the ColorGradient canvas drag handle.
+
$kendo-color-gradient-input-widthnull
Description
The width of the ColorGradient input.
+
$kendo-color-gradient-input-gapnull
Description
The spacing between the ColorGradient inputs.
+
$kendo-color-gradient-input-label-gapnull
Description
The spacing between the ColorGradient inputs and their labels.
+
$kendo-color-gradient-input-label-textnull
Description
The text color of the ColorGradient input labels.
+
$kendo-color-gradient-sm-input-widthnull
Description
The width of the small ColorGradient input.
+
$kendo-color-gradient-md-input-widthnull
Description
The width of the medium ColorGradient input.
+
$kendo-color-gradient-lg-input-widthnull
Description
The width of the large ColorGradient input.
+
$kendo-color-gradient-contrast-ratio-font-weightnull
Description
The font weight of the ColorGradient contrast ratio text.
+
$kendo-color-gradient-contrast-spacernull
Description
The spacing between the items in the ColorGradient contrast tool.
+
$kendo-color-gradient-sizes()
Description
The size map of the ColorGradient.
+
+ +### ColorPalette + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-color-palette-font-familynull
Description
The font family of the ColorPalette.
+
$kendo-color-palette-font-sizenull
Description
The font size of the ColorPalette.
+
$kendo-color-palette-line-heightnull
Description
The line height of the ColorPalette.
+
$kendo-color-palette-tile-widthnull
Description
The width of the ColorPalette tile.
+
$kendo-color-palette-tile-heightnull
Description
The height of the ColorPalette tile.
+
$kendo-color-palette-tile-sm-widthnull
Description
The width of the small ColorPalette tile.
+
$kendo-color-palette-tile-sm-heightnull
Description
The height of the small ColorPalette tile.
+
$kendo-color-palette-tile-md-widthnull
Description
The width of the medium ColorPalette tile.
+
$kendo-color-palette-tile-md-heightnull
Description
The height of the medium ColorPalette tile.
+
$kendo-color-palette-tile-lg-widthnull
Description
The width of the large ColorPalette tile.
+
$kendo-color-palette-tile-lg-heightnull
Description
The height of the large ColorPalette tile.
+
$kendo-color-palette-tile-focus-shadownull
Description
The shadow of the ColorPalette focused tile.
+
$kendo-color-palette-tile-hover-shadownull
Description
The shadow of the ColorPalette hovered tile.
+
$kendo-color-palette-tile-selected-shadownull
Description
The shadow of the ColorPalette selected tile.
+
$kendo-color-palette-sizes()
Description
The size map of the ColorPalette.
+
+ +### Dialog + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-dialog-titlebar-bgnull
Description
The background color of the Dialog titlebar.
+
$kendo-dialog-titlebar-textnull
Description
The text color of the Dialog titlebar.
+
$kendo-dialog-titlebar-bordernull
Description
The border color of the Dialog titlebar.
+
$kendo-dialog-buttongroup-padding-xnull
Description
The horizontal padding of the Dialog action buttons.
+
$kendo-dialog-buttongroup-padding-ynull
Description
The vertical padding of the Dialog action buttons.
+
$kendo-dialog-buttongroup-border-widthnull
Description
The width of the top border of the Dialog action buttons.
+
$kendo-dialog-button-spacingnull
Description
The spacing between the Dialog action buttons.
+
$kendo-dialog-theme-colorsnull
Description
The theme colors map for the Dialog.
+
+ +### DockManager + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-dock-manager-border-widthnull
Description
The width of the border around the DockManager component.
+
$kendo-dock-manager-border-stylenull
Description
The style of the border around the DockManager component.
+
$kendo-dock-manager-bordernull
Description
The color of the border around the DockManager component.
+
$kendo-dock-manager-pane-header-padding-ynull
Description
The vertical padding of the pane header in the DockManager component.
+
$kendo-dock-manager-pane-header-padding-xnull
Description
The horizontal padding of the pane header in the DockManager component.
+
$kendo-dock-manager-pane-header-border-widthnull
Description
The width of the border around the pane header in the DockManager component.
+
$kendo-dock-manager-pane-header-border-stylenull
Description
The style of the border around the pane header in the DockManager component.
+
$kendo-dock-manager-pane-header-bgnull
Description
The background color of the pane header in the DockManager component.
+
$kendo-dock-manager-pane-title-padding-ynull
Description
The vertical padding of the pane title in the DockManager component.
+
$kendo-dock-manager-pane-title-padding-xnull
Description
The horizontal padding of the pane title in the DockManager component.
+
$kendo-dock-manager-pane-title-font-familynull
Description
The font family of the pane title in the DockManager component.
+
$kendo-dock-manager-pane-title-font-sizenull
Description
The font size of the pane title in the DockManager component.
+
$kendo-dock-manager-pane-title-line-heightnull
Description
The line height of the pane title in the DockManager component.
+
$kendo-dock-manager-pane-title-font-weightnull
Description
The font weight of the pane title in the DockManager component.
+
$kendo-dock-manager-pane-content-padding-xnull
Description
The horizontal padding of the pane content in the DockManager component.
+
$kendo-dock-manager-pane-content-padding-ynull
Description
The vertical padding of the pane content in the DockManager component.
+
$kendo-dock-manager-tabbed-pane-padding-ynull
Description
The horizontal padding of the tabbed pane in the DockManager component.
+
$kendo-dock-manager-tabbed-pane-padding-xnull
Description
The horizontal padding of the tabbed pane in the DockManager component.
+
$kendo-dock-manager-unpinned-container-widthnull
Description
The width of the unpinned pane container in the DockManager component.
+
$kendo-dock-manager-unpinned-container-bgnull
Description
The background-color of the unpinned pane container in the DockManager component.
+
$kendo-dock-manager-unpinned-container-shadownull
Description
The box shadow of the unpinned pane container in the DockManager component.
+
$kendo-dock-indicator-paddingnull
Description
The padding of the dock indicator in the DockManager component.
+
$kendo-dock-indicator-bgnull
Description
The background color of the dock indicator in the DockManager component.
+
$kendo-dock-indicator-textnull
Description
The text color of the dock indicator in the DockManager component.
+
$kendo-dock-indicator-outline-widthnull
Description
The outline width of the dock indicator in the DockManager component.
+
$kendo-dock-indicator-outline-stylenull
Description
The outline style of the dock indicator in the DockManager component.
+
$kendo-dock-indicator-outlinenull
Description
The outline color of the dock indicator in the DockManager component.
+
$kendo-dock-indicator-shadownull
Description
The box shadow of the dock indicator in the DockManager component.
+
$kendo-dock-indicator-hover-bgnull
Description
The background color of the hovered dock indicator in the DockManager component.
+
$kendo-dock-indicator-hover-textnull
Description
The text color of the hovered dock indicator in the DockManager component.
+
$kendo-dock-manager-dock-preview-border-widthnull
Description
The width of the border around the dropping area in the DockManager component.
+
$kendo-dock-manager-dock-preview-border-stylenull
Description
The style of the border around the dropping area in the DockManager component.
+
$kendo-dock-manager-dock-preview-border-radiusnull
Description
The border radius of the dropping area in the DockManager component.
+
$kendo-dock-manager-dock-preview-bgnull
Description
The background color of the dropping area in the DockManager component.
+
$kendo-dock-manager-dock-preview-bordernull
Description
The border color of the dropping area in the DockManager component.
+
+ +### Drawer + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-drawer-bgnull
Description
The background color of the Drawer.
+
$kendo-drawer-textnull
Description
The text color of the Drawer.
+
$kendo-drawer-bordernull
Description
The border color of the Drawer.
+
$kendo-drawer-border-widthnull
Description
The border width of the Drawer.
+
$kendo-drawer-font-familynull
Description
The font family of the Drawer.
+
$kendo-drawer-font-sizenull
Description
The font size of the Drawer.
+
$kendo-drawer-line-heightnull
Description
The line height of the Drawer.
+
$kendo-drawer-content-padding-xnull
Description
The horizontal padding of the Drawer content.
+
$kendo-drawer-content-padding-ynull
Description
The vertical padding of the Drawer content.
+
$kendo-drawer-scrollbar-widthnull
Description
The width of the Drawer scrollbar.
+
$kendo-drawer-scrollbar-colornull
Description
The color of the Drawer scrollbar track.
+
$kendo-drawer-scrollbar-bgnull
Description
The background color of the Drawer scrollbar thumb.
+
$kendo-drawer-scrollbar-radiusnull
Description
The border radius of the Drawer scrollbar.
+
$kendo-drawer-scrollbar-hover-colornull
Description
The hover color of the Drawer scrollbar track.
+
$kendo-drawer-item-padding-xnull
Description
The horizontal padding of the Drawer item.
+
$kendo-drawer-item-padding-ynull
Description
The vertical padding of the Drawer item.
+
$kendo-drawer-item-font-sizenull
Description
The font size of the Drawer item.
+
$kendo-drawer-item-line-heightnull
Description
The line height of the Drawer item.
+
$kendo-drawer-item-level-padding-xnull
Description
The horizontal padding of the Drawer item in each level.
+
$kendo-drawer-item-level-countnull
Description
The count of the Drawer item levels.
+
$kendo-drawer-icon-padding-xnull
Description
The horizontal padding of the Drawer icon.
+
$kendo-drawer-icon-padding-ynull
Description
The vertical padding of the Drawer icon.
+
$kendo-drawer-mini-initial-widthnull
Description
The initial width of the mini Drawer.
+
$kendo-drawer-hover-bgnull
Description
The background color of the hovered Drawer item.
+
$kendo-drawer-hover-textnull
Description
The text color of the hovered Drawer item.
+
$kendo-drawer-focus-bgnull
Description
The background color of the focused Drawer item.
+
$kendo-drawer-focus-shadownull
Description
The box shadow of the focused Drawer item.
+
$kendo-drawer-selected-bgnull
Description
The background color of the selected Drawer item.
+
$kendo-drawer-selected-textnull
Description
The text color of the selected Drawer item.
+
$kendo-drawer-selected-hover-bgnull
Description
The background color of the selected and hovered Drawer item.
+
$kendo-drawer-selected-hover-textnull
Description
The text color of the selected and hovered Drawer item.
+
+ +### Dropdowntree + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-dropdowntree-popup-padding-xnull
Description
The horizontal padding of the DropdownTree popup
+
$kendo-dropdowntree-popup-padding-ynull
Description
The vertical padding of the DropdownTree popup
+
+ +### Dropzone + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-dropzone-padding-xnull
Description
The horizontal padding of the DropZone.
+
$kendo-dropzone-padding-ynull
Description
The vertical padding of the DropZone.
+
$kendo-dropzone-border-widthnull
Description
The border width of the DropZone.
+
$kendo-dropzone-min-heightnull
Description
The minimum height of the DropZone.
+
$kendo-dropzone-font-familynull
Description
The font family of the DropZone.
+
$kendo-dropzone-font-sizenull
Description
The font size of the DropZone.
+
$kendo-dropzone-line-heightnull
Description
The line height of the DropZone.
+
$kendo-dropzone-bgnull
Description
The background color of the DropZone.
+
$kendo-dropzone-textnull
Description
The text color of the DropZone.
+
$kendo-dropzone-bordernull
Description
The border color of the DropZone.
+
$kendo-dropzone-icon-spacingnull
Description
The spacing below the DropZone icon.
+
$kendo-dropzone-icon-textnull
Description
The text color of the DropZone icon.
+
$kendo-dropzone-icon-hover-textnull
Description
The text color of the hovered DropZone icon.
+
$kendo-dropzone-hint-font-sizenull
Description
The font size of the DropZone hint.
+
$kendo-dropzone-hint-spacingnull
Description
The spacing below the DropZone hint.
+
$kendo-dropzone-hint-textnull
Description
The text color of the DropZone hint.
+
$kendo-dropzone-note-font-sizenull
Description
The font size of the DropZone note.
+
$kendo-dropzone-note-spacingnull
Description
The spacing below the DropZone note.
+
$kendo-dropzone-note-textnull
Description
The text color of the DropZone note.
+
+ +### Editor + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-editor-border-widthnull
Description
The width of the border around the Еditor.
+
$kendo-editor-font-familynull
Description
The font family of the Еditor.
+
$kendo-editor-font-sizenull
Description
The font size of the Еditor.
+
$kendo-editor-line-heightnull
Description
The line height of the Еditor.
+
$kendo-editor-placeholder-textnull
Description
The text color of the Еditor placeholder.
+
$kendo-editor-placeholder-opacitynull
Description
The opacity of the Editor placeholder.
+
$kendo-editor-selected-textnull
Description
The selected text color of the Editor.
+
$kendo-editor-selected-bgnull
Description
The selected background color of the Editor.
+
$kendo-editor-highlighted-bgnull
Description
The highlighted background color of the Editor.
+
$kendo-editor-export-tool-icon-margin-xnull
Description
The horizontal margin of the Editor's export tool icon.
+
$kendo-editor-resize-handle-sizenull
Description
The size of the Editor's resize handle.
+
$kendo-editor-resize-handle-border-widthnull
Description
The border width of the Editor's resize handle.
+
$kendo-editor-resize-handle-bordernull
Description
The border color of the Editor's resize handle.
+
$kendo-editor-resize-handle-bgnull
Description
The background color of the Editor's resize handle.
+
$kendo-editor-selectednode-outline-widthnull
Description
The outline width of the Editor's selected node.
+
$kendo-editor-selectednode-outline-colornull
Description
The outline color of the Editor's selected node.
+
$kendo-editor-inline-padding-xnull
Description
The horizontal padding of the inline Editor.
+
$kendo-editor-inline-padding-ynull
Description
The vertical padding of the inline Editor.
+
$kendo-editor-filebrowser-tiles-padding-xnull
Description
The horizontal padding of the Editor file browser tiles.
+
$kendo-editor-filebrowser-tiles-padding-ynull
Description
The vertical padding of the Editor file browser tiles.
+
$kendo-editor-content-paddingnull
Description
The padding of the Editor content.
+
+ +### Elevation + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-elevation$_default-elevation
Description
The global default Elevation map.
+
+ +### Expander + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-expander-spacing-ynull
Description
The vertical spacing of the ExpansionPanel.
+
$kendo-expander-border-widthnull
Description
The width of the border around the ExpansionPanel.
+
$kendo-expander-font-familynull
Description
The font family of the ExpansionPanel.
+
$kendo-expander-font-sizenull
Description
The font size of the ExpansionPanel.
+
$kendo-expander-line-heightnull
Description
The hine height of the ExpansionPanel.
+
$kendo-expander-textnull
Description
The text color of the ExpansionPanel.
+
$kendo-expander-bgnull
Description
The background color of the ExpansionPanel.
+
$kendo-expander-bordernull
Description
The border color of the ExpansionPanel.
+
$kendo-expander-focus-shadownull
Description
The box shadow of the focused ExpansionPanel.
+
$kendo-expander-header-padding-xnull
Description
The horizontal padding of the ExpansionPanel header.
+
$kendo-expander-header-padding-ynull
Description
The vertical padding of the ExpansionPanel header.
+
$kendo-expander-header-textnull
Description
The text color of the ExpansionPanel header.
+
$kendo-expander-header-bgnull
Description
The background color of the ExpansionPanel header.
+
$kendo-expander-header-bordernull
Description
The border color of the ExpansionPanel header.
+
$kendo-expander-header-hover-bgnull
Description
The background color of the hovered ExpansionPanel header.
+
$kendo-expander-header-focus-bgnull
Description
The background color of the focused ExpansionPanel header.
+
$kendo-expander-header-focus-shadownull
Description
The box shadow of the focused ExpansionPanel header.
+
$kendo-expander-title-textnull
Description
The text color of the ExpansionPanel title.
+
$kendo-expander-header-sub-title-textnull
Description
The text color of the ExpansionPanel sub-title.
+
$kendo-expander-indicator-margin-xnull
Description
The horizontal margin of the ExpansionPanel indicator.
+
$kendo-expander-content-padding-xnull
Description
The horizontal padding of the ExpansionPanel content.
+
$kendo-expander-content-padding-ynull
Description
The vertical padding of the ExpansionPanel content.
+
+ +### FileManager + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-file-manager-spacernull
Description
The space between the FileManager items.
+
$kendo-file-manager-border-widthnull
Description
The border width of the FileManager.
+
$kendo-file-manager-font-familynull
Description
The font family of the FileManager.
+
$kendo-file-manager-font-sizenull
Description
The font size of the FileManager.
+
$kendo-file-manager-line-heightnull
Description
The line height of the FileManager.
+
$kendo-file-manager-bgnull
Description
The background color of the FileManager.
+
$kendo-file-manager-textnull
Description
The text color of the FileManager.
+
$kendo-file-manager-bordernull
Description
The border color of the FileManager.
+
$kendo-file-manager-toolbar-border-widthnull
Description
The border width of the FileManager Toolbar.
+
$kendo-file-manager-toolbar-bgnull
Description
The background color of the FileManager Toolbar.
+
$kendo-file-manager-toolbar-textnull
Description
The text color of the FileManager Toolbar.
+
$kendo-file-manager-toolbar-bordernull
Description
The border color of the FileManager Toolbar.
+
$kendo-file-manager-toolbar-gradientnull
Description
The gradient of the FileManager Toolbar.
+
$kendo-file-manager-navigation-padding-xnull
Description
The horizontal padding of the FileManager Navigation.
+
$kendo-file-manager-navigation-padding-ynull
Description
The vertical padding of the FileManager Navigation.
+
$kendo-file-manager-navigation-widthnull
Description
The width of the FileManager Navigation.
+
$kendo-file-manager-navigation-border-widthnull
Description
The border width of the FileManager Navigation.
+
$kendo-file-manager-navigation-bgnull
Description
The background color of the FileManager Navigation.
+
$kendo-file-manager-navigation-textnull
Description
The text color of the FileManager Navigation.
+
$kendo-file-manager-navigation-bordernull
Description
The border color of the FileManager Navigation.
+
$kendo-file-manager-breadcrumb-padding-xnull
Description
The horizontal padding of the FileManager Breadcrumb.
+
$kendo-file-manager-breadcrumb-padding-ynull
Description
The vertical padding of the FileManager Breadcrumb.
+
$kendo-file-manager-breadcrumb-border-widthnull
Description
The border width of the FileManager Breadcrumb.
+
$kendo-file-manager-breadcrumb-bgnull
Description
The background color of the FileManager Breadcrumb.
+
$kendo-file-manager-breadcrumb-textnull
Description
The text color of the FileManager Breadcrumb.
+
$kendo-file-manager-breadcrumb-bordernull
Description
The border color of the FileManager Breadcrumb.
+
$kendo-file-manager-listview-bgnull
Description
The background color of the FileManager ListView.
+
$kendo-file-manager-listview-textnull
Description
The text color of the FileManager ListView.
+
$kendo-file-manager-listview-bordernull
Description
The border color of the FileManager ListView.
+
$kendo-file-manager-listview-item-padding-xnull
Description
The horizontal padding of the FileManager ListView item.
+
$kendo-file-manager-listview-item-padding-ynull
Description
The vertical padding of the FileManager ListView item.
+
$kendo-file-manager-listview-item-widthnull
Description
The width of the FileManager ListView item.
+
$kendo-file-manager-listview-item-heightnull
Description
The height of the FileManager ListView item.
+
$kendo-file-manager-listview-item-bgnull
Description
The background color of the FileManager ListView item.
+
$kendo-file-manager-listview-item-textnull
Description
The text color of the FileManager ListView item.
+
$kendo-file-manager-listview-item-bordernull
Description
The border color of the FileManager ListView item.
+
$kendo-file-manager-listview-item-icon-bgnull
Description
The background color of the FileManager ListView item icon.
+
$kendo-file-manager-listview-item-icon-textnull
Description
The text color of the FileManager ListView item icon.
+
$kendo-file-manager-listview-item-icon-bordernull
Description
The border color of the FileManager ListView item icon.
+
$kendo-file-manager-listview-item-icon-selected-bgnull
Description
Background color of the FileManager selected ListView item icon.
+
$kendo-file-manager-listview-item-icon-selected-textnull
Description
Text color of the FileManager selected ListView item icon.
+
$kendo-file-manager-listview-item-icon-selected-bordernull
Description
Border color of the FileManager selected ListView item icon.
+
$kendo-file-manager-grid-bgnull
Description
The background color of the FileManager Grid.
+
$kendo-file-manager-grid-textnull
Description
The text color of the FileManager Grid.
+
$kendo-file-manager-grid-bordernull
Description
The border color of the FileManager Grid.
+
$kendo-file-manager-preview-padding-xnull
Description
The horizontal padding of the FileManager preview.
+
$kendo-file-manager-preview-padding-ynull
Description
The vertical padding of the FileManager preview.
+
$kendo-file-manager-preview-widthnull
Description
The width of the FileManager preview.
+
$kendo-file-manager-preview-border-widthnull
Description
The border width of the FileManager preview.
+
$kendo-file-manager-preview-spacingnull
Description
The spacing of the FileManager preview.
+
$kendo-file-manager-preview-column-gapnull
Description
The gap between the columns in the FileManager preview.
+
$kendo-file-manager-preview-bgnull
Description
The background color of the FileManager preview.
+
$kendo-file-manager-preview-textnull
Description
The text color of the FileManager preview.
+
$kendo-file-manager-preview-bordernull
Description
The border color of the FileManager preview.
+
$kendo-file-manager-preview-icon-bgnull
Description
The background color of the FileManager preview icon.
+
$kendo-file-manager-preview-icon-textnull
Description
The text color of the FileManager preview icon.
+
$kendo-file-manager-preview-icon-bordernull
Description
The border color of the FileManager preview icon.
+
+ +### Filter + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-filter-padding-xnull
Description
The horizontal padding of the Filter.
+
$kendo-filter-padding-ynull
Description
The vertical padding of the Filter.
+
$kendo-filter-bottom-marginnull
Description
The bottom margin of the Filter.
+
$kendo-filter-line-sizenull
Description
The width of the line that connects the Filter items.
+
$kendo-filter-operator-dropdown-widthnull
Description
The width of the dropdown elements in the Filter items.
+
$kendo-filter-preview-field-textnull
Description
The text color of the Filter preview field.
+
$kendo-filter-preview-operator-textnull
Description
The text color of the Filter preview operator.
+
$kendo-filter-toolbar-focus-shadownull
Description
The box shadow of the focused Filter toolbar.
+
+ +### FloatingActionButton + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-fab-border-widthnull
Description
The width of the border around the FAB.
+
$kendo-fab-border-radiusnull
Description
The border radius of the FAB.
+
$kendo-fab-font-familynull
Description
The font family of the FAB.
+
$kendo-fab-font-sizenull
Description
The font size of the FAB.
+
$kendo-fab-line-heightnull
Description
The line height of the FAB.
+
$kendo-fab-padding-xnull
Description
The horizontal padding of the FAB.
+
$kendo-fab-sm-padding-xnull
Description
The horizontal padding of the small FAB.
+
$kendo-fab-md-padding-xnull
Description
The horizontal padding of the medium FAB.
+
$kendo-fab-lg-padding-xnull
Description
The horizontal padding of the large FAB.
+
$kendo-fab-padding-ynull
Description
The vertical padding of the FAB.
+
$kendo-fab-sm-padding-ynull
Description
The vertical padding of the small FAB.
+
$kendo-fab-md-padding-ynull
Description
The vertical padding of the medium FAB.
+
$kendo-fab-lg-padding-ynull
Description
The vertical padding of the large FAB.
+
$kendo-fab-icon-padding-xnull
Description
The horizontal padding of the FAB icon.
+
$kendo-fab-icon-padding-ynull
Description
The vertical padding of the FAB icon.
+
$kendo-fab-icon-spacingnull
Description
The spacing of the FAB icon.
+
$kendo-fab-items-padding-xnull
Description
The horizontal padding of the FAB items.
+
$kendo-fab-items-padding-ynull
Description
The vertical padding of the FAB items.
+
$kendo-fab-item-text-padding-xnull
Description
The horizontal padding of the FAB item text.
+
$kendo-fab-item-text-padding-ynull
Description
The vertical padding of the FAB item text.
+
$kendo-fab-item-text-border-widthnull
Description
The width of the FAB item text border.
+
$kendo-fab-item-text-border-radiusnull
Description
The border radius of the FAB item text.
+
$kendo-fab-item-text-font-sizenull
Description
The font size of the FAB item text.
+
$kendo-fab-item-text-line-heightnull
Description
The line height of the FAB item text.
+
$kendo-fab-item-icon-padding-xnull
Description
The horizontal padding of the FAB item icon.
+
$kendo-fab-item-icon-padding-ynull
Description
The vertical padding of the FAB item icon.
+
$kendo-fab-item-icon-border-widthnull
Description
The width of the FAB item icon border.
+
$kendo-fab-item-icon-border-radiusnull
Description
The border radius of the FAB item icon.
+
$kendo-fab-theme-colorsnull
Description
The theme colors map for the FAB.
+
$kendo-fab-sizesnull
Description
The size map for the FAB.
+
$kendo-fab-shadownull
Description
The base shadow of the FAB.
+
$kendo-fab-disabled-shadownull
Description
The shadow of the disabled FAB.
+
$kendo-fab-active-shadownull
Description
The shadow of the active FAB.
+
$kendo-fab-outline-stylenull
Description
The outline style of the FAB.
+
$kendo-fab-outline-widthnull
Description
The outline width of the FAB.
+
$kendo-fab-item-textnull
Description
The base text color of the FAB item.
+
$kendo-fab-item-bgnull
Description
The base background color of the FAB item.
+
$kendo-fab-item-bordernull
Description
The base border color of the FAB item.
+
$kendo-fab-item-icon-textnull
Description
The base text color of the FAB item icon.
+
$kendo-fab-item-icon-bgnull
Description
The base background color of the FAB item icon.
+
$kendo-fab-item-icon-bordernull
Description
The base border color of the FAB item icon.
+
$kendo-fab-item-shadownull
Description
The base shadow of the FAB item.
+
$kendo-fab-item-disabled-shadownull
Description
The shadow of the disabled FAB item.
+
$kendo-fab-item-active-shadownull
Description
The shadow of the active FAB item.
+
$kendo-fab-item-outline-stylenull
Description
The outline style of the FAB item.
+
$kendo-fab-item-outline-widthnull
Description
The outline width of the FAB item.
+
$kendo-fab-item-outline-colornull
Description
The outline color of the FAB item.
+
+ +### FloatingLabel + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-floating-label-scalenull
Description
The transformation scale of the Floating Label.
+
$kendo-floating-label-font-sizenull
Description
The font size of the Floating Label.
+
$kendo-floating-label-max-widthnull
Description
The maximum width of the Floating Label.
+
$kendo-floating-label-line-heightnull
Description
The line height of the Floating Label.
+
$kendo-floating-label-heightnull
Description
The height of the Floating Label.
+
$kendo-floating-label-offset-xnull
Description
The horizontal offset of the Floating Label.
+
$kendo-floating-label-offset-ynull
Description
The vertical offset of the Floating Label.
+
$kendo-floating-label-focus-scalenull
Description
The transformation scale of the focused Floating Label.
+
$kendo-floating-label-focus-offset-xnull
Description
The horizontal offset of the focused Floating Label.
+
$kendo-floating-label-focus-offset-ynull
Description
The vertical offset of the focused Floating Label.
+
$kendo-floating-label-transitionnull
Description
The transition of the Floating Label.
+
$kendo-floating-label-bgnull
Description
The background color of the Floating Label.
+
$kendo-floating-label-textnull
Description
The text color of the Floating Label.
+
$kendo-floating-label-focus-bgnull
Description
The background color of the focused Floating Label.
+
$kendo-floating-label-focus-textnull
Description
The text color of the focused Floating Label.
+
+ +### Form + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-form-spacernull
Description
The padding of the inline Form.
+
$kendo-form-font-sizenull
Description
The font size of the Form.
+
$kendo-form-line-heightnull
Description
The line height of the Form.
+
$kendo-form-line-height-emnull
Description
The line height of the Form in em units.
+
$kendo-form-sm-line-heightnull
Description
The line height of the small Form.
+
$kendo-form-lg-line-heightnull
Description
The line height of the large Form.
+
$kendo-form-fieldset-marginnull
Description
The margin of the Form fieldset.
+
$kendo-form-fieldset-paddingnull
Description
The padding of the Form fieldset.
+
$kendo-form-legend-marginnull
Description
The margin of the Form legend.
+
$kendo-form-legend-paddingnull
Description
The padding of the Form legend.
+
$kendo-form-legend-border-widthnull
Description
The border width of the Form legend.
+
$kendo-form-legend-border-stylenull
Description
The border style of the Form legend.
+
$kendo-form-legend-border-colornull
Description
The border color of the Form legend.
+
$kendo-form-legend-widthnull
Description
The width of the Form legend.
+
$kendo-form-legend-font-sizenull
Description
The font size of the Form legend.
+
$kendo-form-legend-text-transformnull
Description
The text capitalization of the Form legend.
+
$kendo-form-label-margin-bottomnull
Description
The bottom margin of the Form label.
+
$kendo-form-button-margin-xnull
Description
The horizontal margin of the Form buttons.
+
$kendo-form-hint-font-sizenull
Description
The font size of the Form hint.
+
$kendo-form-hint-font-stylenull
Description
The font style of the Form hint.
+
$kendo-form-hint-margin-topnull
Description
The top margin of the Form hint.
+
$kendo-form-sm-rows-spacingnull
Description
The row spacing of the small Form.
+
$kendo-form-md-rows-spacingnull
Description
The row spacing of the medium Form.
+
$kendo-form-lg-rows-spacingnull
Description
The row spacing of the large Form.
+
$kendo-form-separator-marginnull
Description
The margin of the Form separator.
+
$kendo-form-separator-border-colornull
Description
The border color of the Form separator.
+
$kendo-horizontal-form-label-padding-topnull
Description
The top padding of the label in the horizontal Form.
+
$kendo-horizontal-form-label-margin-xnull
Description
The horizontal margin of the label in the horizontal Form.
+
$kendo-horizontal-form-label-widthnull
Description
The width of the label in the horizontal Form.
+
$kendo-horizontal-form-label-alignnull
Description
The horizontal alignment of the label in the horizontal Form.
+
$kendo-horizontal-form-field-wrap-max-widthnull
Description
The maximum width of the field wrap in the horizontal Form.
+
$kendo-inline-form-element-widthnull
Description
The width of the inline Form element.
+
$kendo-inline-form-field-padding-xnull
Description
The horizontal padding of the inline Form field.
+
$kendo-inline-form-field-padding-ynull
Description
The vertical padding of the inline Form field.
+
$kendo-forms-invalid-colornull
Description
The invalid text color of the Form.
+
$kendo-label-optional-margin-xnull
Description
The horizontal margin of the optional label in the Form.
+
$kendo-label-optional-font-sizenull
Description
The font size of the optional label in the Form.
+
$kendo-label-optional-font-stylenull
Description
The font style of the optional label in the Form.
+
$kendo-fieldset-marginnull
Description
The margin of the Form fieldset.
+
$kendo-fieldset-font-sizenull
Description
The font size of the Form fieldset.
+
$kendo-fieldset-bgnull
Description
The background color of the Form fieldset.
+
$kendo-fieldset-textnull
Description
The text color of the Form fieldset.
+
$kendo-fieldset-bordernull
Description
The border color of the Form fieldset.
+
$kendo-fieldset-legend-paddingnull
Description
The padding of the Form fieldset legend.
+
$kendo-fieldset-legend-marginnull
Description
The margin of the Form fieldset legend
+
$kendo-form-alert-error-marginnull
Description
The margin of the Form alert error.
+
$kendo-form-field-info-marginnull
Description
The margin of the Form field info.
+
$kendo-fieldset-legend-bgnull
Description
The background color of the Form legend.
+
$kendo-fieldset-legend-textnull
Description
The text color of the Form legend.
+
$kendo-fieldset-legend-bordernull
Description
The border color of the Form legend.
+
$kendo-form-sizesnull
Description
The sizes map for the Form.
+
+ +### Gantt + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-gantt-border-widthnull
Description
The border width of the Gantt.
+
$kendo-gantt-font-familynull
Description
The font family of the Gantt.
+
$kendo-gantt-font-sizenull
Description
The font size of the Gantt.
+
$kendo-gantt-line-heightnull
Description
The line height of the Gantt.
+
$kendo-gantt-bgnull
Description
The background color of the Gantt.
+
$kendo-gantt-textnull
Description
The text color of the Gantt.
+
$kendo-gantt-bordernull
Description
The border color of the Gantt.
+
$kendo-gantt-treelist-bgnull
Description
The background color of the Gantt TreeList.
+
$kendo-gantt-treelist-textnull
Description
The text color of the Gantt TreeList.
+
$kendo-gantt-treelist-bordernull
Description
The border color of the Gantt TreeList.
+
$kendo-gantt-nonwork-bgnull
Description
The background color of the Gantt non-working days.
+
$kendo-gantt-nonwork-textnull
Description
The text color of the Gantt non-working days.
+
$kendo-gantt-nonwork-bordernull
Description
The border color of the Gantt non-working days.
+
$kendo-gantt-line-sizenull
Description
The size of the Gantt connecting lines.
+
$kendo-gantt-line-fillnull
Description
The background fill color of the Gantt connecting lines.
+
$kendo-gantt-line-selected-fillnull
Description
The background fill of the selected Gantt connecting lines.
+
$kendo-gantt-dot-sizenull
Description
The size of the Gantt task dot.
+
$kendo-gantt-dot-spacingnull
Description
The spacing of the Gantt task dot.
+
$kendo-gantt-dot-bgnull
Description
The background color of the Gantt task dot.
+
$kendo-gantt-dot-bordernull
Description
The border color of the Gantt task dot.
+
$kendo-gantt-dot-hover-bgnull
Description
The background color of the hovered Gantt task dot.
+
$kendo-gantt-dot-hover-bordernull
Description
The border color of the hovered Gantt task dot.
+
$kendo-gantt-milestone-bgnull
Description
The background color of the Gantt milestone.
+
$kendo-gantt-milestone-bordernull
Description
The border color of the Gantt milestone.
+
$kendo-gantt-milestone-selected-bgnull
Description
The background color of the selected Gantt milestone.
+
$kendo-gantt-milestone-selected-bordernull
Description
The border color of the selected Gantt milestone.
+
$kendo-gantt-summary-bgnull
Description
The background color of the Gantt summary.
+
$kendo-gantt-summary-progress-bgnull
Description
The background color of the Gantt summary progress.
+
$kendo-gantt-summary-selected-bgnull
Description
The background color of the selected Gantt summary.
+
$kendo-gantt-summary-progress-selected-bgnull
Description
The background color of the selected Gantt summary progress.
+
$kendo-gantt-task-border-widthnull
Description
The border width of the Gantt task.
+
$kendo-gantt-task-padding-xnull
Description
The horizontal padding of the Gantt task.
+
$kendo-gantt-task-padding-ynull
Description
The vertical padding of the Gantt task.
+
$kendo-gantt-task-bgnull
Description
The background color of the Gantt task.
+
$kendo-gantt-task-textnull
Description
The text color of the Gantt task.
+
$kendo-gantt-task-bordernull
Description
The border color of the Gantt task.
+
$kendo-gantt-task-progress-bgnull
Description
The background color of the Gantt task progress.
+
$kendo-gantt-task-selected-bgnull
Description
The background color of selected the Gantt task.
+
$kendo-gantt-task-selected-textnull
Description
The text color of the selected Gantt task.
+
$kendo-gantt-task-selected-bordernull
Description
The border color of the selected Gantt task.
+
$kendo-gantt-task-progress-selected-bgnull
Description
The background color of the selected Gantt task progress.
+
$kendo-gantt-task-actions-paddingnull
Description
The padding of the Gantt task actions.
+
$kendo-gantt-planned-margin-ynull
Description
The vertical margin of the Gantt task planned line.
+
$kendo-gantt-planned-border-widthnull
Description
The border width of the Gantt task planned line.
+
$kendo-gantt-planned-line-heightnull
Description
The line height of the Gantt task planned line.
+
$kendo-gantt-planned-dependency-margin-ynull
Description
The vertical margin of the Gantt planned dependencies.
+
$kendo-gantt-planned-moment-widthnull
Description
The default width of the Gantt planned line dot.
+
$kendo-gantt-planned-moment-heightnull
Description
The default height of the Gantt planned line dot.
+
$kendo-gantt-planned-moment-border-radiusnull
Description
The border radius of the Gantt planned line dot.
+
$kendo-gantt-planned-moment-left-margin-xnull
Description
The horizontal margin of the Gantt planned line dot.
+
$kendo-gantt-planned-milestone-moment-margin-xnull
Description
The horizontal margin of the Gantt milestone planned line dot.
+
$kendo-gantt-planned-duration-heightnull
Description
The default height of the Gantt planned line.
+
$kendo-gantt-planned-duration-hover-heightnull
Description
The height of the hovered Gantt planned line.
+
$kendo-gantt-planned-single-drag-hint-topnull
Description
The top position of the Gantt drag hint.
+
$kendo-gantt-planned-summary-drag-hint-topnull
Description
The top position of the Gantt summary drag hint.
+
$kendo-gantt-planned-milestone-drag-hint-topnull
Description
The top position of the Gantt planned milestone drag hint.
+
$kendo-gantt-rtl-milestone-wrap-margin-xnull
Description
The horizontal margin of the Gantt milestone wrap.
+
$kendo-gantt-rtl-milestone-planned-moment-margin-xnull
Description
The horizontal margin of the Gantt milestone line dot.
+
$kendo-gantt-rtl-milestone-dot-start-margin-xnull
Description
The horizontal margin of the Gantt milestone task dot.
+
$kendo-gantt-planned-offset-resize-handler-margin-xnull
Description
The horizontal offset of the Gantt delayed task resize handler.
+
$kendo-gantt-planned-bgnull
Description
The background color of the Gantt planned Tooltip.
+
$kendo-gantt-planned-bordernull
Description
The border color of the Gantt planned Tooltip.
+
$kendo-gantt-delayed-bgnull
Description
The background color of the Gantt delayed task.
+
$kendo-gantt-delayed-bg-lighternull
Description
The complement background color of the Gantt delayed task.
+
$kendo-gantt-advanced-bgnull
Description
The background color of the Gantt advanced task.
+
$kendo-gantt-advanced-bg-lighternull
Description
The complement background color of the Gantt advanced task.
+
$kendo-gantt-action-on-offset-textnull
Description
The text color of the Gantt delayed task action.
+
$kendo-gantt-offset-resize-handler-topnull
Description
The top position of the Gantt delayed task resize handler.
+
$kendo-gantt-validation-tooltip-widthnull
Description
The default width of the Gantt validation Tooltip.
+
$kendo-gantt-validation-tooltip-label-widthnull
Description
The default width of the Gantt validation Tooltip label.
+
$kendo-gantt-validation-tooltip-bordernull
Description
The border color of the Gantt validation Tooltip.
+
$kendo-gantt-validation-tooltip-valid-bordernull
Description
The border color of the valid Gantt validation Tooltip.
+
$kendo-gantt-validation-tooltip-invalid-bordernull
Description
The border color of the invalid Gantt validation Tooltip.
+
$kendo-gantt-task-tooltip-padding-xnull
Description
The horizontal padding of the Gantt task Tooltip.
+
$kendo-gantt-task-tooltip-padding-ynull
Description
The vertical padding of the Gantt task Tooltip.
+
+ +### Grid + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-grid-padding-xnull
Description
The horizontal padding of the Grid.
+
$kendo-grid-padding-ynull
Description
The vertical padding of the Grid.
+
$kendo-grid-header-padding-xnull
Description
The horizontal padding of the Grid header.
+
$kendo-grid-header-padding-ynull
Description
The vertical padding of the Grid header.
+
$kendo-grid-grouping-header-padding-xnull
Description
The horizontal padding of the Grid grouping header.
+
$kendo-grid-grouping-header-padding-ynull
Description
The vertical padding of the Grid grouping header.
+
$kendo-grid-cell-padding-xnull
Description
The horizontal padding of the Grid cell.
+
$kendo-grid-cell-padding-ynull
Description
The vertical padding of the Grid cell.
+
$kendo-grid-filter-cell-padding-xnull
Description
The horizontal padding of the Grid filter cell.
+
$kendo-grid-filter-cell-padding-ynull
Description
The vertical padding of the Grid filter cell.
+
$kendo-grid-edit-cell-padding-xnull
Description
The horizontal padding of the Grid edit cell.
+
$kendo-grid-edit-cell-padding-ynull
Description
The vertical padding of the Grid filter cell.
+
$kendo-grid-bgnull
Description
The background color of the Grid.
+
$kendo-grid-textnull
Description
The text color of the Grid.
+
$kendo-grid-bordernull
Description
The border color of the Grid.
+
$kendo-grid-header-bgnull
Description
The background color of Grid header.
+
$kendo-grid-header-textnull
Description
The text color of Grid header.
+
$kendo-grid-header-bordernull
Description
The border color of Grid header.
+
$kendo-grid-header-gradientnull
Description
The background gradient of Grid header.
+
$kendo-grid-footer-bgnull
Description
The background color of Grid footer.
+
$kendo-grid-footer-textnull
Description
The text color of Grid footer.
+
$kendo-grid-footer-bordernull
Description
The border color of Grid footer.
+
$kendo-grid-alt-bgnull
Description
The background color of the Grid alternating rows.
+
$kendo-grid-alt-textnull
Description
The text color of the Grid alternating rows.
+
$kendo-grid-alt-bordernull
Description
The border color of the Grid alternating rows.
+
$kendo-grid-hover-bgnull
Description
The background color of hovered Grid rows.
+
$kendo-grid-hover-textnull
Description
The text color of hovered Grid rows.
+
$kendo-grid-hover-bordernull
Description
The border color of hovered Grid rows.
+
$kendo-grid-selected-bgnull
Description
The background color of selected Grid rows.
+
$kendo-grid-selected-textnull
Description
The text color of selected Grid rows.
+
$kendo-grid-selected-bordernull
Description
The border color of selected Grid rows.
+
$kendo-grid-selection-aggregates-bgnull
Description
The background color of the Grid selection aggregates container.
+
$kendo-grid-selection-aggregates-textnull
Description
The text color of the Grid selection aggregates container.
+
$kendo-grid-selection-aggregates-bordernull
Description
The border color of the Grid selection aggregates container.
+
$kendo-grid-selection-aggregates-border-widthnull
Description
The border width of the Grid selection aggregates container.
+
$kendo-grid-selection-aggregates-spacingnull
Description
The spacing between the selection aggregates items.
+
$kendo-grid-selection-aggregates-line-heightnull
Description
The line height of the Grid selection aggregates container.
+
$kendo-grid-selection-aggregates-font-weightnull
Description
The font weight of the Grid selection aggregates container.
+
$kendo-grid-row-resizer-hover-bgnull
Description
The background color of the Grid row resize indicator.
+
$kendo-grid-row-resizer-active-bgnull
Description
The background color of the active Grid row resize indicator.
+
$kendo-grid-row-resizer-heightnull
Description
The height of the Grid row resize indicator.
+
+ +### Icon + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-icon-sizenull
Description
The default size icon size.
+
$kendo-icon-size-xsnull
Description
The extra small icon size.
+
$kendo-icon-size-smnull
Description
The small icon size.
+
$kendo-icon-size-mdnull
Description
The medium icon size.
+
$kendo-icon-size-lgnull
Description
The large icon size.
+
$kendo-icon-size-xlnull
Description
The extra large icon size.
+
$kendo-icon-size-xxlnull
Description
The double extra large icon size.
+
$kendo-icon-size-xxxlnull
Description
The triple extra large icon size.
+
$kendo-icon-spacingnull
Description
The default icon spacing.
+
$kendo-icon-paddingnull
Description
The default icon padding.
+
+ +### Input + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-input-default-widthnull
Description
The default width of the Input components.
+
$kendo-input-border-widthnull
Description
The border width of the Input components.
+
$kendo-input-border-radiusnull
Description
The border radius of the Input components.
+
$kendo-input-padding-xnull
Description
The horizontal padding of the Input components.
+
$kendo-input-sm-padding-xnull
Description
The horizontal padding of the small Input components.
+
$kendo-input-md-padding-xnull
Description
The horizontal padding of the medium Input components.
+
$kendo-input-lg-padding-xnull
Description
The horizontal padding of the large Input components.
+
$kendo-input-padding-ynull
Description
The vertical padding of the Input components.
+
$kendo-input-sm-padding-ynull
Description
The vertical padding of the small Input components.
+
$kendo-input-md-padding-ynull
Description
The vertical padding of the medium Input components.
+
$kendo-input-lg-padding-ynull
Description
The vertical padding of the large Input components.
+
$kendo-input-font-familynull
Description
The font family of the Input components.
+
$kendo-input-font-sizenull
Description
The font size of the Input components.
+
$kendo-input-sm-font-sizenull
Description
The font size of the small Input components.
+
$kendo-input-md-font-sizenull
Description
The font size of the medium Input components.
+
$kendo-input-lg-font-sizenull
Description
The font size of the large Input components.
+
$kendo-input-line-heightnull
Description
The line height of the Input components.
+
$kendo-input-sm-line-heightnull
Description
The line height of the small Input components.
+
$kendo-input-md-line-heightnull
Description
The line height of the medium Input components.
+
$kendo-input-lg-line-heightnull
Description
The line height of the large Input components.
+
$kendo-input-calc-sizenull
Description
The calculated height of the Input.
+
$kendo-input-sizesnull
Description
The sizes map for the Input components.
+
$kendo-input-bgnull
Description
The background color of the Input components.
+
$kendo-input-textnull
Description
The text color of the Input components.
+
$kendo-input-bordernull
Description
The border color of the Input components.
+
$kendo-input-shadownull
Description
The shadow of the Input components.
+
$kendo-input-hover-bgnull
Description
The background color of the hovered Input components.
+
$kendo-input-hover-textnull
Description
The text color of the hovered Input components.
+
$kendo-input-hover-bordernull
Description
The border color of the hovered Input components.
+
$kendo-input-hover-shadownull
Description
The shadow of the hovered Input components.
+
$kendo-input-focus-bgnull
Description
The background color of the focused Input components.
+
$kendo-input-focus-textnull
Description
The text color of the focused Input components.
+
$kendo-input-focus-bordernull
Description
The border color of the focused Input components.
+
$kendo-input-focus-shadownull
Description
The shadow of the focused Input components.
+
$kendo-input-selected-bgnull
Description
The background color of the selected Input components.
+
$kendo-input-selected-textnull
Description
The text color of the selected Input components.
+
$kendo-input-disabled-bgnull
Description
The background color of the disabled Input components.
+
$kendo-input-disabled-textnull
Description
The text color of the disabled Input components.
+
$kendo-input-disabled-bordernull
Description
The border color of the disabled Input components.
+
$kendo-input-disabled-gradientnull
Description
The gradient of the disabled Input components.
+
$kendo-input-disabled-shadownull
Description
The shadow of the disabled Input components.
+
$kendo-input-outline-bgnull
Description
The background color of the outline Input components.
+
$kendo-input-outline-textnull
Description
The text color of the outline Input components.
+
$kendo-input-outline-bordernull
Description
The border color of the outline Input components.
+
$kendo-input-outline-hover-bgnull
Description
The background color of the outline hovered Input components.
+
$kendo-input-outline-hover-textnull
Description
The text color of the outline hovered Input components.
+
$kendo-input-outline-hover-bordernull
Description
The border color of the outline hovered Input components.
+
$kendo-input-outline-focus-bgnull
Description
The background color of the outline focused Input components.
+
$kendo-input-outline-focus-textnull
Description
The text color of the outline focused Input components.
+
$kendo-input-outline-focus-bordernull
Description
The border color of the outline focused Input components.
+
$kendo-input-outline-focus-shadownull
Description
The shadow of the outline focused Input components.
+
$kendo-input-flat-bgnull
Description
The background color of the flat Input components.
+
$kendo-input-flat-textnull
Description
The text color of the flat Input components.
+
$kendo-input-flat-bordernull
Description
The border color of the flat Input components.
+
$kendo-input-flat-hover-bgnull
Description
The background color of the flat hovered Input components.
+
$kendo-input-flat-hover-textnull
Description
The text color of the flat hovered Input components.
+
$kendo-input-flat-hover-bordernull
Description
The border color of the flat hovered Input components.
+
$kendo-input-flat-focus-bgnull
Description
The background color of the flat focused Input components.
+
$kendo-input-flat-focus-textnull
Description
The text color of the flat focused Input components.
+
$kendo-input-flat-focus-bordernull
Description
The border color of the flat focused Input components.
+
$kendo-input-flat-focus-shadownull
Description
The shadow of the flat focused Input components.
+
$kendo-input-placeholder-textnull
Description
The text color of the Input placeholder.
+
$kendo-input-placeholder-opacitynull
Description
The opacity of the Input placeholder.
+
$kendo-input-clear-value-textnull
Description
The color of the Input clear value icon.
+
$kendo-input-clear-value-opacitynull
Description
The opacity of the Input clear value icon.
+
$kendo-input-clear-value-hover-textnull
Description
The color of the hovered Input clear value icon.
+
$kendo-input-clear-value-hover-opacitynull
Description
The opacity of the hovered Input clear value icon.
+
$kendo-input-values-margin-ynull
Description
The vertical margin of the clear value icon.
+
$kendo-input-values-margin-xnull
Description
The horizontal margin of the clear value icon.
+
$kendo-input-button-widthnull
Description
The width of the Input button.
+
$kendo-input-button-border-widthnull
Description
The border width of the Input button.
+
$kendo-input-spinner-widthnull
Description
The width of the Input spinner button.
+
$kendo-input-spinner-icon-offsetnull
Description
The icon offset of the Input spinner button.
+
$kendo-input-separator-textnull
Description
The color of the Input separator.
+
$kendo-input-separator-opacitynull
Description
The opacity of the Input separator.
+
$kendo-input-prefix-textnull
Description
The text color of the Input prefix.
+
$kendo-input-suffix-textnull
Description
The text color of the Input suffix.
+
$kendo-input-prefix-textnull
Description
The text color of the Input prefix.
+
$kendo-input-suffix-textnull
Description
The text color of the Input suffix.
+
$kendo-input-invalid-bordernull
Description
The border color of the invalid Input components.
+
$kendo-input-invalid-shadownull
Description
The shadow of the invalid Input components.
+
+ +### List + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-list-font-familynull
Description
The font family of the List components.
+
$kendo-list-font-sizenull
Description
The font size of the List component, if no size is set.
+
$kendo-list-line-heightnull
Description
The line height of the List component, if no size is set.
+
$kendo-list-header-padding-xnull
Description
The horizontal padding of the List header, if no size is set.
+
$kendo-list-header-padding-ynull
Description
The vertical padding of the List header, if no size is set.
+
$kendo-list-header-border-widthnull
Description
The border width of the List header.
+
$kendo-list-header-font-sizenull
Description
The font size of the List header, if no size is set.
+
$kendo-list-header-line-heightnull
Description
The line height of the List header, if no size is set.
+
$kendo-list-header-font-weightnull
Description
The font weight of the List header.
+
$kendo-list-filter-paddingnull
Description
The padding of the the List filter input.
+
$kendo-list-item-padding-xnull
Description
The horizontal padding of the List items, when no size is set.
+
$kendo-list-item-padding-ynull
Description
The vertical padding of the List items, when no size is set.
+
$kendo-list-item-font-sizenull
Description
The font size of the List items, if no size is set.
+
$kendo-list-item-line-heightnull
Description
The line height of the List items, if no size is set.
+
$kendo-list-group-item-padding-xnull
Description
The horizontal padding of the List group items, when no size is set.
+
$kendo-list-group-item-padding-ynull
Description
The vertical padding of the List group items, when no size is set.
+
$kendo-list-group-item-border-widthnull
Description
The border width of the List group items.
+
$kendo-list-group-item-font-sizenull
Description
The font size of the List group items, if no size is set.
+
$kendo-list-group-item-line-heightnull
Description
The line height of the List group items, if no size is set.
+
$kendo-list-group-item-font-weightnull
Description
The font weight of a List group item.
+
$kendo-list-sizesnull
Description
The map with the sizes of the List.
+
$kendo-list-bgnull
Description
The background color of the List component.
+
$kendo-list-textnull
Description
The text color of the List component.
+
$kendo-list-bordernull
Description
The border color of the List component.
+
$kendo-list-header-bgnull
Description
The background color of the List header.
+
$kendo-list-header-textnull
Description
The text color of the List header.
+
$kendo-list-header-bordernull
Description
The border color of the List header.
+
$kendo-list-header-shadownull
Description
The box shadow of the List header.
+
$kendo-list-item-bgnull
Description
The background color of the List items.
+
$kendo-list-item-textnull
Description
The text color of the List items.
+
$kendo-list-item-hover-bgnull
Description
The background color of the hovered List items.
+
$kendo-list-item-hover-textnull
Description
The text color of the hovered List items.
+
$kendo-list-item-focus-bgnull
Description
The background color of the focused List items.
+
$kendo-list-item-focus-textnull
Description
The text color of the focused List items.
+
$kendo-list-item-focus-shadownull
Description
The box shadow of the focused List items.
+
$kendo-list-item-selected-bgnull
Description
The background color of the selected List items.
+
$kendo-list-item-selected-textnull
Description
The text color of the selected List items.
+
$kendo-list-group-item-bgnull
Description
The background color of the List group items.
+
$kendo-list-group-item-textnull
Description
The text color of the List group items.
+
$kendo-list-group-item-bordernull
Description
The border color of the List group items.
+
$kendo-list-group-item-shadownull
Description
The base shadow of the List group items.
+
$kendo-list-option-label-textnull
Description
The color of the 'Option Label' text.
+
+ +### Listbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-listbox-spacingnull
Description
The spacing between the ListBox elements.
+
$kendo-listbox-button-spacingnull
Description
The spacing between the ListBox buttons.
+
$kendo-listbox-widthnull
Description
The width of the ListBox.
+
$kendo-listbox-default-heightnull
Description
The height of the ListBox.
+
$kendo-listbox-border-widthnull
Description
The width of the border around the ListBox.
+
$kendo-listbox-font-familynull
Description
The font family of the ListBox.
+
$kendo-listbox-font-sizenull
Description
The font size of the ListBox.
+
$kendo-listbox-line-heightnull
Description
The line height of the ListBox.
+
$kendo-listbox-textnull
Description
The text color of the ListBox.
+
$kendo-listbox-bgnull
Description
The background color of the ListBox.
+
$kendo-listbox-bordernull
Description
The border color of the ListBox.
+
$kendo-listbox-item-padding-xnull
Description
The inline padding of the ListBox item.
+
$kendo-listbox-item-padding-ynull
Description
The block padding of the ListBox item.
+
$kendo-listbox-drop-hint-widthnull
Description
The width of the ListBox drop hint.
+
$kendo-listbox-drop-hint-border-widthnull
Description
The width of the border around the ListBox drop hint.
+
+ +### Listview + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-listview-padding-xnull
Description
The horizontal padding of the ListView.
+
$kendo-listview-padding-ynull
Description
The vertical padding of the ListView.
+
$kendo-listview-border-widthnull
Description
The width of the border around bordered ListView.
+
$kendo-listview-font-familynull
Description
The font family of the ListView.
+
$kendo-listview-font-sizenull
Description
The font size of the ListView.
+
$kendo-listview-line-heightnull
Description
The line height of the ListView.
+
$kendo-listview-textnull
Description
The text color of the ListView.
+
$kendo-listview-bgnull
Description
The background color of the ListView.
+
$kendo-listview-bordernull
Description
The border color of the ListView.
+
$kendo-listview-item-padding-xnull
Description
The horizontal padding of the ListView items.
+
$kendo-listview-item-padding-ynull
Description
The vertical padding of the ListView items.
+
$kendo-listview-item-selected-textnull
Description
The text color of the selected ListView items.
+
$kendo-listview-item-selected-bgnull
Description
The background color of the selected ListView items.
+
$kendo-listview-item-selected-bordernull
Description
The border color of the selected ListView items.
+
$kendo-listview-item-focus-textnull
Description
The text color of the focused ListView items.
+
$kendo-listview-item-focus-bgnull
Description
The background color of the focused ListView items.
+
$kendo-listview-item-focus-bordernull
Description
The border color of the focused ListView items.
+
$kendo-listview-item-focus-shadownull
Description
The box shadow of the focused ListView items.
+
+ +### Loader + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-loader-segment-border-radiusnull
Description
The border radius of the Loader segment.
+
$kendo-loader-sm-segment-sizenull
Description
The size of the small Loader segment.
+
$kendo-loader-md-segment-sizenull
Description
The size of the medium Loader segment.
+
$kendo-loader-lg-segment-sizenull
Description
The size of the large Loader segment.
+
$kendo-loader-sm-paddingnull
Description
The padding of the small Loader.
+
$kendo-loader-md-paddingnull
Description
The padding of the medium Loader.
+
$kendo-loader-lg-paddingnull
Description
The padding of the large Loader.
+
$kendo-loader-sm-spinner-3-widthnull
Description
The width of the small spinner-3 Loader.
+
$kendo-loader-md-spinner-3-widthnull
Description
The width of the medium spinner-3 Loader.
+
$kendo-loader-lg-spinner-3-widthnull
Description
The width of the large spinner-3 Loader.
+
$kendo-loader-sm-spinner-3-heightnull
Description
The height of the small spinner-3 Loader.
+
$kendo-loader-md-spinner-3-heightnull
Description
The height of the medium spinner-3 Loader.
+
$kendo-loader-lg-spinner-3-heightnull
Description
The height of the large spinner-3 Loader.
+
$kendo-loader-sm-spinner-4-widthnull
Description
The width of the small spinner-4 Loader.
+
$kendo-loader-md-spinner-4-widthnull
Description
The width of the medium spinner-4 Loader.
+
$kendo-loader-lg-spinner-4-widthnull
Description
The width of the large spinner-4 Loader.
+
$kendo-loader-sm-spinner-4-heightnull
Description
The height of the small spinner-4 Loader.
+
$kendo-loader-md-spinner-4-heightnull
Description
The height of the medium spinner-4 Loader.
+
$kendo-loader-lg-spinner-4-heightnull
Description
The height of the large spinner-4 Loader.
+
$kendo-loader-container-panel-border-widthnull
Description
The border width of the container panel.
+
$kendo-loader-container-panel-border-stylenull
Description
The border style of the container panel.
+
$kendo-loader-container-panel-border-colornull
Description
The border color of the container panel.
+
$kendo-loader-container-panel-border-radiusnull
Description
The border radius of the container panel.
+
$kendo-loader-container-panel-bgnull
Description
The background color of the container panel.
+
$kendo-loader-sm-container-paddingnull
Description
The padding of the small Loader container.
+
$kendo-loader-md-container-paddingnull
Description
The padding of the medium Loader container.
+
$kendo-loader-lg-container-paddingnull
Description
The padding of the large Loader container.
+
$kendo-loader-sm-container-gapnull
Description
The gap of the small Loader container.
+
$kendo-loader-md-container-gapnull
Description
The gap of the medium Loader container.
+
$kendo-loader-lg-container-gapnull
Description
The gap of the large Loader container.
+
$kendo-loader-sm-container-font-sizenull
Description
The font size of the small Loader container.
+
$kendo-loader-md-container-font-sizenull
Description
The font size of the medium Loader container.
+
$kendo-loader-lg-container-font-sizenull
Description
The font size of the large Loader container.
+
+ +### Loading + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-loading-bgnull
Description
The background color of the Loading indicator.
+
$kendo-loading-textnull
Description
The text color of the Loading indicator.
+
$kendo-loading-opacitynull
Description
The opacity of the Loading indicator.
+
$kendo-zindex-loadingnull
Description
The z-index of the Loading indicator.
+
+ +### Map + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-map-border-widthnull
Description
The border width of the Map.
+
$kendo-map-font-sizenull
Description
The font size of the Map.
+
$kendo-map-line-heightnull
Description
The line height of the Map.
+
$kendo-map-font-familynull
Description
The font family of the Map.
+
$kendo-map-bgnull
Description
The background color of the Map.
+
$kendo-map-textnull
Description
The text color of the Map.
+
$kendo-map-bordernull
Description
The border color of the Map.
+
$kendo-map-navigator-marginnull
Description
The margin of the Map navigator.
+
$kendo-map-navigator-paddingnull
Description
The padding of the Map navigator.
+
$kendo-map-navigator-widthnull
Description
The width of the Map navigator.
+
$kendo-map-navigator-heightnull
Description
The height of the Map navigator.
+
$kendo-map-navigator-border-widthnull
Description
The border width of the Map navigator.
+
$kendo-map-zoom-control-marginnull
Description
The margin of the Map zoom control.
+
$kendo-map-zoom-control-button-padding-xnull
Description
The horizontal padding of the Map zoom control.
+
$kendo-map-zoom-control-button-padding-ynull
Description
The vertical padding of the Map zoom control.
+
$kendo-map-attribution-padding-xnull
Description
The horizontal padding of the Map attribution.
+
$kendo-map-attribution-padding-ynull
Description
The vertical padding of the Map attribution.
+
$kendo-map-attribution-font-sizenull
Description
The font size of the Map attribution.
+
$kendo-map-attribution-bgnull
Description
The background color of the Map attribution.
+
$kendo-map-marker-fillnull
Description
The fill color of the Map marker.
+
+ +### Mediaplayer + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-media-player-border-widthnull
Description
The border width of the MediaPlayer.
+
$kendo-media-player-font-familynull
Description
The font family of the MediaPlayer.
+
$kendo-media-player-font-sizenull
Description
The font size of the MediaPlayer.
+
$kendo-media-player-line-heightnull
Description
The line height of the MediaPlayer.
+
$kendo-media-player-bgnull
Description
The background color of the MediaPlayer.
+
$kendo-media-player-textnull
Description
The text color of the MediaPlayer.
+
$kendo-media-player-bordernull
Description
The border color of the MediaPlayer.
+
$kendo-media-player-titlebar-padding-xnull
Description
The horizontal padding of the MediaPlayer title.
+
$kendo-media-player-titlebar-padding-ynull
Description
The vertical padding of the MediaPlayer title.
+
$kendo-media-player-titlebar-bgnull
Description
The background color of the MediaPlayer title.
+
$kendo-media-player-titlebar-textnull
Description
The text color of the MediaPlayer title.
+
$kendo-media-player-titlebar-bordernull
Description
The border color of the MediaPlayer title.
+
$kendo-media-player-titlebar-gradientnull
Description
The gradient of the MediaPlayer title.
+
+ +### Menu + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-menu-border-widthnull
Description
The width of the border around the Menu.
+
$kendo-menu-font-familynull
Description
The font family of the Menu.
+
$kendo-menu-font-sizenull
Description
The font size of the Menu.
+
$kendo-menu-line-heightnull
Description
The line height of the Menu used along with $kendo-font-size.
+
$kendo-menu-bgnull
Description
The background color of the Menu.
+
$kendo-menu-textnull
Description
The text color of the Menu.
+
$kendo-menu-bordernull
Description
The border color of the Menu.
+
$kendo-menu-gradientnull
Description
The background gradient of the Menu.
+
$kendo-menu-item-padding-xnull
Description
The horizontal padding of the Menu item.
+
$kendo-menu-item-padding-ynull
Description
The vertical padding of the Menu item.
+
$kendo-menu-item-spacingnull
Description
The spacing between the Menu items.
+
$kendo-menu-item-icon-spacingnull
Description
The spacing between the Menu item text and icons.
+
$kendo-menu-item-selected-font-weightnull
Description
The font weight of the selected Menu item.
+
$kendo-menu-item-bgnull
Description
The background color of the Menu item.
+
$kendo-menu-item-textnull
Description
The text color of the Menu item.
+
$kendo-menu-item-bordernull
Description
The border color of the Menu item.
+
$kendo-menu-item-gradientnull
Description
The background gradient of the Menu item.
+
$kendo-menu-item-hover-bgnull
Description
The background color of hovered Menu item.
+
$kendo-menu-item-hover-textnull
Description
The text color of hovered Menu item.
+
$kendo-menu-item-hover-bordernull
Description
The border color of hovered Menu item.
+
$kendo-menu-item-hover-gradientnull
Description
The background gradient of hovered Menu item.
+
$kendo-menu-item-active-bgnull
Description
The background color of active Menu item.
+
$kendo-menu-item-active-textnull
Description
The text color of active Menu item.
+
$kendo-menu-item-active-bordernull
Description
The border color of active Menu item.
+
$kendo-menu-item-active-gradientnull
Description
The background gradient of active Menu item.
+
$kendo-menu-item-focus-shadownull
Description
The base shadow of focused Menu item.
+
$kendo-menu-item-selected-bgnull
Description
The background color of selected Menu item.
+
$kendo-menu-item-selected-textnull
Description
The text color of selected Menu item.
+
$kendo-menu-item-selected-bordernull
Description
The border color of selected Menu item.
+
$kendo-menu-item-selected-gradientnull
Description
The background gradient of selected Menu item.
+
$kendo-menu-scroll-button-bgnull
Description
The background color of the Menu scroll buttons.
+
$kendo-menu-scroll-button-textnull
Description
The text color of the Menu scroll buttons.
+
$kendo-menu-scroll-button-bordernull
Description
The border color of the Menu scroll buttons.
+
$kendo-menu-scroll-button-gradientnull
Description
The background gradient of the Menu scroll buttons.
+
$kendo-menu-scroll-button-hover-bgnull
Description
The background color of hovered Menu scroll buttons.
+
$kendo-menu-scroll-button-hover-textnull
Description
The text color of hovered Menu scroll buttons.
+
$kendo-menu-scroll-button-hover-bordernull
Description
The border color of hovered Menu scroll buttons.
+
$kendo-menu-scroll-button-hover-gradientnull
Description
The background gradient of hovered Menu scroll buttons.
+
$kendo-menu-separator-margin-inlinenull
Description
The inline margin of the horizontal Menu separator.
+
$kendo-menu-separator-margin-blocknull
Description
The block margin of the horizontal Menu separator.
+
$kendo-menu-separator-bordernull
Description
The border color of the Menu separator.
+
$kendo-menu-popup-padding-xnull
Description
The horizontal padding of the Menu popup.
+
$kendo-menu-popup-padding-ynull
Description
The vertical padding of the Menu popup.
+
$kendo-menu-popup-border-widthnull
Description
The width of the border around the Menu popup.
+
$kendo-menu-popup-font-sizenull
Description
The font sizes of the Menu popup.
+
$kendo-menu-popup-line-heightnull
Description
The line heights used along with $kendo-font-size.
+
$kendo-menu-popup-bgnull
Description
The background color of the Menu popup.
+
$kendo-menu-popup-textnull
Description
The text color of the Menu popup.
+
$kendo-menu-popup-bordernull
Description
The border color of the Menu popup.
+
$kendo-menu-popup-gradientnull
Description
The background gradient of the Menu popup.
+
$kendo-menu-popup-item-padding-xnull
Description
The horizontal padding of the Menu item in popup.
+
$kendo-menu-popup-item-padding-ynull
Description
The vertical padding of the Menu item in popup.
+
$kendo-menu-popup-item-padding-endnull
Description
The end padding of the Menu item in popup.
+
$kendo-menu-popup-sm-item-icon-margin-startnull
Description
The start margin of the Menu item expand icon.
+
$kendo-menu-popup-sm-item-icon-margin-endnull
Description
The end margin of the Menu item expand icon.
+
$kendo-menu-popup-item-spacingnull
Description
The spacing between the Menu items in popup.
+
$kendo-menu-popup-item-bgnull
Description
The background color of the Menu item in popup.
+
$kendo-menu-popup-item-textnull
Description
The text color of the Menu item in popup.
+
$kendo-menu-popup-item-bordernull
Description
The border color of the Menu item in popup.
+
$kendo-menu-popup-item-gradientnull
Description
The background gradient of the Menu item in popup.
+
$kendo-menu-popup-item-hover-bgnull
Description
The background color of hovered Menu item in popup.
+
$kendo-menu-popup-item-hover-textnull
Description
The text color of hovered Menu item in popup.
+
$kendo-menu-popup-item-hover-bordernull
Description
The border color of hovered Menu item in popup.
+
$kendo-menu-popup-item-hover-gradientnull
Description
The background gradient of hovered Menu item in popup.
+
$kendo-menu-popup-item-active-bgnull
Description
The background color of active Menu item in popup.
+
$kendo-menu-popup-item-active-textnull
Description
The text color of active Menu item in popup.
+
$kendo-menu-popup-item-active-bordernull
Description
The border color of active Menu item in popup.
+
$kendo-menu-popup-item-active-gradientnull
Description
The background gradient of active Menu item in popup.
+
$kendo-menu-popup-item-focus-shadownull
Description
The base shadow of focused Menu item in popup.
+
+ +### MenuButton + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-menu-button-arrow-padding-xnull
Description
The horizontal padding of the button arrow in the Menu Button..
+
+ +### NoData + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-no-data-min-heightnull
Description
The minimum height of the 'No Data' text container.
+
$kendo-no-data-textnull
Description
The color of the 'No Data' text.
+
+ +### Notification + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-notification-group-gapnull
Description
The row-gap between the elements in the Notification group.
+
$kendo-notification-padding-xnull
Description
The horizontal padding of the Notification.
+
$kendo-notification-padding-ynull
Description
The vertical padding of the Notification.
+
$kendo-notification-border-widthnull
Description
The width of the border around the Notification.
+
$kendo-notification-border-radiusk-border-radius(md)!default
Description
The border radius of the Notification.
+
$kendo-notification-font-familynull
Description
The font family of the Notification.
+
$kendo-notification-font-sizenull
Description
The font size of the Notification.
+
$kendo-notification-line-heightnull
Description
The line height of the Notification.
+
$kendo-notification-bgnull
Description
The background color of the Notification.
+
$kendo-notification-textnull
Description
The text color of the Notification.
+
$kendo-notification-bordernull
Description
The border color of the Notification.
+
$kendo-notification-shadownull
Description
The box shadow of the Notification.
+
$kendo-notification-icon-spacingnull
Description
The horizontal spacing of the Notification icon.
+
$kendo-notification-theme-colorsnull
Description
The theme colors map for the Notification.
+
$kendo-notification-themenull
Description
The generated theme colors map for the Notification.
+
+ +### OneTimePassword + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-otp-gapnull
Description
The gap between the items in the OTP.
+
$kendo-otp-sm-gapnull
Description
The gap between the items in the small OTP.
+
$kendo-otp-md-gapnull
Description
The gap between the items in the medium OTP.
+
$kendo-otp-lg-gapnull
Description
The gap between the items in the large OTP.
+
$kendo-otp-separator-padding-xnull
Description
The horizontal padding of the OTP separator.
+
$kendo-otp-sm-separator-padding-xnull
Description
The horizontal padding of the small OTP separator.
+
$kendo-otp-md-separator-padding-xnull
Description
The horizontal padding of the medium OTP separator.
+
$kendo-otp-lg-separator-padding-xnull
Description
The horizontal padding of the large OTP separator.
+
$kendo-otp-input-widthnull
Description
The horizontal padding of the OTP separator.
+
$kendo-otp-sm-input-widthnull
Description
The horizontal padding of the small OTP separator.
+
$kendo-otp-md-input-widthnull
Description
The horizontal padding of the medium OTP separator.
+
$kendo-otp-lg-input-widthnull
Description
The horizontal padding of the large OTP separator.
+
+ +### Orgchart + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-orgchart-spacernull
Description
The spacing index of the OrgChart.
+
$kendo-orgchart-padding-ynull
Description
The vertical padding of the OrgChart.
+
$kendo-orgchart-padding-xnull
Description
The horizontal padding of the OrgChart.
+
$kendo-orgchart-font-familynull
Description
The font family of the OrgChart.
+
$kendo-orgchart-font-sizenull
Description
The font size of the OrgChart.
+
$kendo-orgchart-line-heightnull
Description
The line height of the OrgChart.
+
$kendo-orgchart-bgnull
Description
The background color of the OrgChart.
+
$kendo-orgchart-textnull
Description
The text color of the OrgChart.
+
$kendo-orgchart-bordernull
Description
The border color of the OrgChart.
+
$kendo-orgchart-node-gapnull
Description
The spacing of the OrgChart node.
+
$kendo-orgchart-group-gapnull
Description
The spacing of the OrgChart group.
+
$kendo-orgchart-node-container-gapnull
Description
The spacing of the OrgChart node container.
+
$kendo-orgchart-node-group-padding-ynull
Description
The vertical padding of the OrgChart node group.
+
$kendo-orgchart-node-group-padding-xnull
Description
The horizontal padding of the OrgChart node group.
+
$kendo-orgchart-node-group-border-widthnull
Description
The border width of the OrgChart node group.
+
$kendo-orgchart-node-group-border-radiusnull
Description
The border radius of the OrgChart node group.
+
$kendo-orgchart-node-group-bgnull
Description
The background color of the OrgChart node group.
+
$kendo-orgchart-node-group-textnull
Description
The text color of the OrgChart node group.
+
$kendo-orgchart-node-group-bordernull
Description
The border color of the OrgChart node group.
+
$kendo-orgchart-node-group-focus-bordernull
Description
The border color of the focused OrgChart node group.
+
$kendo-orgchart-node-group-focus-shadownull
Description
The shadow of the focused OrgChart node group.
+
$kendo-orgchart-node-group-title-font-sizenull
Description
The font size of the OrgChart node group title.
+
$kendo-orgchart-node-group-title-margin-bottomnull
Description
The bottom margin of the OrgChart node group title.
+
$kendo-orgchart-node-group-title-line-heightnull
Description
The line height of the OrgChart node group title.
+
$kendo-orgchart-node-group-subtitle-font-sizenull
Description
The font size of the OrgChart node group subtitle.
+
$kendo-orgchart-node-group-subtitle-margin-bottomnull
Description
The bottom margin of the OrgChart node group subtitle.
+
$kendo-orgchart-node-group-subtitle-textnull
Description
The line height of the OrgChart node group subtitle.
+
$kendo-orgchart-card-widthnull
Description
The width of the OrgChart Card.
+
$kendo-orgchart-card-padding-ynull
Description
The vertical padding of the OrgChart Card.
+
$kendo-orgchart-card-padding-xnull
Description
The horizontal padding of the OrgChart Card.
+
$kendo-orgchart-card-border-widthnull
Description
The border width of the OrgChart Card.
+
$kendo-orgchart-card-shadownull
Description
The shadow of the OrgChart Card.
+
$kendo-orgchart-card-focus-shadownull
Description
The shadow of the focused OrgChart Card.
+
$kendo-orgchart-card-title-margin-bottomnull
Description
The bottom margin of the OrgChart Card title.
+
$kendo-orgchart-card-title-font-sizenull
Description
The font size of the OrgChart Card title.
+
$kendo-orgchart-card-subtitle-margin-bottomnull
Description
The bottom margin of the OrgChart Card subtitle.
+
$kendo-orgchart-card-subtitle-font-sizenull
Description
The font size of the OrgChart Card subtitle.
+
$kendo-orgchart-card-body-border-widthnull
Description
The border width of the OrgChart Card body.
+
$kendo-orgchart-card-body-border-colornull
Description
The border color of the OrgChart Card body.
+
$kendo-orgchart-card-body-vbox-margin-rightnull
Description
The right margin of the OrgChart Card body title wrap.
+
$kendo-orgchart-card-body-vbox-min-heightnull
Description
The min height of the OrgChart Card body title wrap.
+
$kendo-orgchart-line-sizenull
Description
The size of the OrgChart connecting line.
+
$kendo-orgchart-line-fillnull
Description
The fill color of the OrgChart connecting line.
+
$kendo-orgchart-line-v-heightnull
Description
The height of the OrgChart connecting line.
+
+ +### PDFViewer + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-pdf-viewer-border-widthnull
Description
The border width of the PDFViewer.
+
$kendo-pdf-viewer-font-familynull
Description
The font family of the PDFViewer.
+
$kendo-pdf-viewer-font-sizenull
Description
The font size of the PDFViewer.
+
$kendo-pdf-viewer-line-heightnull
Description
The line height of the PDFViewer.
+
$kendo-pdf-viewer-bgnull
Description
The background color of the PDFViewer.
+
$kendo-pdf-viewer-textnull
Description
The text color of the PDFViewer.
+
$kendo-pdf-viewer-bordernull
Description
The border color of the PDFViewer.
+
$kendo-pdf-viewer-toolbar-bgnull
Description
The background color of the PDFViewer Toolbar.
+
$kendo-pdf-viewer-toolbar-textnull
Description
The text color of the PDFViewer Toolbar.
+
$kendo-pdf-viewer-toolbar-bordernull
Description
The border color of the PDFViewer Toolbar.
+
$kendo-pdf-viewer-toolbar-gradientnull
Description
The gradient of the PDFViewer Toolbar.
+
$kendo-pdf-viewer-canvas-bgnull
Description
The background color of the PDFViewer canvas.
+
$kendo-pdf-viewer-canvas-textnull
Description
The text color of the PDFViewer canvas.
+
$kendo-pdf-viewer-canvas-bordernull
Description
The border color of the PDFViewer canvas.
+
$kendo-pdf-viewer-page-spacingnull
Description
The spacing of the PDFViewer page.
+
$kendo-pdf-viewer-page-bgnull
Description
The background color of the PDFViewer page.
+
$kendo-pdf-viewer-page-textnull
Description
The text color of the PDFViewer page.
+
$kendo-pdf-viewer-page-bordernull
Description
The border color of the PDFViewer page.
+
$kendo-pdf-viewer-page-shadownull
Description
The shadow of the PDFViewer page.
+
$kendo-pdf-viewer-search-panel-padding-xnull
Description
The horizontal padding of the PDFViewer search panel.
+
$kendo-pdf-viewer-search-panel-padding-ynull
Description
The vertical padding of the PDFViewer search panel.
+
$kendo-pdf-viewer-search-panel-spacingnull
Description
The spacing of the PDFViewer search panel.
+
$kendo-pdf-viewer-search-panel-border-widthnull
Description
The border width of the PDFViewer search panel.
+
$kendo-pdf-viewer-search-panel-border-radiusnull
Description
The border radius of the PDFViewer search panel.
+
$kendo-pdf-viewer-search-panel-bgnull
Description
The background color of the PDFViewer search panel.
+
$kendo-pdf-viewer-search-panel-textnull
Description
The text color of the PDFViewer search panel.
+
$kendo-pdf-viewer-search-panel-bordernull
Description
The border color of the PDFViewer search panel.
+
$kendo-pdf-viewer-search-panel-shadownull
Description
The shadow of the PDFViewer search panel.
+
$kendo-pdf-viewer-search-panel-matches-spacingnull
Description
The spacing of the matches container in the PDFViewer search panel.
+
$kendo-pdf-viewer-selection-line-heightnull
Description
The line height of the PDFViewer selection.
+
$kendo-pdf-viewer-search-highlight-bgnull
Description
The background color of the PDFViewer highlight.
+
$kendo-pdf-viewer-search-highlight-mark-bgnull
Description
The background color of the PDFViewer highlight mark.
+
$kendo-pdf-viewer-icon-textnull
Description
The text color of the PDFViewer icon.
+
$kendo-pdf-viewer-popup-padding-xnull
Description
The vertical padding of the PDFViewer popup.
+
$kendo-pdf-viewer-popup-padding-ynull
Description
The horizontal padding of the PDFViewer popup.
+
$kendo-pdf-viewer-highlight-annotation-bordernull
Description
The border color of the PDFViewer selected highlight annotation.
+
$kendo-pdf-viewer-highlight-annotation-hover-bordernull
Description
The background color of the PDFViewer hover highlight annotation.
+
$kendo-pdf-viewer-free-text-annotation-bordernull
Description
The border color of the PDFViewer selected free text annotation.
+
$kendo-pdf-viewer-free-text-annotation-placeholder-textnull
Description
The placeholder text color of the PDFViewer free text annotation.
+
$kendo-pdf-viewer-free-text-annotation-textnull
Description
The text color of the PDFViewer free text annotation.
+
$kendo-pdf-viewer-free-text-annotation-textnull
Description
The text color of the PDFViewer free text annotation.
+
+ +### Pager + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-pager-padding-xnull
Description
The horizontal padding of the Pager.
+
$kendo-pager-sm-padding-xnull
Description
The horizontal padding of the small Pager.
+
$kendo-pager-md-padding-xnull
Description
The horizontal padding of the medium Pager.
+
$kendo-pager-lg-padding-xnull
Description
The horizontal padding of the large Pager.
+
$kendo-pager-padding-ynull
Description
The vertical padding of the Pager.
+
$kendo-pager-sm-padding-ynull
Description
The vertical padding of the small Pager.
+
$kendo-pager-md-padding-ynull
Description
The vertical padding of the medium Pager.
+
$kendo-pager-lg-padding-ynull
Description
The vertical padding of the large Pager.
+
$kendo-pager-sm-item-min-widthnull
Description
The minimum width of the items in the small Pager.
+
$kendo-pager-md-item-min-widthnull
Description
The minimum width of the items in the medium Pagers.
+
$kendo-pager-lg-item-min-widthnull
Description
The minimum width of the items in the large Pagers.
+
$kendo-pager-sm-item-group-spacingnull
Description
The margin between the item groups in the small Pager.
+
$kendo-pager-md-item-group-spacingnull
Description
The margin between the item groups in the medium Pager.
+
$kendo-pager-lg-item-group-spacingnull
Description
The margin between the item groups in the large Pager.
+
$kendo-pager-border-widthnull
Description
The border width of the Pager.
+
$kendo-pager-font-familynull
Description
The font family of the Pager.
+
$kendo-pager-font-sizenull
Description
The font size of the Pager.
+
$kendo-pager-line-heightnull
Description
The line height of the Pager.
+
$kendo-pager-bgnull
Description
The background color of the Pager.
+
$kendo-pager-textnull
Description
The text color of the Pager.
+
$kendo-pager-bordernull
Description
The border color of the Pager.
+
$kendo-pager-focus-bgnull
Description
The background color of the focused Pager.
+
$kendo-pager-focus-shadownull
Description
The box shadow of the focused Pager.
+
$kendo-pager-section-spacingnull
Description
The spacing between the sections of the Pager.
+
$kendo-pager-item-border-widthnull
Description
The border width of the Pager items.
+
$kendo-pager-item-border-radiusnull
Description
The border radius of the Pager items.
+
$kendo-pager-item-spacingnull
Description
The spacing around the Pager items.
+
$kendo-pager-item-bgnull
Description
The background color of the Pager items.
+
$kendo-pager-item-textnull
Description
The text color of the Pager items.
+
$kendo-pager-item-bordernull
Description
The border color of the Pager items.
+
$kendo-pager-item-hover-bgnull
Description
The background color of the hovered Pager items.
+
$kendo-pager-item-hover-textnull
Description
The text color of the hovered Pager items.
+
$kendo-pager-item-hover-bordernull
Description
The border color of the hovered Pager items.
+
$kendo-pager-item-selected-bgnull
Description
The background color of the selected Pager items.
+
$kendo-pager-item-selected-textnull
Description
The text color of the selected Pager items.
+
$kendo-pager-item-selected-bordernull
Description
The border color of the selected Pager items.
+
$kendo-pager-item-focus-opacitynull
Description
The opacity of the focused Pager items.
+
$kendo-pager-item-focus-bgnull
Description
The background color of the focused Pager items.
+
$kendo-pager-item-focus-shadownull
Description
The box shadow of the focused Pager items.
+
$kendo-pager-number-border-radiusnull
Description
The border radius of the Pager numbers.
+
$kendo-pager-input-widthnull
Description
The width of the Inputs in the Pager.
+
$kendo-pager-sm-dropdown-widthnull
Description
The width of the DropDowns in the small Pager.
+
$kendo-pager-md-dropdown-widthnull
Description
The width of the DropDowns in the medium Pager.
+
$kendo-pager-lg-dropdown-widthnull
Description
The width of the DropDowns in the large Pager.
+
$kendo-pager-sizesnull
Description
The sizes map of the Pager.
+
+ +### Palette + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-palette-gray$_default-palette-gray
Description
The Gray Palette provides colors to the Base, Secondary, Light, Dark, and Inverse variable groups.
+
$kendo-palette-coral$_default-palette-coral
Description
The Coral Palette provides colors to the Primary and Series A variable groups.
+
$kendo-palette-sky-blue$_default-palette-sky-blue
Description
The Sky Blue Palette provides colors to the Tertiary variable group.
+
$kendo-palette-green$_default-palette-green
Description
The Green Palette provides colors to the Success variable group.
+
$kendo-palette-blue$_default-palette-blue
Description
The Blue Palette provides colors to the Info variable group.
+
$kendo-palette-yellow$_default-palette-yellow
Description
The Yellow Palette provides colors to the Warning variable group.
+
$kendo-palette-red$_default-palette-red
Description
The Red Palette provides colors to the Error variable group.
+
$kendo-palette-lemon-yellow$_default-palette-lemon-yellow
Description
The Lemon Yellow Palette provides colors to the Series B variable group.
+
$kendo-palette-spring-green$_default-palette-spring-green
Description
The Spring Green Palette provides colors to the Series C variable group.
+
$kendo-palette-royal-blue$_default-palette-royal-blue
Description
The Royal Blue Palette provides colors to the Series D variable group.
+
$kendo-palette-lavender-purple$_default-palette-lavender-purple
Description
The Lavender Purple Palette provides colors to the Series E variable group.
+
$kendo-palette-flamingo-pink$_default-palette-flamingo-pink
Description
The Flamingo Pink Palette provides colors to the Series F variable group.
+
+ +### Panel + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-panel-border-radiusnull
Description
The border radius of the Panel.
+
$kendo-panel-border-widthnull
Description
The width of the border around the Panel.
+
$kendo-panel-border-stylenull
Description
The style of the border around the Panel.
+
$kendo-panel-header-padding-inlinenull
Description
The inline padding of the Panel header.
+
$kendo-panel-header-padding-blocknull
Description
The block padding of the Panel header.
+
$kendo-panel-content-padding-inlinenull
Description
The inline padding of the Panel content.
+
$kendo-panel-content-padding-blocknull
Description
The block padding of the Panel content.
+
$kendo-panel-textnull
Description
The text color of the Panel.
+
$kendo-panel-bgnull
Description
The background color of the Panel.
+
$kendo-panel-bordernull
Description
The color of the border around the Panel.
+
+ +### Panelbar + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-panelbar-padding-xnull
Description
The horizontal padding of the PanelBar.
+
$kendo-panelbar-padding-ynull
Description
The vertical padding of the PanelBar.
+
$kendo-panelbar-font-familynull
Description
The font family of the PanelBar.
+
$kendo-panelbar-font-sizenull
Description
The font size of the PanelBar.
+
$kendo-panelbar-line-heightnull
Description
The line height of the PanelBar.
+
$kendo-panelbar-border-widthnull
Description
The width of the border around the PanelBar.
+
$kendo-panelbar-border-stylenull
Description
The border style around the the PanelBar.
+
$kendo-panelbar-item-border-widthnull
Description
The width of the border around the PanelBar items.
+
$kendo-panelbar-item-border-stylenull
Description
The style of the border around the PanelBar items.
+
$kendo-panelbar-header-padding-xnull
Description
The horizontal padding of the PanelBar header.
+
$kendo-panelbar-header-padding-ynull
Description
The vertical padding of the PanelBar header.
+
$kendo-panelbar-item-padding-xnull
Description
The horizontal padding of the PanelBar items.
+
$kendo-panelbar-item-padding-ynull
Description
The vertical padding of the PanelBar items.
+
$kendo-panelbar-item-level-countnull
Description
The maximum nesting of the PanelBar items.
+
$kendo-panelbar-bgnull
Description
The background color of the PanelBar.
+
$kendo-panelbar-textnull
Description
The text color of the PanelBar.
+
$kendo-panelbar-bordernull
Description
The border color of the PanelBar.
+
$kendo-panelbar-header-bgnull
Description
The background color of the PanelBar header.
+
$kendo-panelbar-header-textnull
Description
The text color of the PanelBar header.
+
$kendo-panelbar-header-bordernull
Description
The border color of the PanelBar header.
+
$kendo-panelbar-header-gradientnull
Description
The gradient of the PanelBar header.
+
$kendo-panelbar-header-hover-bgnull
Description
The background color of the hovered PanelBar header.
+
$kendo-panelbar-header-hover-textnull
Description
The text color of the hovered PanelBar header.
+
$kendo-panelbar-header-hover-bordernull
Description
The border color of the hovered PanelBar header.
+
$kendo-panelbar-header-hover-gradientnull
Description
The gradient of the hovered PanelBar header.
+
$kendo-panelbar-header-focus-bgnull
Description
The background color of the focused PanelBar header.
+
$kendo-panelbar-header-focus-textnull
Description
The text color of the focused PanelBar header.
+
$kendo-panelbar-header-focus-bordernull
Description
The border color of the focused PanelBar header.
+
$kendo-panelbar-header-focus-gradientnull
Description
The gradient of the focused PanelBar header.
+
$kendo-panelbar-header-focus-shadownull
Description
The shadow of the focused PanelBar header.
+
$kendo-panelbar-header-hover-focus-bgnull
Description
The background color of the focused and hovered PanelBar header.
+
$kendo-panelbar-header-hover-focus-textnull
Description
The text color of the focused and hovered PanelBar header.
+
$kendo-panelbar-header-hover-focus-bordernull
Description
The border color of the focused and hovered PanelBar header.
+
$kendo-panelbar-header-hover-focus-gradientnull
Description
The gradient of the focused and hovered PanelBar header.
+
$kendo-panelbar-header-selected-bgnull
Description
The background color of the selected PanelBar header.
+
$kendo-panelbar-header-selected-textnull
Description
The text color of the selected PanelBar header.
+
$kendo-panelbar-header-selected-bordernull
Description
The border color of the selected PanelBar header.
+
$kendo-panelbar-header-selected-gradientnull
Description
The gradient of the selected PanelBar header.
+
$kendo-panelbar-header-selected-hover-bgnull
Description
The background color of the selected and hovered PanelBar header.
+
$kendo-panelbar-header-selected-hover-textnull
Description
The text color of the selected and hovered PanelBar header.
+
$kendo-panelbar-header-selected-hover-bordernull
Description
The border color of the selected and hovered PanelBar header.
+
$kendo-panelbar-header-selected-hover-gradientnull
Description
The gradient of the selected and hovered PanelBar header.
+
$kendo-panelbar-header-selected-focus-bgnull
Description
The background color of the selected and focused PanelBar header.
+
$kendo-panelbar-header-selected-focus-textnull
Description
The text color of the selected and focused PanelBar header.
+
$kendo-panelbar-header-selected-focus-bordernull
Description
The border color of the selected and focused PanelBar header.
+
$kendo-panelbar-header-selected-focus-gradientnull
Description
The gradient of the selected and focused PanelBar header.
+
$kendo-panelbar-header-selected-hover-focus-bgnull
Description
The background color of the selected, hovered and focused PanelBar header.
+
$kendo-panelbar-header-selected-hover-focus-textnull
Description
The text color of the selected, hovered and focused PanelBar header.
+
$kendo-panelbar-header-selected-hover-focus-bordernull
Description
The border color of the selected, hovered and focused PanelBar header.
+
$kendo-panelbar-header-selected-hover-focus-gradientnull
Description
The gradient of the selected, hovered and focused PanelBar header.
+
$kendo-panelbar-item-hover-bgnull
Description
The background color of the hovered PanelBar items.
+
$kendo-panelbar-item-hover-textnull
Description
The text color of the hovered PanelBar items.
+
$kendo-panelbar-item-hover-bordernull
Description
The border color of the hovered PanelBar items.
+
$kendo-panelbar-item-hover-gradientnull
Description
The gradient of the hovered PanelBar items.
+
$kendo-panelbar-item-focus-bgnull
Description
The background color of the focused PanelBar items.
+
$kendo-panelbar-item-focus-textnull
Description
The text color of the focused PanelBar items.
+
$kendo-panelbar-item-focus-bordernull
Description
The border color of the focused PanelBar items.
+
$kendo-panelbar-item-focus-gradientnull
Description
The gradient of the focused PanelBar items.
+
$kendo-panelbar-item-focus-shadownull
Description
The box shadow of the focused PanelBar items.
+
$kendo-panelbar-item-hover-focus-bgnull
Description
The background color of the focused and hovered PanelBar items.
+
$kendo-panelbar-item-hover-focus-textnull
Description
The text color of the focused and hovered PanelBar items.
+
$kendo-panelbar-item-hover-focus-bordernull
Description
The border color of the focused and hovered PanelBar items.
+
$kendo-panelbar-item-hover-focus-gradientnull
Description
The gradient of the focused and hovered PanelBar items.
+
$kendo-panelbar-item-selected-bgnull
Description
The background color of the selected PanelBar items.
+
$kendo-panelbar-item-selected-textnull
Description
The text color of the selected PanelBar items.
+
$kendo-panelbar-item-selected-bordernull
Description
The border color of the selected PanelBar items.
+
$kendo-panelbar-item-selected-gradientnull
Description
The gradient of the selected PanelBar items.
+
$kendo-panelbar-item-selected-hover-bgnull
Description
The background color of the selected and hovered PanelBar items.
+
$kendo-panelbar-item-selected-hover-textnull
Description
The text color of the selected and hovered PanelBar items.
+
$kendo-panelbar-item-selected-hover-bordernull
Description
The border color of the selected and hovered PanelBar items.
+
$kendo-panelbar-item-selected-hover-gradientnull
Description
The gradient of the selected and hovered PanelBar items.
+
$kendo-panelbar-item-selected-focus-bgnull
Description
The background color of the selected and focused PanelBar items.
+
$kendo-panelbar-item-selected-focus-textnull
Description
The text color of the selected and focused PanelBar items.
+
$kendo-panelbar-item-selected-focus-bordernull
Description
The border color of the selected and focused PanelBar items.
+
$kendo-panelbar-item-selected-focus-gradientnull
Description
The gradient of the selected and focused PanelBar items.
+
$kendo-panelbar-item-selected-hover-focus-bgnull
Description
The background color of the selected, hovered and focused PanelBar items.
+
$kendo-panelbar-item-selected-hover-focus-textnull
Description
The text color of the selected, hovered and focused PanelBar items.
+
$kendo-panelbar-item-selected-hover-focus-bordernull
Description
The border color of the selected, hovered and focused PanelBar items.
+
$kendo-panelbar-item-selected-hover-focus-gradientnull
Description
The gradient of the selected, hovered and focused PanelBar items.
+
$kendo-panelbar-header-expanded-bgnull
Description
The background color of the expanded PanelBar header.
+
$kendo-panelbar-header-expanded-textnull
Description
The text color of the expanded PanelBar header.
+
$kendo-panelbar-header-expanded-bordernull
Description
The border color of the expanded PanelBar header.
+
$kendo-panelbar-header-expanded-gradientnull
Description
The gradient of the expanded PanelBar header.
+
+ +### Picker + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-picker-bgnull
Description
The background color of the Picker components.
+
$kendo-picker-textnull
Description
The text color of the Picker components.
+
$kendo-picker-bordernull
Description
The border color of the Picker components.
+
$kendo-picker-gradientnull
Description
The gradient of the Picker components.
+
$kendo-picker-shadownull
Description
The shadow of the Picker components.
+
$kendo-picker-hover-bgnull
Description
The background color of the hovered Picker components.
+
$kendo-picker-hover-textnull
Description
The text color of the hovered Picker components.
+
$kendo-picker-hover-bordernull
Description
The border color of the hovered Picker components.
+
$kendo-picker-hover-gradientnull
Description
The gradient of the hovered Picker components.
+
$kendo-picker-hover-shadownull
Description
The shadow of the hovered Picker components.
+
$kendo-picker-focus-bgnull
Description
The background color of the focused Picker components.
+
$kendo-picker-focus-textnull
Description
The text color of the focused Picker components.
+
$kendo-picker-focus-bordernull
Description
The border color of the focused Picker components.
+
$kendo-picker-focus-gradientnull
Description
The gradient of the focused Picker components.
+
$kendo-picker-focus-shadownull
Description
The shadow of the focused Picker components.
+
$kendo-picker-disabled-bgnull
Description
The background color of the disabled Picker components.
+
$kendo-picker-disabled-textnull
Description
The text color of the disabled Picker components.
+
$kendo-picker-disabled-bordernull
Description
The border color of the disabled Picker components.
+
$kendo-picker-disabled-gradientnull
Description
The gradient of the disabled Picker components.
+
$kendo-picker-disabled-shadownull
Description
The shadow of the disabled Picker components.
+
$kendo-picker-outline-bgnull
Description
The background color of the outline Picker components.
+
$kendo-picker-outline-textnull
Description
The text color of the outline Picker components.
+
$kendo-picker-outline-bordernull
Description
The border color of the outline Picker components.
+
$kendo-picker-outline-hover-bgnull
Description
The background color of the outline hovered Picker components.
+
$kendo-picker-outline-hover-textnull
Description
The text color of the outline hovered Picker components.
+
$kendo-picker-outline-hover-bordernull
Description
The border color of the outline hovered Picker components.
+
$kendo-picker-outline-focus-bgnull
Description
The background color of the outline focused Picker components.
+
$kendo-picker-outline-focus-textnull
Description
The text color of the outline focused Picker components.
+
$kendo-picker-outline-focus-bordernull
Description
The border color of the outline focused Picker components.
+
$kendo-picker-outline-focus-shadownull
Description
The shadow of the outline focused Picker components.
+
$kendo-picker-outline-hover-focus-bgnull
Description
The background color of the outline hovered and focused Picker components.
+
$kendo-picker-outline-hover-focus-textnull
Description
The text color of the outline hovered and focused Picker components.
+
$kendo-picker-outline-hover-focus-bordernull
Description
The border color of the outline hovered and focused Picker components.
+
$kendo-picker-flat-bgnull
Description
The background color of the flat Picker components.
+
$kendo-picker-flat-textnull
Description
The text color of the flat Picker components.
+
$kendo-picker-flat-bordernull
Description
The border color of the flat Picker components.
+
$kendo-picker-flat-hover-bgnull
Description
The background color of the flat hovered Picker components.
+
$kendo-picker-flat-hover-textnull
Description
The text color of the flat hovered Picker components.
+
$kendo-picker-flat-hover-bordernull
Description
The border color of the flat hovered Picker components.
+
$kendo-picker-flat-focus-bgnull
Description
The background color of the flat focused Picker components.
+
$kendo-picker-flat-focus-textnull
Description
The text color of the flat focused Picker components.
+
$kendo-picker-flat-focus-bordernull
Description
The border color of the flat focused Picker components.
+
$kendo-picker-flat-focus-shadownull
Description
The shadow of the flat focused Picker components.
+
$kendo-picker-flat-hover-focus-bgnull
Description
The background color of the flat hovered and focused Picker components.
+
$kendo-picker-flat-hover-focus-textnull
Description
The text color of the flat hovered and focused Picker components.
+
$kendo-picker-flat-hover-focus-bordernull
Description
The border color of the flat hovered and focused Picker components.
+
+ +### Pivotgrid + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-pivotgrid-spacernull
Description
The spacer of the PivotGrid.
+
$kendo-pivotgrid-padding-xnull
Description
The horizontal padding of the PivotGrid.
+
$kendo-pivotgrid-padding-ynull
Description
The vertical of the PivotGrid.
+
$kendo-pivotgrid-font-familynull
Description
The font family of the PivotGrid.
+
$kendo-pivotgrid-font-sizenull
Description
The font size of the PivotGrid.
+
$kendo-pivotgrid-line-heightnull
Description
The line height of the PivotGrid.
+
$kendo-pivotgrid-border-widthnull
Description
The border width of the PivotGrid.
+
$kendo-pivotgrid-icon-spacingnull
Description
The icon spacing of the PivotGrid.
+
$kendo-pivotgrid-row-header-widthnull
Description
The default width of the PivotGrid row header.
+
$kendo-pivotgrid-column-header-heightnull
Description
The default height of the PivotGrid column header.
+
$kendo-pivotgrid-cell-padding-xnull
Description
The horizontal padding of the PivotGrid cell.
+
$kendo-pivotgrid-cell-padding-ynull
Description
The vertical padding of the PivotGrid cell.
+
$kendo-pivotgrid-cell-border-widthnull
Description
The border width of the PivotGrid cell.
+
$kendo-pivotgrid-bgnull
Description
The background color of the PivotGrid.
+
$kendo-pivotgrid-textnull
Description
The text color of the PivotGrid.
+
$kendo-pivotgrid-bordernull
Description
The border color of the PivotGrid.
+
$kendo-pivotgrid-alt-bordernull
Description
The alt border color of the PivotGrid.
+
$kendo-pivotgrid-headers-bgnull
Description
The background color of the PivotGrid header.
+
$kendo-pivotgrid-headers-textnull
Description
The text color of the PivotGrid header.
+
$kendo-pivotgrid-headers-bordernull
Description
The border color of the PivotGrid header.
+
$kendo-pivotgrid-total-bgnull
Description
The background color of the PivotGrid total cells.
+
$kendo-pivotgrid-total-textnull
Description
The text color of the PivotGrid total cells.
+
$kendo-pivotgrid-total-bordernull
Description
The border color of the PivotGrid total cells.
+
$kendo-pivotgrid-hover-bgnull
Description
The hover background color of the PivotGrid.
+
$kendo-pivotgrid-hover-textnull
Description
The hover text color of the PivotGrid.
+
$kendo-pivotgrid-hover-bordernull
Description
The hover border color of the PivotGrid.
+
$kendo-pivotgrid-selected-bgnull
Description
The selected background color of the PivotGrid.
+
$kendo-pivotgrid-selected-textnull
Description
The selected text color of the PivotGrid.
+
$kendo-pivotgrid-selected-bordernull
Description
The selected border color of the PivotGrid.
+
$kendo-pivotgrid-focus-shadownull
Description
The focus shadow of the PivotGrid.
+
$kendo-pivotgrid-configurator-padding-xnull
Description
The horizontal padding of the PivotGrid configurator.
+
$kendo-pivotgrid-configurator-padding-ynull
Description
The vertical padding of the PivotGrid configurator.
+
$kendo-pivotgrid-configurator-border-widthnull
Description
The border width of the PivotGrid configurator.
+
$kendo-pivotgrid-configurator-header-padding-xnull
Description
The horizontal padding of the PivotGrid configurator header.
+
$kendo-pivotgrid-configurator-header-padding-ynull
Description
The vertical padding of the PivotGrid configurator header.
+
$kendo-pivotgrid-configurator-header-font-sizenull
Description
The font size of the PivotGrid configurator header.
+
$kendo-pivotgrid-configurator-header-font-weightnull
Description
The font weight of the PivotGrid configurator header.
+
$kendo-pivotgrid-configurator-content-padding-xnull
Description
The horizontal padding of the PivotGrid configurator content.
+
$kendo-pivotgrid-configurator-content-padding-ynull
Description
The vertical padding of the PivotGrid configurator content.
+
$kendo-pivotgrid-configurator-fields-margin-xnull
Description
The horizontal margin of the PivotGrid configurator fields.
+
$kendo-pivotgrid-configurator-fields-margin-ynull
Description
The vertical margin of the PivotGrid configurator fields.
+
$kendo-pivotgrid-configurator-vertical-widthnull
Description
The default width of the PivotGrid vertical configurator.
+
$kendo-pivotgrid-configurator-horizontal-heightnull
Description
The default height of the PivotGrid horizontal configurator.
+
$kendo-pivotgrid-configurator-bgnull
Description
The background color of the PivotGrid configurator.
+
$kendo-pivotgrid-configurator-textnull
Description
The text color of the PivotGrid configurator.
+
$kendo-pivotgrid-configurator-bordernull
Description
The border color of the PivotGrid configurator.
+
$kendo-pivotgrid-configurator-header-bgnull
Description
The background color of the PivotGrid configurator header.
+
$kendo-pivotgrid-configurator-header-textnull
Description
The text color of the PivotGrid configurator header.
+
$kendo-pivotgrid-configurator-header-bordernull
Description
The border color of the PivotGrid configurator header.
+
$kendo-pivotgrid-configurator-shadownull
Description
The shadow of the PivotGrid configurator.
+
$kendo-pivotgrid-configurator-end-shadownull
Description
The end shadow of the PivotGrid configurator.
+
$kendo-pivotgrid-configurator-start-shadownull
Description
The start shadow of the PivotGrid configurator.
+
$kendo-pivotgrid-configurator-top-shadownull
Description
The top shadow of the PivotGrid configurator.
+
$kendo-pivotgrid-configurator-bottom-shadownull
Description
The bottom shadow of the PivotGrid configurator.
+
$kendo-pivotgrid-configurator-button-padding-xnull
Description
The horizontal padding of the PivotGrid configurator button.
+
$kendo-pivotgrid-configurator-button-padding-ynull
Description
The vertical padding of the PivotGrid configurator button.
+
$kendo-pivotgrid-configurator-button-border-widthnull
Description
The border width of the PivotGrid configurator button.
+
$kendo-pivotgrid-configurator-button-sizenull
Description
The size of the PivotGrid configurator button.
+
$kendo-pivotgrid-calculated-field-padding-xnull
Description
The horizontal padding of the PivotGrid calculated field.
+
$kendo-pivotgrid-calculated-field-padding-ynull
Description
The vertical padding of the PivotGrid calculated field.
+
$kendo-pivotgrid-calculated-field-border-widthnull
Description
The border width of the PivotGrid calculated field.
+
$kendo-pivotgrid-calculated-field-border-radiusnull
Description
The border radius of the PivotGrid calculated field.
+
$kendo-pivotgrid-calculated-field-gapnull
Description
The spacing of the PivotGrid calculated field.
+
$kendo-pivotgrid-calculated-field-bgnull
Description
The background color of the PivotGrid calculated field.
+
$kendo-pivotgrid-calculated-field-textnull
Description
The text color of the PivotGrid calculated field.
+
$kendo-pivotgrid-calculated-field-bordernull
Description
The border color of the PivotGrid calculated field.
+
$kendo-pivotgrid-calculated-field-header-bgnull
Description
The background color of the PivotGrid calculated field header.
+
$kendo-pivotgrid-calculated-field-header-textnull
Description
The text color of the PivotGrid calculated field header.
+
$kendo-pivotgrid-calculated-field-header-bordernull
Description
The border color of the PivotGrid calculated field header.
+
$kendo-pivotgrid-treeview-padding-xnull
Description
The horizontal padding of the PivotGrid treeview.
+
$kendo-pivotgrid-treeview-padding-ynull
Description
The vertical padding of the PivotGrid treeview.
+
+ +### Popover + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-popover-border-widthnull
Description
The width of the border around the Popover.
+
$kendo-popover-border-stylenull
Description
The style of the border around the Popover.
+
$kendo-popover-border-radiusnull
Description
The radius of the border around the Popover.
+
$kendo-popover-font-familynull
Description
The font family of the Popover.
+
$kendo-popover-font-sizenull
Description
The font size of the Popover.
+
$kendo-popover-line-heightnull
Description
The line height of the Popover.
+
$kendo-popover-textnull
Description
The text color of the Popover.
+
$kendo-popover-bgnull
Description
The background color of the Popover.
+
$kendo-popover-bordernull
Description
The border color of the Popover.
+
$kendo-popover-shadownull
Description
The box shadow of the Popover.
+
$kendo-popover-header-padding-xnull
Description
The horizontal padding of the Popover header.
+
$kendo-popover-header-padding-ynull
Description
The vertical padding of the Popover header.
+
$kendo-popover-header-border-widthnull
Description
The border width of the Popover header.
+
$kendo-popover-header-border-stylenull
Description
The border style of the Popover header.
+
$kendo-popover-header-textnull
Description
The text color of the Popover header.
+
$kendo-popover-header-bgnull
Description
The background color of the Popover header.
+
$kendo-popover-header-bordernull
Description
The border color of the Popover header.
+
$kendo-popover-body-padding-xnull
Description
The horizontal padding of the Popover body.
+
$kendo-popover-body-padding-ynull
Description
The vertical padding of the Popover body.
+
$kendo-popover-actions-border-widthnull
Description
The border width of the Popover actions.
+
$kendo-popover-callout-widthnull
Description
The width of the Popover callout.
+
$kendo-popover-callout-heightnull
Description
The height of the Popover callout.
+
$kendo-popover-callout-border-widthnull
Description
The border width of the Popover callout.
+
$kendo-popover-callout-border-stylenull
Description
The border style of the Popover callout.
+
$kendo-popover-callout-bgnull
Description
The background color of the Popover callout.
+
$kendo-popover-callout-bordernull
Description
The border color of the Popover callout.
+
+ +### Popup + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-popup-padding-xnull
Description
Horizontal padding of the popup.
+
$kendo-popup-padding-ynull
Description
Vertical padding of the popup.
+
$kendo-popup-border-widthnull
Description
Width of the border around the popup.
+
$kendo-popup-border-radiusnull
Description
Border radius of the popup.
+
$kendo-popup-font-sizenull
Description
Font size of the popup.
+
$kendo-popup-line-heightnull
Description
Line height of the popup.
+
$kendo-popup-content-padding-xnull
Description
Horizontal padding of the popup content.
+
$kendo-popup-content-padding-ynull
Description
Vertical padding of the popup content.
+
$kendo-popup-bgnull
Description
Background color of the popup.
+
$kendo-popup-textnull
Description
Text color of the popup.
+
$kendo-popup-bordernull
Description
Border color of the popup.
+
$kendo-popup-shadownull
Description
Box shadow of the popup.
+
+ +### Progressbar + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-progressbar-heightnull
Description
The height of the ProgressBar.
+
$kendo-progressbar-horizontal-widthnull
Description
The horizontal width of the ProgressBar.
+
$kendo-progressbar-animation-timingnull
Description
The animation timing of the ProgressBar.
+
$kendo-progressbar-border-widthnull
Description
The width of the border around the ProgressBar.
+
$kendo-progressbar-font-familynull
Description
The font family of the ProgressBar.
+
$kendo-progressbar-font-sizenull
Description
The font size of the ProgressBar.
+
$kendo-progressbar-line-heightnull
Description
The line height of the ProgressBar.
+
$kendo-progressbar-bgnull
Description
The background color of the ProgressBar.
+
$kendo-progressbar-textnull
Description
The text color of the ProgressBar.
+
$kendo-progressbar-bordernull
Description
The border color of the ProgressBar.
+
$kendo-progressbar-gradientnull
Description
The background gradient of the ProgressBar.
+
$kendo-progressbar-value-bgnull
Description
The progress background color of the ProgressBar.
+
$kendo-progressbar-value-textnull
Description
The progress text color of the ProgressBar.
+
$kendo-progressbar-value-bordernull
Description
The progress border color of the ProgressBar.
+
$kendo-progressbar-value-gradientnull
Description
The progress background gradient of the ProgressBar.
+
$kendo-progressbar-indeterminate-bgnull
Description
The background color of the indeterminate ProgressBar.
+
$kendo-progressbar-indeterminate-textnull
Description
The text color of the indeterminate ProgressBar.
+
$kendo-progressbar-indeterminate-bordernull
Description
The border color of the indeterminate ProgressBar.
+
$kendo-progressbar-indeterminate-gradientnull
Description
The background gradient of the indeterminate ProgressBar.
+
$kendo-progressbar-chunk-bordernull
Description
The border color of the chunk ProgressBar.
+
$kendo-circular-progressbar-arc-strokenull
Description
The arc stroke color of the circular ProgressBar.
+
$kendo-circular-progressbar-scale-strokenull
Description
The scale stroke background color of the circular ProgressBar.
+
+ +### Prompt + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-prompt-textnull
Description
The text color of the AIPrompt.
+
$kendo-prompt-bgnull
Description
The background color of the AIPrompt.
+
$kendo-prompt-bordernull
Description
The border color of the AIPrompt.
+
$kendo-prompt-header-textnull
Description
The text color of the AIPrompt header.
+
$kendo-prompt-header-bgnull
Description
The background color of the AIPrompt header.
+
$kendo-prompt-header-bordernull
Description
The border color of the AIPrompt header.
+
$kendo-prompt-content-padding-ynull
Description
The vertical padding of the AIPrompt content.
+
$kendo-prompt-content-padding-xnull
Description
The horizontal padding of the AIPrompt content.
+
$kendo-prompt-content-spacingnull
Description
The spacing between the items of the AIPrompt content.
+
$kendo-prompt-content-textnull
Description
The text color of the AIPrompt content.
+
$kendo-prompt-content-bgnull
Description
The background color of the AIPrompt content.
+
$kendo-prompt-content-bordernull
Description
The text border of the AIPrompt content.
+
$kendo-prompt-expander-spacingnull
Description
The spacing between the items of the AIPrompt content expander.
+
$kendo-prompt-suggestion-padding-ynull
Description
The vertical padding of the AIPrompt suggestion container.
+
$kendo-prompt-suggestion-padding-xnull
Description
The horizontal padding of the AIPrompt suggestion container.
+
$kendo-prompt-suggestion-border-radiusnull
Description
The border radius of the AIPrompt suggestion container.
+
$kendo-prompt-suggestion-textnull
Description
The text color of the AIPrompt suggestion container.
+
$kendo-prompt-suggestion-bgnull
Description
The background color of the AIPrompt suggestion container.
+
$kendo-prompt-suggestion-bordernull
Description
The border color of the AIPrompt suggestion container.
+
$kendo-prompt-suggestion-shadownull
Description
The elevation of the AIPrompt suggestion container.
+
+ +### Radio + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-radio-radiusnull
Description
The border radius of the RadioButton.
+
$kendo-radio-border-widthnull
Description
The border width of the RadioButton.
+
$kendo-radio-sm-sizenull
Description
The size of a small RadioButton.
+
$kendo-radio-md-sizenull
Description
The size of a medium RadioButton.
+
$kendo-radio-lg-sizenull
Description
The size of a large RadioButton.
+
$kendo-radio-sm-glyph-sizenull
Description
The glyph size of a small RadioButton.
+
$kendo-radio-md-glyph-sizenull
Description
The glyph size of a medium RadioButton.
+
$kendo-radio-lg-glyph-sizenull
Description
The glyph size of a large RadioButton.
+
$kendo-radio-sm-ripple-sizenull
Description
The ripple size of a small RadioButton.
+
$kendo-radio-md-ripple-sizenull
Description
The ripple size of a medium RadioButton.
+
$kendo-radio-lg-ripple-sizenull
Description
The ripple size of a large RadioButton.
+
$kendo-radio-sizesnull
Description
The map with the different RadioButton sizes.
+
$kendo-radio-bgnull
Description
The background color of the RadioButton.
+
$kendo-radio-textnull
Description
The color of the RadioButton.
+
$kendo-radio-bordernull
Description
The border color of the RadioButton.
+
$kendo-radio-hover-bgnull
Description
The background color of the hovered RadioButton.
+
$kendo-radio-hover-textnull
Description
The color of the hovered RadioButton.
+
$kendo-radio-hover-bordernull
Description
The border color of the hovered RadioButton.
+
$kendo-radio-checked-bgnull
Description
The background color of the checked RadioButton.
+
$kendo-radio-checked-textnull
Description
The color of the checked RadioButton.
+
$kendo-radio-checked-bordernull
Description
The border color of the checked RadioButton.
+
$kendo-radio-focus-bordernull
Description
The border color of the focused RadioButton.
+
$kendo-radio-focus-shadownull
Description
The box shadow of the focused RadioButton.
+
$kendo-radio-focus-checked-bordernull
Description
The border color of the focused and checked RadioButton.
+
$kendo-radio-focus-checked-shadownull
Description
The box shadow of the focused and checked RadioButton.
+
$kendo-radio-disabled-bgnull
Description
The background color of the disabled RadioButton.
+
$kendo-radio-disabled-textnull
Description
The color of the disabled RadioButton.
+
$kendo-radio-disabled-bordernull
Description
The border color of the disabled RadioButton.
+
$kendo-radio-disabled-checked-bgnull
Description
The background color of the disabled and checked RadioButton.
+
$kendo-radio-disabled-checked-textnull
Description
The color of the disabled and checked RadioButton.
+
$kendo-radio-disabled-checked-bordernull
Description
The border color of disabled and checked RadioButton.
+
$kendo-radio-invalid-bgnull
Description
The background color of the invalid RadioButton.
+
$kendo-radio-invalid-textnull
Description
The color of the invalid RadioButton.
+
$kendo-radio-invalid-bordernull
Description
The border color of the invalid RadioButton.
+
$kendo-radio-indicator-typenull
Description
The type of the RadioButton indicator.
+
$kendo-radio-glyph-font-familynull
Description
The font family of the RadioButton indicator glyph.
+
$kendo-radio-checked-glyphnull
Description
The glyph of the RadioButton indicator.
+
$kendo-radio-checked-imagenull
Description
The image of the checked RadioButton indicator.
+
$kendo-radio-disabled-checked-imagenull
Description
The image of the disabled and checked RadioButton indicator.
+
$kendo-radio-label-margin-xnull
Description
The horizontal margin of the RadioButton inside of a label.
+
$kendo-radio-list-spacingnull
Description
The horizontal list item margin of the RadioButton.
+
$kendo-radio-list-item-padding-xnull
Description
The horizontal list item padding of the RadioButton.
+
$kendo-radio-list-item-padding-ynull
Description
The vertical list item padding of the RadioButton.
+
$kendo-radio-ripple-bgnull
Description
The background color of the RadioButton ripple.
+
$kendo-radio-ripple-opacitynull
Description
The opacity of the RadioButton ripple.
+
+ +### Rating + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-rating-font-familynull
Description
The font family of the Rating.
+
$kendo-rating-font-sizenull
Description
The font size of the Rating.
+
$kendo-rating-line-heightnull
Description
The line height of the Rating.
+
$kendo-rating-container-margin-xnull
Description
The horizontal margin of the Rating container.
+
$kendo-rating-item-padding-xnull
Description
The horizontal padding of the Rating item.
+
$kendo-rating-item-padding-ynull
Description
The vertical padding of the Rating item.
+
$kendo-rating-label-margin-xnull
Description
The horizontal margin of the Rating label.
+
$kendo-rating-label-margin-ynull
Description
The vertical margin of the Rating label.
+
$kendo-rating-label-line-heightnull
Description
The line height of the Rating label.
+
$kendo-rating-icon-sizenull
Description
The size of the Rating icon.
+
$kendo-rating-icon-textnull
Description
The text color of the Rating icon.
+
$kendo-rating-icon-selected-textnull
Description
The text color of the selected Rating icon.
+
$kendo-rating-icon-hover-textnull
Description
The text color of the hovered Rating icon.
+
$kendo-rating-icon-focus-textnull
Description
The text color of the focused Rating icon.
+
$kendo-rating-icon-focus-shadownull
Description
The shadow of the focused Rating icon.
+
$kendo-rating-icon-focus-selected-shadownull
Description
The shadow of the focused and selected Rating icon.
+
+ +### Scheduler + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-scheduler-border-widthnull
Description
The width of the border around the Scheduler.
+
$kendo-scheduler-font-familynull
Description
The font family of the Scheduler.
+
$kendo-scheduler-font-sizenull
Description
The font size of the Scheduler.
+
$kendo-scheduler-line-heightnull
Description
The line height of the Scheduler.
+
$kendo-scheduler-bgnull
Description
The background color of the Scheduler.
+
$kendo-scheduler-textnull
Description
The text color of the Scheduler.
+
$kendo-scheduler-bordernull
Description
The border color of the Scheduler.
+
$kendo-scheduler-toolbar-bgnull
Description
The background color of the Scheduler ToolBar.
+
$kendo-scheduler-toolbar-textnull
Description
The text color of the Scheduler ToolBar.
+
$kendo-scheduler-toolbar-bordernull
Description
The border color of the Scheduler ToolBar.
+
$kendo-scheduler-toolbar-gradientnull
Description
The gradient of the Scheduler ToolBar.
+
$kendo-scheduler-footer-bgnull
Description
The background color of the Scheduler footer.
+
$kendo-scheduler-footer-textnull
Description
The text color of the Scheduler footer.
+
$kendo-scheduler-footer-bordernull
Description
The border color of the Scheduler footer.
+
$kendo-scheduler-footer-gradientnull
Description
The gradient of the Scheduler footer.
+
$kendo-scheduler-event-min-heightnull
Description
The minimum height of the Scheduler event.
+
$kendo-scheduler-event-border-radiusnull
Description
The border radius of the Scheduler event.
+
$kendo-scheduler-event-line-heightnull
Description
The line height of the Scheduler event.
+
$kendo-scheduler-event-bgnull
Description
The background color of the Scheduler event.
+
$kendo-scheduler-event-textnull
Description
The text color of the Scheduler event.
+
$kendo-scheduler-event-bordernull
Description
The border color of the Scheduler event.
+
$kendo-scheduler-event-gradientnull
Description
The gradient of the Scheduler event.
+
$kendo-scheduler-event-shadownull
Description
The shadow of the Scheduler event.
+
$kendo-scheduler-event-hover-bgnull
Description
The background color of the hovered Scheduler event.
+
$kendo-scheduler-event-hover-textnull
Description
The text color of the hovered Scheduler event.
+
$kendo-scheduler-event-hover-bordernull
Description
The border color of the hovered Scheduler event.
+
$kendo-scheduler-event-hover-gradientnull
Description
The gradient of the hovered Scheduler event.
+
$kendo-scheduler-event-hover-shadownull
Description
The shadow of the hovered Scheduler event.
+
$kendo-scheduler-event-selected-bgnull
Description
The background color of the selected Scheduler event.
+
$kendo-scheduler-event-selected-textnull
Description
The text color of the selected Scheduler event.
+
$kendo-scheduler-event-selected-bordernull
Description
The border color of the selected Scheduler event.
+
$kendo-scheduler-event-selected-gradientnull
Description
The gradient of the selected Scheduler event.
+
$kendo-scheduler-event-selected-shadownull
Description
The shadow of the selected Scheduler event.
+
$kendo-scheduler-event-ongoing-shadownull
Description
The shadow of the ongoing Scheduler event.
+
$kendo-scheduler-cell-padding-xnull
Description
The horizontal padding of the Scheduler cell.
+
$kendo-scheduler-cell-padding-ynull
Description
The vertical padding of the Scheduler cell.
+
$kendo-scheduler-cell-heightnull
Description
The height of the Scheduler cell.
+
$kendo-scheduler-datecolumn-widthnull
Description
The width of the Scheduler date column.
+
$kendo-scheduler-timecolumn-widthnull
Description
The width of the Scheduler time column.
+
$kendo-scheduler-nonwork-bgnull
Description
The background color of the non-working hours in the Scheduler.
+
$kendo-scheduler-nonwork-textnull
Description
The text color of the non-working hours in the Scheduler.
+
$kendo-scheduler-weekend-bgnull
Description
The background color of the weekends in the Scheduler.
+
$kendo-scheduler-weekend-textnull
Description
The text color of the weekends in the Scheduler.
+
$kendo-scheduler-othermonth-bgnull
Description
The background color of the preceding/subsequent month cells in the Calendar.
+
$kendo-scheduler-othermonth-textnull
Description
The text color of the preceding/subsequent month cells in the Calendar.
+
$kendo-scheduler-yearview-padding-xnull
Description
The horizontal padding of the year view in the Scheduler.
+
$kendo-scheduler-yearview-padding-ynull
Description
The vertical padding of the year view in the Scheduler.
+
$kendo-scheduler-yearview-calendar-gapnull
Description
The spacing between the calendars of the year view in the Scheduler.
+
$kendo-scheduler-yearview-indicator-sizenull
Description
The days with events indicator size of the year view in the Scheduler.
+
$kendo-scheduler-yearview-indicator-calc-offset-topnull
Description
The top position of the days with events indicator of the year view in the Scheduler.
+
$kendo-scheduler-yearview-indicator-calc-offset-leftnull
Description
The left position of the days with events indicator of the year view in the Scheduler.
+
$kendo-scheduler-yearview-indicator-border-radiusnull
Description
The border radius of the days with events indicator of the year view in the Scheduler.
+
$kendo-scheduler-yearview-indicator-bgnull
Description
The background color of the days with events indicator of the year view in the Scheduler.
+
$kendo-scheduler-yearview-indicator-selected-bgnull
Description
The background color of the selected days with events indicator of the year view in the Scheduler.
+
$kendo-scheduler-tooltip-padding-xnull
Description
The horizontal padding of the Scheduler Tooltip.
+
$kendo-scheduler-tooltip-padding-ynull
Description
The vertical padding of the Scheduler Tooltip.
+
$kendo-scheduler-tooltip-border-widthnull
Description
The width of the border of the Scheduler Tooltip.
+
$kendo-scheduler-tooltip-bgnull
Description
The background color of the Scheduler Tooltip.
+
$kendo-scheduler-tooltip-textnull
Description
The text color of the Scheduler Tooltip.
+
$kendo-scheduler-tooltip-bordernull
Description
The border color of the Scheduler Tooltip.
+
$kendo-scheduler-tooltip-shadownull
Description
The shadow of the Scheduler Tooltip.
+
$kendo-scheduler-tooltip-title-margin-ynull
Description
The vertical margin of the Scheduler Tooltip title.
+
$kendo-scheduler-tooltip-month-font-sizenull
Description
The font size of the month inside the Scheduler Tooltip.
+
$kendo-scheduler-tooltip-day-font-sizenull
Description
The font size of the day inside the Scheduler Tooltip.
+
$kendo-scheduler-tooltip-events-max-heightnull
Description
The max height of the events inside the Scheduler Tooltip.
+
$kendo-scheduler-tooltip-events-gapnull
Description
The spacing between the events inside the Scheduler Tooltip.
+
$kendo-scheduler-tooltip-event-padding-xnull
Description
The horizontal padding of the events inside the Scheduler Tooltip.
+
$kendo-scheduler-tooltip-event-padding-ynull
Description
The vertical padding of the events inside the Scheduler Tooltip.
+
$kendo-scheduler-tooltip-event-border-radiusnull
Description
The border radius of the events inside the Scheduler Tooltip.
+
$kendo-scheduler-tooltip-event-gapnull
Description
The spacing between the events items inside the Scheduler Tooltip.
+
$kendo-scheduler-tooltip-callout-textnull
Description
The color of the Scheduler Tooltip callout.
+
$kendo-scheduler-appointments-paddingnull
Description
The padding of the Scheduler appointments.
+
$kendo-scheduler-event-template-padding-xnull
Description
The horizontal padding of the Scheduler event template.
+
$kendo-scheduler-event-template-padding-ynull
Description
The vertical padding of the Scheduler event template.
+
$kendo-scheduler-event-actions-inset-xnull
Description
The inline inset of the Scheduler event actions.
+
$kendo-scheduler-indicators-marginnull
Description
The margin of the Scheduler event indicators.
+
$kendo-scheduler-rtl-indicators-marginnull
Description
The margin of the Scheduler event indicators in rtl.
+
$kendo-scheduler-marquee-label-inset-xnull
Description
The inline inset of the Scheduler marquee labels.
+
$kendo-scheduler-marquee-label-inset-ynull
Description
The block inset of the Scheduler marquee labels.
+
+ +### Scrollview + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-scrollview-border-widthnull
Description
The width of the border around the ScrollView.
+
$kendo-scrollview-font-familynull
Description
The font family of the ScrollView.
+
$kendo-scrollview-font-sizenull
Description
The font size of the ScrollView.
+
$kendo-scrollview-line-heightnull
Description
The line height of the ScrollView.
+
$kendo-scrollview-textnull
Description
The text color of the ScrollView.
+
$kendo-scrollview-bgnull
Description
The background color of the ScrollView.
+
$kendo-scrollview-bordernull
Description
The border color of the ScrollView.
+
$kendo-scrollview-pagebutton-sizenull
Description
The size of the ScrollView page button.
+
$kendo-scrollview-pagebutton-bgnull
Description
The background color of the ScrollView page button.
+
$kendo-scrollview-pagebutton-bordernull
Description
The border color of the ScrollView page button.
+
$kendo-scrollview-pagebutton-primary-bgnull
Description
The primary background color of the ScrollView page button.
+
$kendo-scrollview-pagebutton-primary-bordernull
Description
The primary border color of the ScrollView page button.
+
$kendo-scrollview-pagebutton-shadownull
Description
The box shadow of the ScrollView page button.
+
$kendo-scrollview-pager-offsetnull
Description
The offset of the ScrollView pager.
+
$kendo-scrollview-pager-item-spacingnull
Description
The spacing between the ScrollView pager items.
+
$kendo-scrollview-pager-item-border-widthnull
Description
The border width of the ScrollView pager items.
+
$kendo-scrollview-pager-heightnull
Description
The height of the ScrollView pager.
+
$kendo-scrollview-arrow-tap-highlight-colornull
Description
The text color of the highlight over the tapped ScrollView navigation arrows.
+
$kendo-scrollview-navigation-colornull
Description
The color of the ScrollView navigation arrows.
+
$kendo-scrollview-navigation-icon-shadownull
Description
The box shadow of the ScrollView navigation arrows.
+
$kendo-scrollview-navigation-bgnull
Description
The background color of the ScrollView navigation.
+
$kendo-scrollview-navigation-default-opacitynull
Description
The opacity of the ScrollView navigation.
+
$kendo-scrollview-navigation-hover-opacitynull
Description
The hover opacity of the ScrollView navigation.
+
$kendo-scrollview-navigation-hover-span-bgnull
Description
The hover background color of the ScrollView navigation arrows.
+
$kendo-scrollview-light-bgnull
Description
The background color of the ScrollView pager in light mode.
+
$kendo-scrollview-dark-bgnull
Description
The background color of the ScrollView pager in dark mode.
+
$kendo-scrollview-transition-durationnull
Description
The duration of the ScrollView transition.
+
$kendo-scrollview-transition-timing-functionnull
Description
The timing function of the ScrollView transition.
+
+ +### Skeleton + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-skeleton-text-transformnull
Description
The transform scale of the Skeleton text.
+
$kendo-skeleton-text-border-radiusnull
Description
The border radius of the Skeleton text.
+
$kendo-skeleton-rect-border-radiusnull
Description
The border radius of the rectangular Skeleton.
+
$kendo-skeleton-circle-border-radiusnull
Description
The border radius of the circular Skeleton.
+
+ +### Slider + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-slider-sizenull
Description
The default size of the Slider.
+
$kendo-slider-tick-sizenull
Description
The default size of the Slider tick.
+
$kendo-slider-alt-sizenull
Description
The default size of the Slider's track wrap.
+
$kendo-slider-font-familynull
Description
The font family of the Slider.
+
$kendo-slider-font-sizenull
Description
The font size of the Slider.
+
$kendo-slider-line-heightnull
Description
The line height of the Slider.
+
$kendo-slider-button-offsetnull
Description
The offset of the Slider Buttons.
+
$kendo-slider-button-sizenull
Description
The size of the Slider Buttons.
+
$kendo-slider-button-spacingnull
Description
The spacing of the Slider Buttons.
+
$kendo-slider-button-focus-shadownull
Description
The shadow of the focused Slider Buttons.
+
$kendo-slider-track-thicknessnull
Description
The thickness of the Slider track.
+
$kendo-slider-draghandle-sizenull
Description
The size of the Slider drag handle.
+
$kendo-slider-draghandle-border-widthnull
Description
The border width of the Slider drag handle.
+
$kendo-slider-draghandle-active-scalenull
Description
The transition scale of the active Slider drag handle.
+
$kendo-slider-draghandle-active-sizenull
Description
The size of the active Slider drag handle.
+
$kendo-slider-draghandle-bgnull
Description
The background color of the Slider drag handle.
+
$kendo-slider-draghandle-textnull
Description
The text color of the Slider drag handle.
+
$kendo-slider-draghandle-bordernull
Description
The border color of the Slider drag handle.
+
$kendo-slider-draghandle-gradientnull
Description
The gradient of the Slider drag handle.
+
$kendo-slider-draghandle-hover-bgnull
Description
The background color of the hovered Slider drag handle.
+
$kendo-slider-draghandle-hover-textnull
Description
The text color of the hovered Slider drag handle.
+
$kendo-slider-draghandle-hover-bordernull
Description
The border color of the hovered Slider drag handle.
+
$kendo-slider-draghandle-hover-gradientnull
Description
The gradient of the hovered Slider drag handle.
+
$kendo-slider-draghandle-pressed-bgnull
Description
The background color of the active Slider drag handle.
+
$kendo-slider-draghandle-pressed-textnull
Description
The text color of the active Slider drag handle.
+
$kendo-slider-draghandle-pressed-bordernull
Description
The border color of the active Slider drag handle.
+
$kendo-slider-draghandle-pressed-gradientnull
Description
The gradient of the active Slider drag handle.
+
$kendo-slider-draghandle-focus-shadownull
Description
The shadow of the focused Slider drag handle.
+
$kendo-slider-transition-speednull
Description
The transition speed of the Slider.
+
$kendo-slider-transition-functionnull
Description
The transition function of the Slider.
+
$kendo-slider-draghandle-transition-speednull
Description
The transition speed of the Slider drag handle.
+
$kendo-slider-draghandle-transition-functionnull
Description
The transition function of the Slider drag handle.
+
$kendo-slider-track-bgnull
Description
The background color of the Slider track.
+
$kendo-slider-selection-bgnull
Description
The background color of the Slider's track selection.
+
$kendo-slider-disabled-opacitynull
+
$kendo-slider-tick-horizontal-image"data:image/gif;base64,R0lGODlhAQC0AIABALi4uAAAACH5BAEAAAEALAAAAAABALQAAAIWjIGJxqzazlux2ovlzND2rAHgSIZWAQA7"
Description
The background image of the horizontal Slider tick.
+
$kendo-slider-tick-vertical-image"data:image/gif;base64,R0lGODlhtAABAIABALi4uAAAACH5BAEAAAEALAAAAAC0AAEAAAIWjIGJxqzazlux2ovlzND2rAHgSIZWAQA7"
Description
The background image of the vertical Slider tick.
+
+ +### Spacing + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-spacing$_default-spacing
Description
The global default Spacing map.
+
+ +### SplitButton + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-split-button-focus-shadownull
Description
The focus shadow of the SplitButton.
+
$kendo-split-button-arrow-padding-xnull
Description
The horizontal padding of the arrow Button.
+
$kendo-split-button-sm-arrow-padding-xnull
Description
The horizontal padding of the small arrow Button.
+
$kendo-split-button-md-arrow-padding-xnull
Description
The horizontal padding of the medium arrow Button.
+
$kendo-split-button-lg-arrow-padding-xnull
Description
The horizontal padding of the large arrow Button.
+
$kendo-split-button-arrow-padding-ynull
Description
The vertical padding of the arrow Button.
+
$kendo-split-button-sm-arrow-padding-ynull
Description
The vertical padding of the small arrow Button.
+
$kendo-split-button-md-arrow-padding-ynull
Description
The vertical padding of the medium arrow Button.
+
$kendo-split-button-lg-arrow-padding-ynull
Description
The vertical padding of the large arrow Button.
+
+ +### Splitter + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-splitter-border-widthnull
Description
The width of the border around the Splitter.
+
$kendo-splitter-font-familynull
Description
The font family of the Splitter.
+
$kendo-splitter-font-sizenull
Description
The font size of the Splitter.
+
$kendo-splitter-line-heightnull
Description
The line height of the Splitter.
+
$kendo-splitter-bgnull
Description
The background color of the Splitter.
+
$kendo-splitter-textnull
Description
The text color of the Splitter.
+
$kendo-splitter-bordernull
Description
The border color of the Splitter.
+
$kendo-splitter-splitbar-sizenull
Description
The size of the Splitter split bar.
+
$kendo-splitter-drag-handle-lengthnull
Description
The length of the Splitter drag handle.
+
$kendo-splitter-drag-handle-thicknessnull
Description
The thickness of the Splitter drag handle.
+
$kendo-splitter-drag-icon-marginnull
Description
The margin of the Splitter drag handle icon.
+
$kendo-splitter-collapse-icon-padding-xnull
Description
The horizontal padding of the collapse icon in the Splitter.
+
$kendo-splitter-collapse-icon-padding-ynull
Description
The vertical padding of the collapse icon in the Splitter.
+
$kendo-splitbar-bgnull
Description
The background color of the Splitter split bar.
+
$kendo-splitbar-textnull
Description
The text color of the Splitter split bar.
+
$kendo-splitbar-hover-bgnull
Description
The hover background color of the Splitter split bar.
+
$kendo-splitbar-hover-textnull
Description
The hover text color of the Splitter split bar.
+
$kendo-splitbar-selected-bgnull
Description
The selected background color of the Splitter split bar.
+
$kendo-splitbar-selected-textnull
Description
The selected text color of the Splitter split bar.
+
+ +### Spreadsheet + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-spreadsheet-border-widthnull
Description
The width of the border around the Spreadsheet.
+
$kendo-spreadsheet-font-familynull
Description
The font family of the Spreadsheet.
+
$kendo-spreadsheet-font-sizenull
Description
The font size of the Spreadsheet.
+
$kendo-spreadsheet-line-heightnull
Description
The line height of the Spreadsheet.
+
$kendo-spreadsheet-bgnull
Description
The background color of the Spreadsheet.
+
$kendo-spreadsheet-textnull
Description
The text color of the Spreadsheet.
+
$kendo-spreadsheet-bordernull
Description
The border color of the Spreadsheet.
+
$kendo-spreadsheet-header-bgnull
Description
The background color of the Spreadsheet header.
+
$kendo-spreadsheet-header-textnull
Description
The text color of the Spreadsheet header.
+
$kendo-spreadsheet-header-bordernull
Description
The border color of the Spreadsheet header.
+
$kendo-spreadsheet-header-gradientnull
Description
The gradient of the Spreadsheet header.
+
$kendo-spreadsheet-table-header-bgnull
Description
The background color of the Spreadsheet table headers.
+
$kendo-spreadsheet-table-header-textnull
Description
The text color of the Spreadsheet table headers.
+
$kendo-spreadsheet-table-header-bordernull
Description
The border color of the Spreadsheet table headers.
+
$kendo-spreadsheet-table-header-gradientnull
Description
The gradient of the Spreadsheet table headers.
+
$kendo-spreadsheet-action-bar-border-widthnull
Description
The border width of the Spreadsheet action bar.
+
$kendo-spreadsheet-action-bar-padding-ynull
Description
The horizontal padding of the Spreadsheet action bar.
+
$kendo-spreadsheet-action-bar-padding-xnull
Description
The vertical padding of the Spreadsheet action bar.
+
$kendo-spreadsheet-action-bar-font-sizenull
Description
The font size of the Spreadsheet action bar.
+
$kendo-spreadsheet-action-bar-font-familynull
Description
The font family of the Spreadsheet action bar.
+
$kendo-spreadsheet-action-bar-spacingnull
Description
The spacings of the Spreadsheet action bar.
+
$kendo-spreadsheet-formula-bar-gapnull
Description
The gap of the Spreadsheet formula bar.
+
$kendo-spreadsheet-formula-input-padding-xnull
Description
The horizontal padding of the Spreadsheet formula input.
+
$kendo-spreadsheet-formula-input-padding-ynull
Description
The vertical padding of the Spreadsheet formula input.
+
$kendo-spreadsheet-formula-input-line-heightnull
Description
The line height of the Spreadsheet formula input.
+
$kendo-spreadsheet-formula-bar-icon-paddingnull
Description
The padding of the Spreadsheet formula bar icon.
+
$kendo-spreadsheet-view-font-familynull
Description
The font family of the Spreadsheet view.
+
$kendo-spreadsheet-view-font-sizenull
Description
The font size of the Spreadsheet view.
+
$kendo-spreadsheet-selection-bgnull
Description
The background color of the Spreadsheet selection.
+
$kendo-spreadsheet-selection-textnull
Description
The text color of the Spreadsheet selection.
+
$kendo-spreadsheet-selection-bordernull
Description
The border color of the Spreadsheet selection.
+
$kendo-spreadsheet-selection-shadownull
Description
The shadow of the Spreadsheet selection.
+
$kendo-spreadsheet-single-selection-bgnull
Description
The background color of the Spreadsheet single selection.
+
$kendo-spreadsheet-single-selection-textnull
Description
The text color of the Spreadsheet single selection.
+
$kendo-spreadsheet-single-selection-bordernull
Description
The border color of the Spreadsheet single selection.
+
$kendo-spreadsheet-partial-selection-bgnull
Description
The background color of the Spreadsheet partial selection.
+
$kendo-spreadsheet-active-cell-bgnull
Description
The background color of the Spreadsheet active cell.
+
$kendo-spreadsheet-active-cell-shadownull
Description
The shadow of the Spreadsheet active cell.
+
$kendo-spreadsheet-auto-fill-bgnull
Description
The background color of the Spreadsheet auto fill.
+
$kendo-spreadsheet-auto-fill-textnull
Description
The text color of the Spreadsheet auto fill.
+
$kendo-spreadsheet-auto-fill-bordernull
Description
The border color of the Spreadsheet auto fill.
+
$kendo-spreadsheet-auto-fill-shadownull
Description
The shadow of the Spreadsheet auto fill.
+
$kendo-spreadsheet-auto-fill-punch-bgnull
Description
The background color of the Spreadsheet auto fill punch.
+
$kendo-spreadsheet-cell-padding-ynull
Description
The vertical padding of the Spreadsheet cell.
+
$kendo-spreadsheet-cell-padding-xnull
Description
The horizontal padding of the Spreadsheet cell.
+
$kendo-spreadsheet-cell-editor-line-heightnull
Description
The line height of the Spreadsheet cell editor.
+
$kendo-spreadsheet-cell-editor-padding-xnull
Description
The horizontal padding of the Spreadsheet cell editor.
+
$kendo-spreadsheet-cell-editor-padding-ynull
Description
The vertical padding of the Spreadsheet cell editor.
+
$kendo-spreadsheet-cell-editor-bgnull
Description
The background color of the Spreadsheet cell editor.
+
$kendo-spreadsheet-cell-editor-textnull
Description
The text color of the Spreadsheet cell editor.
+
$kendo-spreadsheet-cell-editor-bordernull
Description
The border color of the Spreadsheet cell editor.
+
$kendo-spreadsheet-resize-handle-bgnull
Description
The background color of the Spreadsheet resize handle.
+
$kendo-spreadsheet-cell-comment-bordernull
Description
The border color of the Spreadsheet cell comment indicator.
+
$kendo-spreadsheet-cell-dirty-bordernull
Description
The border color of the Spreadsheet cell dirty indicator.
+
$kendo-spreadsheet-sheets-bar-padding-xnull
Description
The horizontal padding of the Spreadsheet sheets bar.
+
$kendo-spreadsheet-sheets-bar-padding-ynull
Description
The vertical padding of the Spreadsheet sheets bar.
+
$kendo-spreadsheet-sheets-bar-border-widthnull
Description
The border width of the Spreadsheet sheets bar.
+
$kendo-spreadsheet-insert-image-dialog-border-stylenull
Description
The border style of the Spreadsheet image Dialog.
+
$kendo-spreadsheet-insert-image-dialog-border-widthnull
Description
The border width of the Spreadsheet image Dialog.
+
$kendo-spreadsheet-insert-image-dialog-text-margin-bottomnull
Description
The bottom margin of the Spreadsheet image Dialog.
+
$kendo-spreadsheet-insert-image-dialog-preview-widthnull
Description
The width of the Spreadsheet image Dialog preview.
+
$kendo-spreadsheet-insert-image-dialog-preview-heightnull
Description
The height of the Spreadsheet image Dialog preview.
+
$kendo-spreadsheet-insert-image-dialog-preview-img"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAcwAAAGQCAYAAAAjl1AKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphMGVmMzZmZi04YmI1LTRlN2YtOTcwMS04OTU5ZTg1N2ZhY2MiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDNDOTBDNUQ2OUJGMTFFOTkwMzY4RTI3NjZBQTdENkMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDNDOTBDNUM2OUJGMTFFOTkwMzY4RTI3NjZBQTdENkMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpjMmZmZjM0Mi05NjEyLTQwM2YtYWZhYS01MTE1ZjQ2NThmMWMiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDphYjlhMmUwMy1kNmIwLTY3NGMtODc4ZS0yMjUzMjdkNDI5OTciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz68UHLbAAAgpElEQVR42uzd2ZNc9dnY8TOL9gU0IAkjgwpkI8QOQmI1FS+FHW9VLt/7wpWb900qKV+lTL3vTZzElSvnJilfvM4fkQunfEOw2LUgiUUsNhiMAFsjtIzQrpmJnhOdoaent+np5SyfT1XXiJ4R0hz19Lef31l6ZHZ2NgEAWhu1CQBAMAFAMAFAMAFAMAFAMAFAMAFAMAEAwQQAwQQAwQQAwQQAwQQAwQQAwQQAMuP9/gNGRkZsZQAGop/v8WzCBIA8TJj9GFr9swGUYyAUTHEEoLvn+NxGdLwgG1BEAaoxYY7kNZ55C+bIEu4DoFixHGkT0JE8RTMvwWwXxRHBBKhMQGcbPN8PPZx5COZIh6EcEU+AQgex2fRYH8tm4RxqNIcdzGbxa/dROAGKOT3WhnCk5nOzTX5PbqI5zGB2Estmv24XTwDyO2HOtohi/f25ieawgtkqlvW/HukgnqIJULxY1v96tsV0OvRo5mkfZn0YR5tEs920CUB+o9kokvW3mQ6iWYkJc6RNLOtvo7/85S/X/eIXv/jntWvX/mjZsmVfGRsbG3eNWoCClvOq6enpy1f9/Ysvvvjfv/nNb/7zr3/96zM1oRxN2u/THHhAR/p5odr0D1gYtvpg1kdztObj6N///vf/NDEx8e/Gx8eXeZgBlM+VK1cunzhx4n9u3rz5n65Fc6Zm0my0dFs/tdbGuG9/z2FefL1ROOdi+ZOf/GTl1NTU/920adMvxBKgvOI5/upz/X+I5/x47q8bnEaSnByvMugJs1EkRxoEcyw23Lp16x72UAKojjNnzuxfv379N6/+crrBlDnbbsos44TZ7Mo+aTSPHTv2X8USoHriuT8a0GS6HOqUOewl2QW3OMBnYmLiHz1sAKopGhAtSFqfJTH4aA1pSbbRUmx6m5yc/O833njjv/GQAaiu48eP/6+NGzf+++TLg4AaLc0mSQWWZJuN1iNr1qz5vocKQLVdbcG/TnJ2cZpBBrPV1Xnmps1ly5Zt8lABqLarLdiYNL9YTbOmlCaY9fFsdHm8kbgogYcKQLVda0HTVpR9wuwonq7gA0CD418qtSTbzdQJQIW7macujOZgYwBA7psxmrONIKAA5LIN42XaIFeuXEmmpqaSixcvJjMzMx5qAMOYxEZHkxUrViTr16+P68T2shGVe3uvvohYTk5OCiXAkMXz8Pnz59PhZePGjb2IZj5eCJTlHygmS7EEyFc447m5NJNzWb6ReCUDQL5cuHBBMPP4SgaAfOn39coFEwBypjQH/bhCEAAmTAAQTAAQTAAQTAAQTABAMAFAMAFAMAFAMAFAMAFAMAFAMAFAMAEAwQQAwQQAwQQAwQSAAhkvyzcyMjLiXxMAEyYACCYACCYACCYACCYAIJgAIJgAIJgAIJgAIJgAIJgAIJgAIJgAgGACwBJ5ey8AMGECgGACgGACgGACgGACgGACgGACAIIJAIIJAIIJAIIJAIIJAKXg4usAYMIEAMEEAMEEAMEEAMEEAMEEAMEEAAQTAAQTAAQTAAQTAAQTAErBxdcBwIQJAIIJAAMzbhMA9cbGxpLx8fH0Fr8eHR1NP8auj+wWZmdn527T09PJzMxM+vHKlSvpLX4NggmUKpDLly9Pb8uWLUsD2YnaeMb/o14E9PLly8mlS5fSm4AimEDhRBRXrlyZ3mKSrHXmzJnk5MmTyalTp5IvvvgivV28eDG9RfQigukTyLUpdMWKFWls165dm96uv/76ZMOGDcn69evTz8UtxNR54cKF9BYxBcEEcivCtmrVqrmIZYGcnJxMPv300+Rvf/tbGsZMLLc2ky29nj9/Pv3vY8eOzft8/Bk33XRTsmXLlmTTpk3JunXr5qIaf0b8vpg8oQhGWv0w9OQP+PJ0j5Gaj9lttOYW6zljV/8+J7v5c+p/UIFkQbzWrFkzb5r88MMPk7/85S9pKOt18tzQ6msafe7mm29Otm3bltx2223zonv27Nl5kaZc4sVSl/3YcPXD9LXbTM1ttuaW1HxM+tk0wYSSi32SMdHFx5BNku++++7c0mqvItlpROPvsmPHjrnJM8TfJZZ+6/9OCKZgCib0VeyjjFDGPsrw+eefpxPlO++80/NpsptpM3PXXXelE+eNN96Y/nfs34xw2scpmIIpmNB3sfwa+wuzo13/9Kc/JXv37h1oJFt9vtH9jz32WLJ9+/b01xHL2K9qmVYwBVMwoW8/bxHKbKr8+OOPkwMHDqT7CPMwTbb7XEzEu3fvTrZu3To3bUY4+/08hWAKJlRInAcZp3HE/sE49ePgwYPpfsphT5OLnTRD7N/ctWtX+j3FPs2pqSnncArm0IPptBIogYjkddddly7BxkE9L7/8cseT2bCmyVb3HzlyJDl69Gjy1FNPpU+2cU7n6dOnHRDEUJVmwownCaiiOK8yJsv4WfvrX/+avPTSS+mpGkWZJlt9LibMiGYcFBRfE5Om8zaLZ+PGjaWYMF18HQosDu7JYvn+++8ne/bsaRnL7Lqv3Xy+9rqx3Xyu099Te398L88++2zy3nvvpd9jduUgGAZLslDgyTIO8ImQ/PnPf05eeeWVQk+Tre6PFwLxMY6ije85fm3SZNBMmFDEV7rj43OTZbNYFm2abHf/888/nx7ElE2a9de/BcEE5v/Qjo6mB/hky7D1sew2hJ3+3l4GdLH3x6SZLc9mBzmBYAILZNNVhOKjjz5Kj4btVQjzNE22uv+5555LPvjgg3kvHGAQxsv0RAJlFxdPj1NI4jJ3EctBnxLS632Tnd7fKJqxLTZv3pxe7CAupQcmTCCVvS1XiGXYZuckLnVizNM02ey++N4jmnExg7iqkSNnEUwgFSsoMUmF2Id34sSJjqPWj8/18/5O4xlvbp3tv41p0yoTggmkQYh9dnFt2FdffbWjqbCbyXCQU2Mn02S7qL7xxhvp+3nGtoltBIIJFRanT2QXU9+3b1/HU+FiJr28TpOdRPXFF19MP8Y2cqoJggkVVrsUGwe3DOKUkF6dKtLLabLZ/XHN3LfeemvetgLBhIqJg1liaoqjYltdnGBQ50cOI4jtvjZ+/cc//jF9x6LYVg4AQjChgrKjYuO8w35Nk0sJaK+j2s3XZuJNsmu3GQgmVEScRhITU0xOb7/9du5PCRnENNnqaw8dOpR89tln6TaLbQeCCRWRHejzySef5PpydYOcJuuXYuvvi7c3q912IJhQ9h/M0dH0ij7hnXfeyd00OYggtvvaRvcdPnx4bjp3nVl6zaXxIIfiwJV4TMf1YrO3scr75ery8LWxreIdTeJtwGLKPH/+vAcTJkwoezBDHOxjmmy/FFt7fwSzdhuCCRPK+ip2dDQ9cGVqaiqdMAc5NRZpmmx2X2yzuGze9ddfn27LmZkZDypMmFBG2RGecXTsoKfGok2TzX7/p59+Om9bgmBCCWUH+xw9ejT3R7q2+38sNZ7d/v4PP/xw3raEXrAkCzkNZjYl1YahmaUudy72/n4spfby98dF6gUTwYQSGxsbS4+Ojf2XFy9e7Hv4ihrEdvfF0bHZfszYpvG+mSCYULJghtOnTw88fGWL5+TkZBrMOIBKMOkF+zAhh8GM6ag+BHm++Hke92MeP3583jYFEyaU6RXstavTxIRpmlza12bb0BV/EMw6rvRDKX4gr70BcuzDbDRFDTuIRYpnbMNswvT8gGBCyWRP7OfOnRPEJX5ttg3FEsGEEgfzwoULhb/izrDjmV1HVjARTChxMOsv5yaei//aK1euCCaCCWUPZrzrhiAu/Z1LBBPBhJJbygE/4tn6qkggmFCSUMZEFJd0u3z5cqGClLe/a3bhdfFEMKHEwYxTIbIlxbIEbdDnlGYXLBBMBBNKGsxsOsqO8ixj/AYRz5UrVwomggllD+bq1asXXB4vD0Ea9u9fzP8jtqFg0kuuGQU5kl0kfP369fNiMKjrr/bjWrG9vNbsYq6Zm21DF17HhFnHoeOUQXb+5XXXXVf5pdil/j9iG2bb1PMDggklnTA3bNhQyCAO+mtb3b9x48Z5L0JAMKGEwYz3cazaOZK9jmcWzOyKPyCYUCIxDcWTfiwnxlGecU3ZPMQv79Nk/f2rVq1KJiYm0vtNmPSKg34gZ+KCBWHLli2FPDCn26/t9v/R6P9z6623ztuWIJhQQtkSYvak30lMlhq0QQSxl0fAtro/brfddtu8bQm9YEkWcjphfuUrX6nc1Xl6df9Xv/pVEyYmTCi72OcWB//Efsxt27a1nMSKuhTbr/tDTJc33HBDug3tv0QwoeSy68h+/etfL/xS7CDvj9s999wzbxtCr1iShZwGM470jAkzrivbi/fHHPTyar+XYht9LrbV3XffLZiYMKEqYikx2/9233335XqaHNaU2ehzDz/8cPoxtp3lWASTwjt+/LiN0IGLFy+mH7du3drz+PU6fIPYN9ns/trP3X777fO2HfSSa8ky8Fg+//zzyZNPPpls2rTJBmkhTomIA1fiaNkHHnggOXjw4IJINApHs6AM6msHcX+jz+3evTu55ZZb0m0W285zAiZMCh3LPXv2pO/zGNE8duyYjdJGdqWfOPin22kyr0fALnaKbfe5u+66a942A8Gk8LHMntREs73YFxcT00033ZR885vfzEUQlxq9pQS02ee+973vJTfffHO6rZx7iWBSmljWTk+i2d65c+fSj/fee2+ybt26wl6urpcBrf1cvO/lQw89NG9bgWBSyFhGFOtjKZqdi6kpO0XiqaeeGug02cvL1fXi9zT6fU8//XT6MbaRN4tGMCl0LNu96s+iOTk5aaM1ES84IhJf+9rXkm9961uluMBAN9Nk/ed37dqVbN++Pb2/2YsyEExKEcvaaMayrWgmTYORbcs4LzN7r8eiXK6uV9NkrXiT7XjxUPuCAgSTQsYynsTi0P5Ob3HunEmzuTiYJTu/8Dvf+U4yPj5eqWmy9vPxvf/4xz9OP8ZSrKv6IJgUOpbdsDzbfvtkR81+97vfXXTI8nKBgW4/l30+YhnvSBLbwlIsgkkhY/nCCy8s+QlMNJuLYJw9ezb9eMcdd8xFMy9TZi8/1+zPi1ju2LFj3raAQRjp94Ot5mobIzUfs9tozW0sblf/Pie7+XNOnz7tX3OIIm69iGWtlStXuiJQE2NjY8maNWvSn6833ngj+cMf/tAwNs0i1Iv7h/G5H/7wh+lVj7JYOiq2GOKt6rrsx4arH6av3WZqbrM1t6TmY19fQJkwyWUss0kz/r9OOVkoQhEHAcWTQ5yfWTtplmmarPWDH/xgLpbxvYslgyaYLEm2DBtxW8wBPos5EEg0G4vrpWZHh0Y042o3ebtcXSch7OTzP/rRj5IHH3xw7vSR+N5BMClULGNfY7+v3SmazcWRs9mkGW+cnB05mofL1S31SNjsaNif/vSnyf333z83Wbr0HcNiHya5jmWtFStW2KfZRO0+zU8++ST5/e9/n5w8eXIuPq2mt8Xcv5TPLfbzExMT6QuAeAcS+yyLrSz7MAWTrmLZj32WncgOBMpO3OdLo6OjyerVq9N4Rliee+65ZP/+/T0J3lJC2M3vjSv4fPvb306WLVs2t7/WG0ILpmAKpliKZk9/3mL7LF++PP3v9957L3n22WfTn488T5O1T6xxbdg777wz/e+4IEGsYjh1RDAFUzALGcs8vN9gtjwrmo3FZLZq1aq5n7948+n6U0+GMU22+prvf//7yc6dO+e+Jl6U2V8pmIIpmGIpmgOfNj/99NPk7bffTvbu3ZuLaTLzyCOPJHfffXeyZcsWU6VgCqZgFtvnn38+9GVY0exeHGka4Yx9m+Ho0aPJBx98kOzbty+NU7+WZFt9Tfy77d69O9m2bVt6UE+IfZURSqeMCKZg9jmYU1NTHpV9nCzzfL3OiMETTzzh6NkOwhmhysIZ3n333eTNN99MPw5imox9k3H6S1zaLhOhjFOHhLK84k2+BVMwxVI0CxnO2McZt9pVhI8//jh5//33k48++mjBv3m302TsR926dWv6Pp633nprcsMNN8x9LvZPxk0oBVMwBbPwsXzxxRcL9U4QlmcX/7OZhbN26swCGheKiNupU6fSW5zakV1lJ3s7rez3xwuWOA/0+uuvT2/xb7B58+Z5gcymySyU9lEKpmAKpljmYNIUzcWJczhj8oxwxsean9slieeXCGyEMj46l1IwBVMwSyMmi4hlTBNFJZq9CWjEMz5mt+z6vrU/19nzR3YpuwhidotICiSCKZiljmUZ3pA3lmdFEwSzpy8k/VNStliGOOoyvh9vQg0IJmLZQTRfeukl0QQEE7FsJ06EF01AMFlyLCMm/Xrz57zcskkzjv4FEEy6imVZJ8t62T5N0QS6VZqjZM+cOeNfcxGxLPMybCtxysnjjz/u6FkYoHXr1nXbD0fJIpbDYp8mYMI0YXYcyzy9RdewxHmaJk0wYZowaRjL7AAfnHICCCYtYlnVZdhW0Xz55ZdFExBMxLKdmLgjmo6eBdqxD7PETpw4IZYdyvZp3njjjTYG9Jh9mIhlibi4AVCZCfOLL77wr3mNA3yWNmk+9thjjp6FHlq7dq0JE7Es46TpQCBAMCsQy3iyF0vRZPg8fgSTnMfSPsveRfOVV17xpEdXYl/4888/nxw7dszGKBH7ME2WtJDt03T0LIuJ5Z49e9IXr3Ht4m984xvJpk2bKr1N7MMkF+JoWLHs76TpPE26iWWIn0uTZnkIplgimvQhlhnRFExyEkv7LEWTfMQyotjszdjj8fPCCy+IZsHZh2myZBFin+ajjz5qnyYLYtnJi9fYp/nkk09Wbp9mWfZhliaYZ8+ercQDzwE++YmmixsQR1F3GsvaaFbtQKA1a9aUIpiWZAsWyzjVQSyHyykn1May2TJss1s8fuzTLCbBLFgs7bMUTfIVy24fP6JZPJZkC8A+y/yyT7OasYwDeHrx4rUq+zQtySKWzE2ajp4Vy27Ez7WjZ4tDMMUS0WQIsRTN4rEkm+NYOsCnWGJ59pFHHrE8W0K151n2SyzPPvHEE6VcnrUki1iyYNJ89dVXTZpi2fWk+eKLL5o0c0wwxRLRZMixFE3BRCxFk0LHMvYtDvrnUTTzqzT7MM+dO1fof4g4zzKeZMWyPOzTLK5+HeCzGGU65WT16tXd9sM+TMTSpEneY7nYK/j0+haPH5NmvgjmkMUyrFiWO5p79+4VzQLGMg8sz+aLJVmxZABieXb37t2WZ3Ms22eZx8tPFv2UE0uyiCUmTbE0aVaIYIolA4zmvn37RFMsRVMwEUs6edITzfzFctgH+DgQqBjswxxwLGNZTizJ9mnecMMNNsYQYxnxKeJb5mX7NIvyJub2YSKWdC3bpxmnFDF4sd0jlkWZLJtNmt6P1YRZugnz5MmT6TJsPMih1vLly02aQ4plGd6MPSbNxx9/PPeTZlkmzNIEM68PfpMl7cTy7K5du5xyMgBFXoZtF808n3KyatWqUgTTkqxYMmSOnhXLpYjnl5deesny7ACYMPscS8uwdMrybP9jWeYXr7FSkdcDgUyYiCU9denSJQcC9SmWMYGVfaUnnm9Mmv0lmH2IZSyviSXdRjMeP6LZ21iWbRm2Gcuz/WVJVizJoViejQOBLM+KZTfydvRsWZZkBVMsEc3SqT3Psqpin2ZeomkfJnPiPMv9+/eLJT0Vy7PxuLI8K5bdiOejl19+2fKsCTM/E2bE0mRJvyfNhx9+2KQpll2J5dnHHntsqJOmJVnBFEsGGs1Ynp2YmLAxWsSyCkfDdiNbnh3WxTEsyVacWDJI2fJs7CtHLBcrO+XExTFMmKlB/qDEk5Z9lgxr0rQ8O19VzrPshWEtz8afa8KsILEkD5OmA4HEstvBwoFAJsyB/MBYhiUvYp/Uzp07Kz1pWoZd2uNnkJOmCbNixJI8icfhgQMHKjtpiuXSHz8mTRNm32JpGZY8in2aVZs0xbK3k9+jjz7a90nThFmhyVIsyavYpxmTZlWOno1YxmQklr0R2/GVV15x9KwJUyyp1qQZR8+W+TxNseyfbJ9mv87TLMuEKZgtYhmv3MWSIkUzlmfLGE2xLHY0LcmWmFhSRGVdnhXLwcgOBLI8K5hiiWgWUHwfsY9NLAcXTfs0W0y8lmS/dOrUqXSfZTzpQJHF8uxDDz1U6OXZiKXJcjhieTaOnu3V8qwl2ZKJWMYrc7GkLJPmwYMHCztpiqVJM48EsyaWlmEp25NeEaMplqKZV6VZku02drHP8rXXXhNLSqtIy7NxgE88SQ/r/W1ZKLu4wVKWZ2OJt8t+OK0kL8EUS6oinrAefPDBXEczi6XJMp+Pn6VEsyzBrOySrFhSJXlfnhXL/D9+LM9WdMKMfZZiSRXF8mzeJs3s1BHLsOWdNC3JFjSYYoknvRXJAw88kItoOs+ymI+fRx55ZFHRFMwCBjOLpVNHMGkuH3o0xbI60bQPs2AilrEPRyzh/5+neejQoXRf/rBi+eqrr4plQcWAEv9+VdunWYlgZrG0DAvDj2YWS/ssix/NvXv3VupNzEu/JCuW0Fq2T3PDhg0mS7p6/MTybKs3MbcPswDBPH36tH2W0IFsn2Y/oxmTrH2W1YymYOY8mBFLkyXkI5oRS5Nl+aO5e/fuhtF00E/ORJizm1jC4tXu06z9eVrqTSyroXafZv1joDSdKcuEmS27OhoW8jNp2mdZ3Umz9pSTeEyVYcIsVTAjlvEK2WQJw49mxDImDrGsZjR37do1F03BzFkwjx07lsbSZAm9sWzZsq6jKZbURrMswSzNPkyxhN66fPlycvjw4UWfpymWhFjp27dvX6nO0yxNMMUS+vNztZhoiiX10YzHQ1mMl+UbKdORWJDHSfP+++9vuTwbUY2JIp4k/TxSxmFm1D8n0Gk0m02acb/JkrITTKDjaL7++uvp0ehiiWACtBDLa0eOHEmmp6fFksqxDxPoWJxqct999yVjY2NzsbTPEhMmQF0sd+7cmaxdu3beAT4gmADXxInnEct169bNxdIyLFVjSRZoO1k+9NBDaSzjPEuxRDABWsQyJsv9+/fbZ0llWZIFOoqlyRITZkl4xQu9j2XtAT5iiWACtImlZViwJAu0iGW2zxKwJAtkTwbj4wtiaRkWShhMYGmT5YMPPpjGMq4V62hYWMiSLIjlvFi6gg+UfML0Shi6eAIYH284WQIlDiaw+MnygQcesAwLJkygVSzvv//+BVfwAUyYQIPJUixBMIEOYnngwIH0TaGt0ECFgukHHtrHMpZha2NpsoTOOa0ExBKo0oQJtI9lHA372muvWYaFKgfTDz80+AEfH58XS5MlCCbQYLK877775k4dMVnC0tiHCRWJpckSTJgpr5rh2g/1+LhYgmACnUyW2dGwBw8eFEsQTKCTWFp9AcGcx5MClf5BvrYMa7KE/nHQD4glUKUJE6oolmHvvffeufMsDx065NQRMGECrWJpsgQTZke8oqZSP7jj42IJggm0myzvueeeebG0DAuCacKEusmyUSwBwQRqYhnLsGvWrJl3gA8wGA76gYLG0j5LMGECNbJ9llksDx8+bJ8lCGb3PHlQ1smyPpYmSxgOS7JQgFiePn1aLMGECdSLZdi777577mhYy7AgmD3jiYQyTZb1sTRZgmACdbG0zxIEE2ghW4Z1NCwIZl95UqHok2WjWAL54ShZyFksX3/9dbEEwQSaxTJOHYlY2mcJOf15tQkgH7G0zxIEcyA8yVC0WN51110LYgkIJtAklrEMe/nyZS/6IOfsw4Qhx9JkCSbMgfLqnKLEcvXq1WIJggl0Ess33njDMiwUjCVZGEIsTZZgwhwar9TJayx37NghlmDCBDqN5ZtvvimWYMI0YUJ9LO+8884FsfQ4BRMmUDdZxqkjU1NTyVtvvWWyBBMm0CiWJksQzNzyhEQeYtloGRYoB0uy0IdYWoYFwQQ6iKW36ALBBMQSqvnzXpZvxD5MhhHL7du3L1iG9VgEE2aujY2N+ddkKLGMU0eOHDlinyWU/Lm5NBPm+vXrk5MnT3p0MvBYmiyhuYmJCcHMm1tuuSU5c+ZMMj097RFKX18tN4ol0PjF5W233Vaa72dkdna2v3/Al6+6R2o+ZrfRmlvM7WNX/z5dj4kXLlxIjh49mj6RCSf9+OG/4447xBI6eGEZk2XEMn5eltCPDVc/TF+7zdTcZmtuSc3HpJ9Ny0MwR67FMn49vpRgAlAe14J55Vokp6+FcWjBzMtBPwu+aQAqL1dtGM3JxgCAXDdjNGcbQkAByGUXRvO2Qaanp0UToOJmZmZyF85hBbPRN5/ed+UqDxWAart8+fKVVq0oezAb7bydrdsAsxcuXJj0UAGotnPnzk0mLY6GTYZwQFBelmTnfn3mzJnfe6gAVNupU6f+T5NADk2eTitJb7/97W//+eoo7qoDABV16dKl6d/97nf/1GDCHKpBXrgg/c8GHxdc9efEiRP/bcOGDf/Wwwagej744IP/sW3btv+YdHZ1n3kRK8uVfmpDWR/LBVf+OX/+/HMrV67c6aEDUB3Hjh07sHnz5n+VNL+yT/3EObBgDnpJttnRTvW3mZ/97GdPX7hw4S0PH4BqmJycPPLzn//86RaRnG3TlP4OgAOeMJtNmUndhDm3RHvixIn/snr16n9YsWLFMg8ngPK5Ohxd/uyzz357++23P5MsXIKdSRaeUdE0mGW/luxsk4kzvdjuxMTEM7/61a9uPXr06L9MTU19dunSpSv9jjwA/RMXJbh48eKVkydPfvbhhx/+yzPPPHPr1Vj+MvnyXUnaLr0OwzAmzEZTZu202ektafARgHxqdLDOYm5JJwHtZ9PGc7IRRxpsiFaRHGkRXgDyGctGwUzaBDI371gyPsSNN9Immo3imYglQKmimXQQyaEe7JOHCbNVNEeabKDa++sjKZoA+Y9lJ/HMXSyHHczFTpr1X18fTkcCAZQnnLmKZR6C2SyaSdJ+iTYXGxCAvsUzN7HMSzAbRbCTcAJQnmC2imIuGjCew4030mZDCShAeaOZu1DmMZiNNtBI3jcgAAONqGAuYsM5GhZAHAWzbBsYgHIYtQkAQDABoCf6viTrnUUAMGECgGACAIIJAIIJAIIJAIIJAIIJAIIJAIIJAIIJAAgmAAgmAAgmAAgmAAgmAAgmAAgmACCYACCYACCYACCYACCYAFB0/0+AAQDHHxQEMMRIrwAAAABJRU5ErkJggg=="
Description
The image of the Spreadsheet image Dialog preview.
+
$kendo-spreadsheet-insert-image-dialog-preview-bordernull
Description
The border of the Spreadsheet image Dialog preview.
+
$kendo-spreadsheet-insert-image-dialog-preview-border-radiusnull
Description
The border radius of the Spreadsheet image Dialog preview.
+
$kendo-spreadsheet-insert-image-dialog-preview-overlay-shadownull
Description
The shadow of the Spreadsheet image Dialog preview.
+
$kendo-spreadsheet-insert-image-dialog-preview-overlay-border-radiusnull
Description
The border radius of the Spreadsheet image Dialog preview overlay.
+
$kendo-spreadsheet-insert-image-dialog-overlay-hover-textnull
Description
The text color of the hovered Spreadsheet image Dialog preview.
+
$kendo-spreadsheet-drawing-handle-widthnull
Description
The width of the Spreadsheet drawing handle.
+
$kendo-spreadsheet-drawing-handle-heightnull
Description
The height of the Spreadsheet drawing handle.
+
$kendo-spreadsheet-drawing-handle-border-stylenull
Description
The border style of the Spreadsheet drawing handle.
+
$kendo-spreadsheet-drawing-handle-border-widthnull
Description
The border width of the Spreadsheet drawing handle.
+
$kendo-spreadsheet-drawing-handle-outline-colornull
Description
The border color of the Spreadsheet drawing handle.
+
$kendo-spreadsheet-drawing-handle-border-colornull
Description
The outline color of the Spreadsheet drawing handle.
+
$kendo-spreadsheet-drawing-handle-bgnull
Description
The border color of the Spreadsheet drawing handle.
+
$kendo-spreadsheet-drawing-handle-border-radiusnull
Description
The border radius of the Spreadsheet drawing handle.
+
$kendo-spreadsheet-drawing-outline-stylenull
Description
The outline style of the Spreadsheet drawing.
+
$kendo-spreadsheet-drawing-outline-widthnull
Description
The outline width of the Spreadsheet drawing.
+
$kendo-spreadsheet-drawing-anchor-bgnull
Description
The background color of the Spreadsheet drawing anchor.
+
$kendo-spreadsheet-dropzone-spacing-ynull
Description
The vertical spacing of the Spreadsheet DropZone.
+
$kendo-spreadsheet-filter-paddingnull
Description
The padding of the Spreadsheet filter.
+
+ +### Stepper + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-stepper-margin-xnull
Description
The horizontal margin the Stepper.
+
$kendo-stepper-margin-ynull
Description
The vertical margin the Stepper.
+
$kendo-stepper-padding-xnull
Description
The horizontal padding the Stepper.
+
$kendo-stepper-padding-ynull
Description
The vertical padding the Stepper.
+
$kendo-stepper-label-margin-xnull
Description
The horizontal margin the Stepper label.
+
$kendo-stepper-label-padding-xnull
Description
The horizontal padding the Stepper label.
+
$kendo-stepper-label-padding-ynull
Description
The vertical padding the Stepper label.
+
$kendo-stepper-label-border-radiusnull
Description
The border radius of the Stepper label.
+
$kendo-stepper-border-widthnull
Description
The width of the border around the Stepper.
+
$kendo-stepper-inline-content-padding-xnull
Description
The horizontal padding of the Stepper content.
+
$kendo-stepper-inline-content-padding-ynull
Description
The vertical padding of the Stepper content.
+
$kendo-stepper-font-sizenull
+
$kendo-stepper-line-heightnull
+
$kendo-stepper-font-familynull
+
$kendo-stepper-bgnull
Description
The background color of the Stepper.
+
$kendo-stepper-textnull
Description
The text color of the Stepper.
+
$kendo-stepper-bordernull
Description
The border color of the Stepper.
+
$kendo-stepper-indicator-widthnull
Description
The width of the Stepper indicator.
+
$kendo-stepper-indicator-heightnull
Description
The height of the Stepper indicator.
+
$kendo-stepper-indicator-border-widthnull
Description
The border width of the Stepper indicator.
+
$kendo-stepper-indicator-border-radiusnull
Description
The border radius of the Stepper indicator.
+
$kendo-stepper-indicator-focus-border-widthnull
Description
The border width of the focused Stepper indicator.
+
$kendo-stepper-indicator-focus-sizenull
Description
The size of the focused Stepper indicator.
+
$kendo-stepper-indicator-focus-offsetnull
Description
The offset of the Stepper's focused indicator.
+
$kendo-stepper-indicator-focus-calc-offsetnull
Description
The calculated offset of the Stepper's focused indicator.
+
$kendo-stepper-indicator-bgnull
Description
The background color of the Stepper indicator.
+
$kendo-stepper-indicator-textnull
Description
The text color of the Stepper indicator.
+
$kendo-stepper-indicator-bordernull
Description
The border color of the Stepper indicator.
+
$kendo-stepper-indicator-hover-bgnull
Description
The background color of the hovered Stepper indicator.
+
$kendo-stepper-indicator-hover-textnull
Description
The text color of the hovered Stepper indicator.
+
$kendo-stepper-indicator-hover-bordernull
Description
The border color of the hovered Stepper indicator.
+
$kendo-stepper-indicator-disabled-bgnull
Description
The background color of the disabled Stepper indicator.
+
$kendo-stepper-indicator-disabled-textnull
Description
The text color of the disabled Stepper indicator.
+
$kendo-stepper-indicator-disabled-bordernull
Description
The border color of the disabled Stepper indicator.
+
$kendo-stepper-indicator-done-bgnull
Description
The background color of the Stepper's done indicator.
+
$kendo-stepper-indicator-done-textnull
Description
The text color of the Stepper's done indicator.
+
$kendo-stepper-indicator-done-bordernull
Description
The border color of the Stepper's done indicator.
+
$kendo-stepper-indicator-done-hover-bgnull
Description
The background color of the Stepper's hovered done indicator.
+
$kendo-stepper-indicator-done-hover-textnull
Description
The text color of the Stepper's hovered done indicator.
+
$kendo-stepper-indicator-done-hover-bordernull
Description
The border color of the Stepper's hovered done indicator.
+
$kendo-stepper-indicator-done-disabled-bgnull
Description
The background color of the Stepper's disabled done indicator.
+
$kendo-stepper-indicator-done-disabled-textnull
Description
The text color of the Stepper's disabled done indicator.
+
$kendo-stepper-indicator-done-disabled-bordernull
Description
The border color of the Stepper's disabled done indicator.
+
$kendo-stepper-indicator-current-bgnull
Description
The background color of the Stepper current indicator.
+
$kendo-stepper-indicator-current-textnull
Description
The text color of the Stepper current indicator.
+
$kendo-stepper-indicator-current-bordernull
Description
The border color of the Stepper current indicator.
+
$kendo-stepper-indicator-current-hover-bgnull
Description
The background color of the Stepper's hovered current indicator.
+
$kendo-stepper-indicator-current-hover-textnull
Description
The text color of the Stepper's hovered current indicator.
+
$kendo-stepper-indicator-current-hover-bordernull
Description
The border color of the Stepper's hovered current indicator.
+
$kendo-stepper-indicator-current-disabled-bgnull
Description
The background color of the Stepper's disabled current indicator.
+
$kendo-stepper-indicator-current-disabled-textnull
Description
The text color of the Stepper's disabled current indicator.
+
$kendo-stepper-indicator-current-disabled-bordernull
Description
The border color of the Stepper's disabled current indicator.
+
$kendo-stepper-label-textnull
Description
The text color of the Stepper label.
+
$kendo-stepper-label-success-textnull
Description
The success text color of the Stepper label.
+
$kendo-stepper-label-error-textnull
Description
The error text color of the Stepper label.
+
$kendo-stepper-label-hover-textnull
Description
The text color of the hovered Stepper label.
+
$kendo-stepper-label-disabled-textnull
Description
The text color of the disabled Stepper label.
+
$kendo-stepper-optional-label-textnull
Description
The text color of the optional Stepper label.
+
$kendo-stepper-optional-label-opacitynull
Description
The opacity of the optional Stepper label.
+
$kendo-stepper-optional-label-font-sizenull
Description
The font size of the optional Stepper label.
+
$kendo-stepper-optional-label-font-stylenull
Description
The font style of the optional Stepper label.
+
$kendo-stepper-progressbar-sizenull
Description
The size of the Stepper ProgressBar.
+
$kendo-stepper-progressbar-bgnull
Description
The background color of the Stepper ProgressBar.
+
$kendo-stepper-progressbar-textnull
Description
The text color of the Stepper ProgressBar.
+
$kendo-stepper-progressbar-fill-bgnull
Description
The background color of the selected Stepper ProgressBar.
+
$kendo-stepper-progressbar-fill-textnull
Description
The text color of the selected Stepper ProgressBar.
+
$kendo-stepper-content-transition-propertynull
Description
The property name of the Stepper transition.
+
$kendo-stepper-content-transition-durationnull
Description
The duration of the Stepper transition.
+
$kendo-stepper-content-transition-timing-functionnull
Description
The timing function of the Stepper transition.
+
+ +### Switch + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-switch-font-familynull
Description
The font family of the Switch.
+
$kendo-switch-track-border-widthnull
Description
The border width of the Switch track.
+
$kendo-switch-thumb-border-widthnull
Description
The border width of the Switch thumb.
+
$kendo-switch-label-text-transformnull
Description
The text transform of the Switch label.
+
$kendo-switch-label-displaynull
Description
The display of the Switch label.
+
$kendo-switch-sizesnull
Description
The map with the different Switch sizes.
+
$kendo-switch-off-track-bgnull
Description
The background of the track when the Switch is not checked.
+
$kendo-switch-off-track-textnull
Description
The text color of the track when the Switch is not checked.
+
$kendo-switch-off-track-bordernull
Description
The border color of the track when the Switch is not checked.
+
$kendo-switch-off-track-gradientnull
Description
The background gradient of the track when the Switch is not checked.
+
$kendo-switch-off-track-hover-bgnull
Description
The background of the track when the hovered Switch is not checked.
+
$kendo-switch-off-track-hover-textnull
Description
The text color of the track when the hovered Switch is not checked.
+
$kendo-switch-off-track-hover-bordernull
Description
The border color of the track when the hovered Switch is not checked.
+
$kendo-switch-off-track-hover-gradientnull
Description
The background gradient of the track when the hovered Switch is not checked.
+
$kendo-switch-off-track-focus-bgnull
Description
The background of the track when the focused Switch is not checked.
+
$kendo-switch-off-track-focus-textnull
Description
The text color of the track when the focused Switch is not checked.
+
$kendo-switch-off-track-focus-bordernull
Description
The border color of the track when the focused Switch is not checked.
+
$kendo-switch-off-track-focus-gradientnull
Description
The background gradient of the track when the focused Switch is not checked.
+
$kendo-switch-off-track-focus-ringnull
Description
The ring around the track when the focused Switch is not checked.
+
$kendo-switch-off-track-disabled-bgnull
Description
The background of the track when the disabled Switch is not checked.
+
$kendo-switch-off-track-disabled-textnull
Description
The text color of the track when the disabled Switch is not checked.
+
$kendo-switch-off-track-disabled-bordernull
Description
The border color of the track when the disabled Switch is not checked.
+
$kendo-switch-off-track-disabled-gradientnull
Description
The background gradient of the track when the disabled Switch is not checked.
+
$kendo-switch-off-thumb-bgnull
Description
The background of the thumb when the Switch is not checked.
+
$kendo-switch-off-thumb-textnull
Description
The text color of the thumb when the Switch is not checked.
+
$kendo-switch-off-thumb-bordernull
Description
The border color of the thumb when the Switch is not checked.
+
$kendo-switch-off-thumb-gradientnull
Description
The background gradient of the thumb when the Switch is not checked.
+
$kendo-switch-off-thumb-hover-bgnull
Description
The background of the thumb when the hovered Switch is not checked.
+
$kendo-switch-off-thumb-hover-textnull
Description
The text color of the thumb when the hovered Switch is not checked.
+
$kendo-switch-off-thumb-hover-bordernull
Description
The border color of the thumb when the hovered Switch is not checked.
+
$kendo-switch-off-thumb-hover-gradientnull
Description
The background gradient of the thumb when the hovered Switch is not checked.
+
$kendo-switch-on-track-bgnull
Description
The background of the track when the Switch is checked.
+
$kendo-switch-on-track-textnull
Description
The text color of the track when the Switch is checked.
+
$kendo-switch-on-track-bordernull
Description
The border color of the track when the Switch is checked.
+
$kendo-switch-on-track-gradientnull
Description
The background gradient of the track when the Switch is checked.
+
$kendo-switch-on-track-hover-bgnull
Description
The background of the track when the hovered Switch is checked.
+
$kendo-switch-on-track-hover-textnull
Description
The text color of the track when the hovered Switch is checked.
+
$kendo-switch-on-track-hover-bordernull
Description
The border color of the track when the hovered Switch is checked.
+
$kendo-switch-on-track-hover-gradientnull
Description
The background gradient of the track when the hovered Switch is checked.
+
$kendo-switch-on-track-focus-bgnull
Description
The background of the track when the focused Switch is checked.
+
$kendo-switch-on-track-focus-textnull
Description
The text color of the track when the focused Switch is checked.
+
$kendo-switch-on-track-focus-bordernull
Description
The border color of the track when the focused Switch is checked.
+
$kendo-switch-on-track-focus-gradientnull
Description
The background gradient of the track when the focused Switch is checked.
+
$kendo-switch-on-track-focus-ringnull
Description
The ring around the track when the focused Switch is checked.
+
$kendo-switch-on-track-disabled-bgnull
Description
The background of the track when the disabled Switch is checked.
+
$kendo-switch-on-track-disabled-textnull
Description
The text color of the track when the disabled Switch is checked.
+
$kendo-switch-on-track-disabled-bordernull
Description
The border color of the track when the disabled Switch is checked.
+
$kendo-switch-on-track-disabled-gradientnull
Description
The background gradient of the track when the disabled Switch is checked.
+
$kendo-switch-on-thumb-bgnull
Description
The background of the thumb when the Switch is checked.
+
$kendo-switch-on-thumb-textnull
Description
The text color of the thumb when the Switch is checked.
+
$kendo-switch-on-thumb-bordernull
Description
The border color of the thumb when the Switch is checked.
+
$kendo-switch-on-thumb-gradientnull
Description
The background gradient of the thumb when the Switch is checked.
+
$kendo-switch-on-thumb-hover-bgnull
Description
The background of the thumb when the hovered Switch is checked.
+
$kendo-switch-on-thumb-hover-textnull
Description
The text color of the thumb when the hovered Switch is checked.
+
$kendo-switch-on-thumb-hover-bordernull
Description
The border color of the thumb when the hovered Switch is checked.
+
$kendo-switch-on-thumb-hover-gradientnull
Description
The background gradient of the thumb when the hovered Switch is checked.
+
+ +### Table + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-table-border-widthnull
Description
The width of the table border.
+
$kendo-table-cell-vertical-border-widthnull
Description
The width of vertical border of table cells.
+
$kendo-table-cell-horizontal-border-widthnull
Description
The width of horizontal border of table cells.
+
$kendo-table-font-sizenull
Description
The font size of the table if no size is specified.
+
$kendo-table-line-heightnull
Description
The line-height of the table if no size is specified.
+
$kendo-table-cell-padding-xnull
Description
The horizontal padding of the cells in the table if no size is specified.
+
$kendo-table-cell-padding-ynull
Description
The vertical padding of the cells in the table if no size is specified.
+
$kendo-table-sizesnull
Description
The sizes of the table.
+
$kendo-table-bgnull
Description
Background color of tables.
+
$kendo-table-textnull
Description
Text color of tables.
+
$kendo-table-bordernull
Description
Border color of tables.
+
$kendo-table-header-bgnull
Description
Background color of table headers.
+
$kendo-table-header-textnull
Description
Text color of table headers.
+
$kendo-table-header-bordernull
Description
Border color of table headers.
+
$kendo-table-header-gradientnull
Description
Gradient of table headers.
+
$kendo-table-footer-bgnull
Description
Background color of table footers.
+
$kendo-table-footer-textnull
Description
Text color of table footers.
+
$kendo-table-footer-bordernull
Description
Border color of table footers.
+
$kendo-table-group-row-bgnull
Description
Background color of group rows in table.
+
$kendo-table-group-row-textnull
Description
Text color of group rows in table.
+
$kendo-table-group-row-bordernull
Description
Border color of group rows in table.
+
$kendo-table-alt-row-bgnull
Description
Background color of alternating rows in table.
+
$kendo-table-alt-row-textnull
Description
Text color of alternating rows in table.
+
$kendo-table-alt-row-bordernull
Description
Border color of alternating rows in table.
+
$kendo-table-hover-bgnull
Description
Background color of hovered rows in table.
+
$kendo-table-hover-textnull
Description
Text color of hovered rows in table.
+
$kendo-table-hover-bordernull
Description
Border color of hovered rows in table.
+
$kendo-table-focus-bgnull
Description
Background color of focused rows in table.
+
$kendo-table-focus-textnull
Description
Text color of focused rows in table.
+
$kendo-table-focus-bordernull
Description
Border color of focused rows in table.
+
$kendo-table-focus-shadownull
Description
Box shadow of focused rows in table.
+
$kendo-table-selected-bgnull
Description
Background color of selected rows in table.
+
$kendo-table-selected-textnull
Description
Text color of selected rows in table.
+
$kendo-table-selected-bordernull
Description
Border color of selected rows in table.
+
+ +### Tabstrip + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-tabstrip-wrapper-padding-xnull
Description
The horizontal padding of the TabStrip wrapper.
+
$kendo-tabstrip-wrapper-padding-ynull
Description
The vertical padding of the TabStrip wrapper.
+
$kendo-tabstrip-wrapper-border-widthnull
Description
The border width around the TabStrip wrapper.
+
$kendo-tabstrip-font-familynull
Description
The font family of the TabStrip.
+
$kendo-tabstrip-font-sizenull
Description
The font size of the TabStrip.
+
$kendo-tabstrip-line-heightnull
Description
The line height of the TabStrip.
+
$kendo-tabstrip-border-widthnull
Description
The border width around the TabStrip.
+
$kendo-tabstrip-sm-font-sizenull
Description
The font size of the small TabStrip.
+
$kendo-tabstrip-sm-line-heightnull
Description
The line height of the small TabStrip.
+
$kendo-tabstrip-md-font-sizenull
Description
The font size of the medium TabStrip.
+
$kendo-tabstrip-md-line-heightnull
Description
The line height of the medium TabStrip.
+
$kendo-tabstrip-lg-font-sizenull
Description
The font size of the large TabStrip.
+
$kendo-tabstrip-lg-line-heightnull
Description
The line height of the large TabStrip.
+
$kendo-tabstrip-wrapper-bgnull
Description
The background color of the TabStrip wrapper.
+
$kendo-tabstrip-wrapper-textnull
Description
The text color of the TabStrip wrapper.
+
$kendo-tabstrip-wrapper-bordernull
Description
The border color of the TabStrip wrapper.
+
$kendo-tabstrip-bgnull
Description
The background color of the TabStrip.
+
$kendo-tabstrip-textnull
Description
The text color of the TabStrip.
+
$kendo-tabstrip-bordernull
Description
The border color of the TabStrip.
+
$kendo-tabstrip-item-padding-xnull
Description
The horizontal padding of the TabStrip items.
+
$kendo-tabstrip-item-padding-ynull
Description
The vertical padding of the TabStrip items.
+
$kendo-tabstrip-item-border-widthnull
Description
The border width around the TabStrip items.
+
$kendo-tabstrip-item-border-radiusnull
Description
The border radius of the TabStrip items.
+
$kendo-tabstrip-item-gapnull
Description
The gap between the TabStrip items.
+
$kendo-tabstrip-sm-item-padding-xnull
Description
The horizontal padding of the small TabStrip items.
+
$kendo-tabstrip-sm-item-padding-ynull
Description
The vertical padding of the small TabStrip items.
+
$kendo-tabstrip-md-item-padding-xnull
Description
The horizontal padding of the medium TabStrip items.
+
$kendo-tabstrip-md-item-padding-ynull
Description
The vertical padding of the medium TabStrip items.
+
$kendo-tabstrip-lg-item-padding-xnull
Description
The horizontal padding of the large TabStrip items.
+
$kendo-tabstrip-lg-item-padding-ynull
Description
The vertical padding of the large TabStrip items.
+
$kendo-tabstrip-item-bgnull
Description
The background color of the TabStrip items.
+
$kendo-tabstrip-item-textnull
Description
The text color of the TabStrip items.
+
$kendo-tabstrip-item-bordernull
Description
The border color of the TabStrip items.
+
$kendo-tabstrip-item-gradientnull
Description
The gradient of the TabStrip items.
+
$kendo-tabstrip-item-hover-bgnull
Description
The background color of the hovered TabStrip items.
+
$kendo-tabstrip-item-hover-textnull
Description
The text color of the hovered TabStrip items.
+
$kendo-tabstrip-item-hover-bordernull
Description
The border color of the hovered TabStrip items.
+
$kendo-tabstrip-item-hover-gradientnull
Description
The gradient of the hovered TabStrip items.
+
$kendo-tabstrip-item-selected-bgnull
Description
The background color of the selected TabStrip items.
+
$kendo-tabstrip-item-selected-textnull
Description
The text color of the selected TabStrip items.
+
$kendo-tabstrip-item-selected-bordernull
Description
The border color of the selected TabStrip items.
+
$kendo-tabstrip-item-selected-gradientnull
Description
The gradient of the selected TabStrip items.
+
$kendo-tabstrip-item-selected-font-weightnull
Description
The font weight of the selected TabStrip items.
+
$kendo-tabstrip-item-focus-shadownull
Description
The shadow of the focused TabStrip items.
+
$kendo-tabstrip-item-dragging-shadownull
Description
The shadow of the dragged TabStrip items.
+
$kendo-tabstrip-item-disabled-bgnull
Description
The background color of the disabled TabStrip items.
+
$kendo-tabstrip-item-disabled-textnull
Description
The text color of the disabled TabStrip items.
+
$kendo-tabstrip-item-disabled-bordernull
Description
The border color of the disabled TabStrip items.
+
$kendo-tabstrip-item-disabled-gradientnull
Description
The gradient of the disabled TabStrip items.
+
$kendo-tabstrip-item-disabled-opacitynull
Description
The opacity of the disabled TabStrip items.
+
$kendo-tabstrip-item-disabled-filternull
Description
The filter of the disabled TabStrip items.
+
$kendo-tabstrip-indicator-sizenull
Description
The border width of the TabStrip indicator.
+
$kendo-tabstrip-indicator-colornull
Description
The border color of the TabStrip ripple.
+
$kendo-tabstrip-content-padding-xnull
Description
The horizontal padding of the TabStrip content.
+
$kendo-tabstrip-content-padding-ynull
Description
The vertical padding of the TabStrip content.
+
$kendo-tabstrip-content-border-widthnull
Description
The border width around the TabStrip content.
+
$kendo-tabstrip-content-bgnull
Description
The background color of the TabStrip content.
+
$kendo-tabstrip-content-textnull
Description
The text color of the TabStrip content.
+
$kendo-tabstrip-content-bordernull
Description
The border color of the TabStrip content.
+
$kendo-tabstrip-content-focus-bordernull
Description
The border color of the focused TabStrip content.
+
$kendo-tabstrip-scroll-overlaynull
Description
The left and right scroll overlay of the TabStrip.
+
$kendo-tabstrip-sizes()
Description
The size map of the TabStrip.
+
+ +### Taskboard + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-taskboard-spacernull
Description
The spacing index of the TaskBoard.
+
$kendo-taskboard-padding-ynull
Description
The vertical padding of the TaskBoard.
+
$kendo-taskboard-padding-xnull
Description
The horizontal of the TaskBoard.
+
$kendo-taskboard-font-familynull
Description
The font family of the TaskBoard.
+
$kendo-taskboard-font-sizenull
Description
The font size of the TaskBoard.
+
$kendo-taskboard-line-heightnull
Description
The line height of the TaskBoard.
+
$kendo-taskboard-bgnull
Description
The background color of the TaskBoard.
+
$kendo-taskboard-textnull
Description
The text color of the TaskBoard.
+
$kendo-taskboard-bordernull
Description
The border color of the TaskBoard.
+
$kendo-taskboard-toolbar-padding-ynull
Description
The vertical padding of the TaskBoard Toolbar.
+
$kendo-taskboard-toolbar-padding-xnull
Description
The horizontal padding of the TaskBoard Toolbar.
+
$kendo-taskboard-toolbar-bgnull
Description
The background color of the TaskBoard Toolbar.
+
$kendo-taskboard-toolbar-textnull
Description
The text color of the TaskBoard Toolbar.
+
$kendo-taskboard-toolbar-bordernull
Description
The border color of the TaskBoard Toolbar.
+
$kendo-taskboard-toolbar-gradientnull
Description
The gradient of the TaskBoard Toolbar.
+
$kendo-taskboard-content-padding-ynull
Description
The vertical padding of the TaskBoard content.
+
$kendo-taskboard-content-padding-xnull
Description
The horizontal padding of the TaskBoard content.
+
$kendo-taskboard-column-container-spacing-ynull
Description
The vertical spacing of the TaskBoard column container.
+
$kendo-taskboard-column-container-padding-ynull
Description
The vertical padding of the TaskBoard column container.
+
$kendo-taskboard-column-container-padding-xnull
Description
The horizontal padding of the TaskBoard column container.
+
$kendo-taskboard-columns-container-gapnull
Description
The spacing of the TaskBoard columns container.
+
$kendo-taskboard-column-widthnull
Description
The default width of the TaskBoard column.
+
$kendo-taskboard-column-border-widthnull
Description
The border width of the TaskBoard column.
+
$kendo-taskboard-column-border-radiusnull
Description
The border radius of the TaskBoard column.
+
$kendo-taskboard-column-bgnull
Description
The background color of the TaskBoard column.
+
$kendo-taskboard-column-textnull
Description
The text color of the TaskBoard column.
+
$kendo-taskboard-column-bordernull
Description
The border color of the TaskBoard column.
+
$kendo-taskboard-column-focus-bgnull
Description
The background color of the focused TaskBoard column.
+
$kendo-taskboard-column-focus-textnull
Description
The text color of the focused TaskBoard column.
+
$kendo-taskboard-column-focus-bordernull
Description
The border color of the focused TaskBoard column.
+
$kendo-taskboard-column-header-padding-ynull
Description
The vertical padding of the TaskBoard column header.
+
$kendo-taskboard-column-header-padding-xnull
Description
The horizontal padding of the TaskBoard column header.
+
$kendo-taskboard-column-header-gapnull
Description
The spacing of the TaskBoard column header.
+
$kendo-taskboard-column-header-actions-gapnull
Description
The spacing of the TaskBoard column header actions.
+
$kendo-taskboard-column-header-font-weightnull
Description
The font weight of the TaskBoard column header.
+
$kendo-taskboard-column-header-textnull
Description
The text color of the TaskBoard column header.
+
$kendo-taskboard-column-cards-padding-ynull
Description
The vertical padding of the TaskBoard column Card wrapper.
+
$kendo-taskboard-column-cards-padding-xnull
Description
The horizontal padding of the TaskBoard column Card wrapper.
+
$kendo-taskboard-column-cards-gapnull
Description
The spacing of the TaskBoard column Card wrapper.
+
$kendo-taskboard-pane-widthnull
Description
The default width of the TaskBoard pane.
+
$kendo-taskboard-pane-padding-ynull
Description
The vertical padding of the TaskBoard pane.
+
$kendo-taskboard-pane-padding-xnull
Description
The horizontal padding of the TaskBoard pane.
+
$kendo-taskboard-pane-border-widthnull
Description
The border width of the TaskBoard pane.
+
$kendo-taskboard-pane-bgnull
Description
The background color of the TaskBoard pane.
+
$kendo-taskboard-pane-textnull
Description
The text color of the TaskBoard pane.
+
$kendo-taskboard-pane-bordernull
Description
The border color of the TaskBoard pane.
+
$kendo-taskboard-pane-header-padding-ynull
Description
The vertical padding of the TaskBoard pane header.
+
$kendo-taskboard-pane-header-padding-xnull
Description
The horizontal padding of the TaskBoard pane header.
+
$kendo-taskboard-pane-header-font-weightnull
Description
The font weight of the TaskBoard pane header.
+
$kendo-taskboard-pane-header-textnull
Description
The text color of the TaskBoard pane header.
+
$kendo-taskboard-pane-content-padding-ynull
Description
The vertical padding of the TaskBoard pane content.
+
$kendo-taskboard-pane-content-padding-xnull
Description
The horizontal padding of the TaskBoard pane content.
+
$kendo-taskboard-pane-actions-padding-ynull
Description
The vertical padding of the TaskBoard pane actions.
+
$kendo-taskboard-pane-actions-padding-xnull
Description
The horizontal padding of the TaskBoard pane actions.
+
$kendo-taskboard-card-padding-ynull
Description
The vertical padding of the TaskBoard Card.
+
$kendo-taskboard-card-padding-xnull
Description
The horizontal padding of the TaskBoard Card.
+
$kendo-taskboard-card-border-widthnull
Description
The border width of the TaskBoard Card.
+
$kendo-taskboard-card-border-radiusnull
Description
The border radius of the TaskBoard Card.
+
$kendo-taskboard-card-shadownull
Description
The shadow of the TaskBoard Card.
+
$kendo-taskboard-card-bgnull
Description
The background color of the TaskBoard Card.
+
$kendo-taskboard-card-textnull
Description
The text color of the TaskBoard Card.
+
$kendo-taskboard-card-bordernull
Description
The border color of the TaskBoard Card.
+
$kendo-taskboard-card-category-border-widthnull
Description
The border width of the TaskBoard Card category.
+
$kendo-taskboard-card-hover-bordernull
Description
The border color of the hovered TaskBoard Card.
+
$kendo-taskboard-card-focus-bordernull
Description
The border color of the focused TaskBoard Card.
+
$kendo-taskboard-card-focus-shadownull
Description
The shadow of the focused TaskBoard Card.
+
$kendo-taskboard-card-selected-bordernull
Description
The border of the selected TaskBoard Card.
+
$kendo-taskboard-card-selected-shadownull
Description
The shadow of the selected TaskBoard Card.
+
$kendo-taskboard-card-header-textnull
Description
The text color of the TaskBoard Card header text.
+
$kendo-taskboard-card-header-hover-textnull
Description
The text color of the hovered TaskBoard Card header text.
+
$kendo-taskboard-card-header-focus-textnull
Description
The text color of the focused TaskBoard Card header text.
+
$kendo-taskboard-drag-placeholder-border-widthnull
Description
The border width of the TaskBoard Card placeholder.
+
$kendo-taskboard-drag-placeholder-border-radiusnull
Description
The border radius of the TaskBoard Card placeholder.
+
$kendo-taskboard-drag-placeholder-bgnull
Description
The background color of the TaskBoard Card placeholder.
+
$kendo-taskboard-drag-placeholder-bordernull
Description
The border color of the TaskBoard Card placeholder.
+
+ +### TileLayout + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-tile-layout-border-widthnull
Description
The width of the border around the TileLayout.
+
$kendo-tile-layout-bgnull
Description
The background color of the TileLayout.
+
$kendo-tile-layout-padding-xnull
Description
The horizontal padding of the TileLayout.
+
$kendo-tile-layout-padding-ynull
Description
The vertical padding of the TileLayout
+
$kendo-tile-layout-card-border-widthnull
Description
The width of the border around the TileLayout card.
+
$kendo-tile-layout-card-focus-shadownull
Description
The focus box shadow of the TileLayout card.
+
$kendo-tile-layout-hint-border-widthnull
Description
The width of the border around the TileLayout hint.
+
$kendo-tile-layout-hint-border-radiusnull
Description
The radius of the border around the TileLayout hint.
+
$kendo-tile-layout-hint-bordernull
Description
The color of the border around the TileLayout hint.
+
$kendo-tile-layout-hint-bgnull
Description
The background color of the TileLayout hint.
+
+ +### TimeMarker + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-current-time-widthnull
Description
The border width of the current time indicator.
+
$kendo-current-time-colornull
Description
The color of the current time indicator.
+
+ +### Timeline + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-timeline-spacing-xnull
Description
The horizontal spacing of the Timeline.
+
$kendo-timeline-spacing-ynull
Description
The vertical spacing of the Timeline.
+
$kendo-timeline-items-paddingnull
Description
The padding between the Timeline's track items.
+
$kendo-timeline-font-familynull
Description
The font family of the Timeline.
+
$kendo-timeline-font-sizenull
Description
The font size of the Timeline.
+
$kendo-timeline-line-heightnull
Description
The line height of the Timeline.
+
$kendo-timeline-mobile-spacing-xnull
Description
The horizontal spacing of the mobile Timeline.
+
$kendo-timeline-mobile-spacing-ynull
Description
The vertical spacing of the mobile Timeline.
+
$kendo-timeline-track-arrow-widthnull
Description
The width of the Timeline track arrow.
+
$kendo-timeline-track-arrow-heightnull
Description
The height of the Timeline track arrow.
+
$kendo-timeline-track-arrow-disabled-bgnull
Description
The background color of the disabled Timeline track arrow.
+
$kendo-timeline-track-arrow-disabled-textnull
Description
The text color of the disabled Timeline track arrow.
+
$kendo-timeline-track-arrow-disabled-bordernull
Description
The border color of the disabled Timeline track arrow.
+
$kendo-timeline-track-sizenull
Description
The size of the Timeline track.
+
$kendo-timeline-track-wrap-padding-bottomnull
Description
The bottom padding of the Timeline's track wrapper.
+
$kendo-timeline-track-border-widthnull
Description
The border width of the Timeline track.
+
$kendo-timeline-track-margin-bottomnull
Description
The bottom margin of the Timeline track.
+
$kendo-timeline-track-bottom-calcnull
Description
The bottom offset of the Timeline track.
+
$kendo-timeline-track-start-calcnull
Description
The left offset of the Timeline track.
+
$kendo-timeline-track-end-calcnull
Description
The right offset of the Timeline track.
+
$kendo-timeline-track-bgnull
Description
The background color of the Timeline track.
+
$kendo-timeline-track-border-colornull
Description
The border color of the Timeline track.
+
$kendo-timeline-track-item-focus-shadownull
Description
The shadow of the Timeline's focused track items.
+
$kendo-timeline-track-event-offsetnull
Description
The offset of the Timeline track event.
+
$kendo-timeline-flag-padding-xnull
Description
The horizontal padding of the Timeline flag.
+
$kendo-timeline-flag-padding-ynull
Description
The vertical padding of the Timeline flag.
+
$kendo-timeline-flag-line-heightnull
Description
The line height of the Timeline flag.
+
$kendo-timeline-flag-min-widthnull
Description
The minimum width of the Timeline flag.
+
$kendo-timeline-flag-max-widthnull
Description
The maximum width of the Timeline flag.
+
$kendo-timeline-mobile-flag-max-widthnull
Description
The maximum width of the mobile Timeline flag.
+
$kendo-timeline-horizontal-flag-min-widthnull
Description
The minimum width of the horizontal Timeline flag.
+
$kendo-timeline-flag-bgnull
Description
The background color of the Timeline flag.
+
$kendo-timeline-flag-textnull
Description
The text color of the Timeline flag.
+
$kendo-timeline-flag-callout-widthnull
Description
The width of the Timeline's flag callout.
+
$kendo-timeline-flag-callout-heightnull
Description
The height of the Timeline's flag callout.
+
$kendo-timeline-flag-offset-bottomnull
Description
The bottom offset of the Timeline flag.
+
$kendo-timeline-flag-margin-bottom-calcnull
Description
The bottom margin of the Timeline flag.
+
$kendo-timeline-date-widthnull
Description
The width of the Timeline date.
+
$kendo-timeline-date-margin-bottomnull
Description
The bottom margin of the Timeline date.
+
$kendo-timeline-vertical-padding-calcnull
Description
The padding of the vertical Timeline.
+
$kendo-timeline-vertical-padding-with-dates-calcnull
Description
The padding of the vertical Timeline date.
+
$kendo-timeline-mobile-vertical-padding-calcnull
Description
The padding of the vertical mobile Timeline.
+
$kendo-timeline-mobile-vertical-padding-with-dates-calcnull
Description
The padding of the vertical mobile Timeline date.
+
$kendo-timeline-circle-widthnull
Description
The width of the Timeline circle.
+
$kendo-timeline-circle-heightnull
Description
The height of the Timeline circle.
+
$kendo-timeline-circle-bgnull
Description
The background color of the Timeline circle.
+
$kendo-timeline-collapse-arrow-padding-xnull
Description
The horizontal padding of the Timeline collapse arrow.
+
$kendo-timeline-event-widthnull
Description
The width of the Timeline event.
+
$kendo-timeline-event-heightnull
Description
The height of the Timeline event.
+
$kendo-timeline-event-min-height-calcnull
Description
The minimum height of the Timeline event.
+
+ +### Toolbar + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-toolbar-padding-xnull
Description
The horizontal padding of the Toolbar.
+
$kendo-toolbar-sm-padding-xnull
Description
The horizontal padding of the small Toolbar.
+
$kendo-toolbar-md-padding-xnull
Description
The horizontal padding of the medium Toolbar.
+
$kendo-toolbar-lg-padding-xnull
Description
The horizontal padding of the large Toolbar.
+
$kendo-toolbar-padding-ynull
Description
The vertical padding of the Toolbar.
+
$kendo-toolbar-sm-padding-ynull
Description
The vertical padding of the small Toolbar.
+
$kendo-toolbar-md-padding-ynull
Description
The vertical padding of the medium Toolbar.
+
$kendo-toolbar-lg-padding-ynull
Description
The vertical padding of the large Toolbar.
+
$kendo-toolbar-spacingnull
Description
The spacing between the Toolbar tools.
+
$kendo-toolbar-sm-spacingnull
Description
The spacing between the tools of the small Toolbar.
+
$kendo-toolbar-md-spacingnull
Description
The spacing between the tools of the medium Toolbar.
+
$kendo-toolbar-lg-spacingnull
Description
The spacing between the tools of the large Toolbar.
+
$kendo-toolbar-separator-heightnull
Description
The height of the Toolbar button separator.
+
$kendo-toolbar-sm-separator-heightnull
Description
The height of the small Toolbar button separator.
+
$kendo-toolbar-md-separator-heightnull
Description
The height of the medium Toolbar button separator.
+
$kendo-toolbar-lg-separator-heightnull
Description
The height of the large Toolbar button separator.
+
$kendo-toolbar-border-widthnull
Description
The width of the border around the Toolbar.
+
$kendo-toolbar-border-radiusnull
Description
The border radius of the Toolbar.
+
$kendo-toolbar-font-familynull
Description
The font family of the Toolbar.
+
$kendo-toolbar-font-sizenull
Description
The font size of the Toolbar.
+
$kendo-toolbar-line-heightnull
Description
The line height of the Toolbar.
+
$kendo-toolbar-bgnull
Description
The background color of the Toolbar.
+
$kendo-toolbar-textnull
Description
The text color of the Toolbar.
+
$kendo-toolbar-bordernull
Description
The color of the border around the Toolbar.
+
$kendo-toolbar-gradientnull
Description
The gradient of the Toolbar.
+
$kendo-toolbar-shadownull
Description
The box shadow of the Toolbar.
+
$kendo-toolbar-scroll-overlaynull
Description
The left and right scroll overlay of the Toolbar.
+
$kendo-toolbar-outline-textnull
Description
The text color of the outline Toolbar.
+
$kendo-toolbar-outline-bordernull
Description
The color of the border around the outline Toolbar.
+
$kendo-toolbar-outline-gradientnull
Description
The gradient of the outline Toolbar.
+
$kendo-toolbar-outline-shadownull
Description
The box shadow of the outline Toolbar.
+
$kendo-toolbar-outline-border-widthnull
Description
The width of the border around the outline Toolbar.
+
$kendo-toolbar-outline-scroll-overlaynull
Description
The left and right scroll overlay of the outline Toolbar.
+
$kendo-toolbar-flat-textnull
Description
The text color of the flat Toolbar.
+
$kendo-toolbar-flat-bordernull
Description
The color of the border around the flat Toolbar.
+
$kendo-toolbar-flat-gradientnull
Description
The gradient of the flat Toolbar.
+
$kendo-toolbar-flat-shadownull
Description
The box shadow of the flat Toolbar.
+
$kendo-toolbar-flat-border-widthnull
Description
Border width of the flat Toolbar.
+
$kendo-toolbar-flat-scroll-overlaynull
Description
The left and right scroll overlay of the flat Toolbar.
+
$kendo-toolbar-separator-bordernull
Description
The color of the separator border of the Toolbar.
+
$kendo-toolbar-input-widthnull
Description
The width of the input in the Toolbar.
+
$kendo-toolbar-item-shadownull
Description
The box shadow of the focused Toolbar item.
+
$kendo-toolbar-overflow-container-font-sizenull
Description
The font size of the Toolbar overflow container.
+
$kendo-toolbar-overflow-container-line-heightnull
Description
The line-height of the Toolbar overflow container.
+
$kendo-toolbar-overflow-button-padding-ynull
Description
The vertical padding of the Toolbar overflow button.
+
$kendo-toolbar-overflow-button-padding-xnull
Description
The horizontal padding of the Toolbar overflow button.
+
$kendo-toolbar-sizesnull
Description
The sizes map for the Toolbar.
+
+ +### Tooltip + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-tooltip-padding-ynull
Description
The vertical padding of the Tooltip.
+
$kendo-tooltip-padding-xnull
Description
The horizontal padding of the Tooltip.
+
$kendo-tooltip-border-widthnull
Description
The width of the border around the Tooltip.
+
$kendo-tooltip-border-radiusnull
Description
The border radius of the Tooltip.
+
$kendo-tooltip-font-familynull
Description
The font family of the Tooltip.
+
$kendo-tooltip-font-sizenull
Description
The font size of the Tooltip.
+
$kendo-tooltip-line-heightnull
Description
The line height of the Tooltip.
+
$kendo-tooltip-title-font-sizenull
Description
The font size of the Tooltip title.
+
$kendo-tooltip-title-line-heightnull
Description
The line height of the Tooltip title.
+
$kendo-tooltip-callout-sizenull
Description
The size of the Tooltip callout.
+
$kendo-tooltip-bgnull
Description
The default background of the Tooltip.
+
$kendo-tooltip-textnull
Description
The default text color of the Tooltip.
+
$kendo-tooltip-bordernull
Description
The default border color of the Tooltip.
+
$kendo-tooltip-shadownull
Description
The box-shadow of the Tooltip.
+
$kendo-tooltip-theme-colorsnull
Description
The theme colors map for the Tooltip.
+
$kendo-tooltip-themenull
Description
The generated theme colors map for the Tooltip.
+
+ +### Treelist + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-treelist-footer-row-bgnull
Description
The background color of the TreeList footer row.
+
$kendo-treelist-footer-row-border-widthnull
Description
The border width of the TreeList footer row.
+
+ +### Treeview + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefault valueComputed value
$kendo-treeview-font-familynull
Description
The font family of the TreeView.
+
$kendo-treeview-font-sizenull
Description
The font size of the TreeView.
+
$kendo-treeview-sm-font-sizenull
Description
The font size of the small TreeView.
+
$kendo-treeview-md-font-sizenull
Description
The font size of the medium TreeView.
+
$kendo-treeview-lg-font-sizenull
Description
The font size of the large TreeView.
+
$kendo-treeview-line-heightnull
Description
The line height of the TreeView.
+
$kendo-treeview-sm-line-heightnull
Description
The line height of the small TreeView.
+
$kendo-treeview-md-line-heightnull
Description
The line height of the medium TreeView.
+
$kendo-treeview-lg-line-heightnull
Description
The line height of the large TreeView.
+
$kendo-treeview-indentnull
Description
The indentation of child groups in the TreeView.
+
$kendo-treeview-item-padding-xnull
Description
The horizontal padding of the TreeView items.
+
$kendo-treeview-sm-item-padding-xnull
Description
The horizontal padding of the small TreeView items.
+
$kendo-treeview-md-item-padding-xnull
Description
The horizontal padding of the medium TreeView items.
+
$kendo-treeview-lg-item-padding-xnull
Description
The horizontal padding of the large TreeView items.
+
$kendo-treeview-item-padding-ynull
Description
The vertical padding of the TreeView items.
+
$kendo-treeview-sm-item-padding-ynull
Description
The vertical padding of the small TreeView items.
+
$kendo-treeview-md-item-padding-ynull
Description
The vertical padding of the medium TreeView items.
+
$kendo-treeview-lg-item-padding-ynull
Description
The vertical padding of the large TreeView items.
+
$kendo-treeview-item-border-widthnull
Description
The border width of the TreeView items.
+
$kendo-treeview-item-border-radiusnull
Description
The border radius of the TreeView items.
+
$kendo-treeview-sm-checkbox-padding-xnull
Description
The horizontal padding of the checkbox in the small TreeView.
+
$kendo-treeview-md-checkbox-padding-xnull
Description
The horizontal padding of the checkbox in the medium TreeView.
+
$kendo-treeview-lg-checkbox-padding-xnull
Description
The horizontal padding of the checkbox in the large TreeView.
+
$kendo-treeview-sm-checkbox-padding-ynull
Description
The vertical padding of the checkbox in the small TreeView.
+
$kendo-treeview-md-checkbox-padding-ynull
Description
The vertical padding of the checkbox in the medium TreeView.
+
$kendo-treeview-lg-checkbox-padding-ynull
Description
The vertical padding of the checkbox in the large TreeView.
+
$kendo-treeview-sizesnull
Description
The sizes map of the TreeView.
+
$kendo-treeview-bgnull
Description
The background color of the TreeView.
+
$kendo-treeview-textnull
Description
The text color of the TreeView.
+
$kendo-treeview-bordernull
Description
The border color of the TreeView.
+
$kendo-treeview-item-hover-bgnull
Description
The background color of hovered TreeView items.
+
$kendo-treeview-item-hover-textnull
Description
The text color of hovered TreeView items.
+
$kendo-treeview-item-hover-bordernull
Description
The border color of hovered TreeView items.
+
$kendo-treeview-item-hover-gradientnull
Description
The background gradient of hovered TreeView items.
+
$kendo-treeview-item-selected-bgnull
Description
The background color of selected TreeView items.
+
$kendo-treeview-item-selected-textnull
Description
The text color of selected TreeView items.
+
$kendo-treeview-item-selected-bordernull
Description
The border color of selected TreeView items.
+
$kendo-treeview-item-selected-gradientnull
Description
The background gradient of selected TreeView items.
+
$kendo-treeview-item-focus-shadownull
Description
The box shadow of focused TreeView items.
+
$kendo-treeview-loadmore-bgnull
Description
The background color of the Load More button in the TreeView
+
$kendo-treeview-loadmore-textnull
Description
The text color of the Load More button in the TreeView
+
$kendo-treeview-loadmore-bordernull
Description
The border color of the Load More button in the TreeView
+
$kendo-treeview-loadmore-hover-bgnull
Description
The background color of the hovered Load More button in the TreeView
+
$kendo-treeview-loadmore-hover-textnull
Description
The text color of the hovered Load More button in the TreeView.
+
$kendo-treeview-loadmore-hover-bordernull
Description
The border color of the hovered Load More button in the TreeView.
+
$kendo-treeview-loadmore-focus-bgnull
Description
The background color of the focused Load More button in the TreeView.
+
$kendo-treeview-loadmore-focus-textnull
Description
The text color of the focused Load More button in the TreeView.
+
$kendo-treeview-loadmore-focus-bordernull
Description
The border color of the focused Load More button in the TreeView.
+
$kendo-treeview-loadmore-focus-shadownull
Description
The box shadow of the focused Load More button in the TreeView.
+
+ +### Typography + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - + - - - + + + + - - - +
NameTypeDefault valueComputed value
$kendo-h1-font-sizenull
Description
The font size of the highest level heading.
+
$kendo-h2-font-sizenull
Description
The font size of the second highest level heading.
+
$kendo-h3-font-sizenull
Description
The font size of the third highest level heading.
+
$kendo-h4-font-sizenull
Description
The font size of the fourth highest level heading.
+
$kendo-h5-font-sizenull
Description
The font size of the fifth highest level heading.
+
$kendo-h6-font-sizenull
Description
The font size of the sixth highest level heading.
+
$kendo-h1-font-familynull
Description
The font family of the highest level heading.
+
$kendo-h2-font-familynull
Description
The font family of the second highest level heading.
+
$kendo-h3-font-familynull
Description
The font family of the third highest level heading.
+
$kendo-h4-font-familynull
Description
The font family of the fourth highest level heading.
+
$kendo-h5-font-familynull
Description
The font family of the fifth highest level heading.
+
$kendo-h6-font-familynull
Description
The font family of the sixth highest level heading.
+
$kendo-h1-line-heightnull
Description
The line height of the highest level heading.
+
$kendo-h2-line-heightnull
Description
The line height of the second highest level heading.
+
$kendo-h3-line-heightnull
Description
The line height of the third highest level heading.
+
$kendo-h4-line-heightnull
Description
The line height of the fourth highest level heading.
+
$kendo-h5-line-heightnull
Description
The line height of the fifth highest level heading.
+
$kendo-h6-line-heightnull
Description
The line height of the sixth highest level heading.
+
$kendo-h1-font-weightnull
Description
The font weight of the highest level heading.
+
$kendo-h2-font-weightnull
Description
The font weight of the second highest level heading.
+
$kendo-h3-font-weightnull
Description
The font weight of the third highest level heading.
+
$kendo-h4-font-weightnull
Description
The font weight of the fourth highest level heading.
+
$kendo-h5-font-weightnull
Description
The font weight of the fifth highest level heading.
+
$kendo-h6-font-weightnull
Description
The font weight of the sixth highest level heading.
+
$kendo-h1-letter-spacingnull
Description
The letter spacing of the highest level heading.
+
$kendo-h2-letter-spacingnull
Description
The letter spacing of the second highest level heading.
+
$kendo-h3-letter-spacingnull
Description
The letter spacing of the third highest level heading.
+
$kendo-h4-letter-spacingnull
Description
The letter spacing of the fourth highest level heading.
+
$kendo-h5-letter-spacingnull
Description
The letter spacing of the fifth highest level heading.
+
$kendo-h6-letter-spacingnull
Description
The letter spacing of the sixth highest level heading.
+
$kendo-h1-marginnull
Description
The margin of the highest level heading.
+
$kendo-h2-marginnull
Description
The margin of the second highest level heading.
+
$kendo-h3-marginnull
Description
The margin of the third highest level heading.
+
$kendo-h4-marginnull
Description
The margin of the fourth highest level heading.
+
$kendo-h5-marginnull
Description
The margin of the fifth highest level heading.
+
$kendo-h6-marginnull
Description
The margin of the sixth highest level heading.
+
$kendo-headingsnull
Description
The headings Map.
+
$kendo-paragraph-marginnull
Description
The margin of the paragraph.
+
$kendo-paragraph-font-sizenull
Description
The font size of the paragraph.
+
$kendo-paragraph-font-familynull
Description
The font family of the paragraph.
+
$kendo-paragraph-line-heightnull
Description
The line height of the paragraph.
+
$kendo-paragraph-font-weightnull
Description
The font weight of the paragraph.
+
$kendo-paragraph-letter-spacingnull
Description
The letter spacing of the paragraph.
+
$kendo-code-font-sizenull
Description
The font size of the code tag.
+
$kendo-code-font-familynull
Description
The font family of the code tag.
+
$kendo-code-line-heightnull
Description
The line height of the code tag.
+
$kendo-code-font-weightnull
Description
The font weight of the code tag.
+
$kendo-code-letter-spacingnull
Description
The letter spacing of the code tag.
+
$kendo-code-padding-xnull
Description
The horizontal padding of the code tag.
+
$kendo-code-padding-ynull
Description
The vertical padding of the code tag.
+
$kendo-pre-padding-xnull
Description
The horizontal padding of the preformatted text.
+
$kendo-pre-padding-ynull
Description
The vertical padding of the preformatted text.
+
$kendo-code-border-widthnull
Description
The width of the border of the code tag.
+
$kendo-code-bgnull
Description
The background color of the code tag.
+
$kendo-code-textnull
Description
The color of the code tag.
+
$kendo-code-bordernull
Description
The border color of the code tag.
+
$kendo-display1-font-sizenull
Description
The font size of the largest display text.
+
$kendo-display2-font-sizenull
Description
The font size of the second largest display text.
+
$kendo-display3-font-sizenull
Description
The font size of the third largest display text.
+
$kendo-display4-font-sizenull
Description
The font size of the fourth largest display text.
+
$kendo-display1-font-familynull
Description
The font family of the largest display text.
+
$kendo-display2-font-familynull
Description
The font family of the second largest display text.
+
$kendo-display3-font-familynull
Description
The font family of the third largest display text.
+
$kendo-display4-font-familynull
Description
The font family of the fourth largest display text.
+
$kendo-display1-line-heightnull
Description
The line height of the largest display text.
+
$kendo-display2-line-heightnull
Description
The line height of the second largest display text.
+
$kendo-display3-line-heightnull
Description
The line height of the third largest display text.
+
$kendo-display4-line-heightnull
Description
The line height of the fourth largest display text.
+
$kendo-display1-font-weightnull
Description
The font weight of the largest display text.
+
$kendo-display2-font-weightnull
Description
The font weight of the second largest display text.
+
$kendo-display3-font-weightnull
Description
The font weight of the third largest display text.
+
$kendo-display4-font-weightnull
Description
The font weight of the fourth largest display text.
+
$kendo-display1-letter-spacingnull
Description
The letter spacing of the largest display text.
+
$kendo-display2-letter-spacingnull
Description
The letter spacing of the second largest display text.
+
$kendo-display3-letter-spacingnull
Description
The letter spacing of the third largest display text.
+
$kendo-display4-letter-spacingnull
Description
The letter spacing of the fourth largest display text.
+
$kendo-font-size0.875rem
Description
The base font size across all components.
+
$kendo-font-size-xxs0.5rem
Description
The extra extra small font size across all components.
+
$kendo-font-size-xs0.625rem
Description
The extra small font size across all components.
+
$kendo-font-size-sm0.75rem
Description
The small font size across all components.
+
$kendo-font-size-md$kendo-font-size
Description
The medium font size across all components.
+
$kendo-font-size-lg1rem
Description
The large font size across all components.
+
$kendo-font-size-xl1.25rem
Description
The extra large font size across all components.
+
$kendo-line-heightmath.div( 20, 14 )
Description
The base line height across all components.
+
$kendo-line-height-xs1
Description
The extra small line height across all components.
+
Colorseries-b-subtleThe subtle series B color variable.$kendo-line-height-sm1.25
Colorseries-b-subtlerThe subtler series B color variable.
Description
The small line height across all components.
+
Colorseries-cThe series C color variable.$kendo-line-height-md$kendo-line-height
Colorseries-c-boldThe bold series C color variable.
Description
The medium line height across all components.
+
Colorseries-c-bolderThe bolder series C color variable.$kendo-line-height-lg1.5
Colorseries-c-subtleThe subtle series C color variable.
Description
The large line height across all components.
+
Colorseries-c-subtlerThe subtler series C color variable.$kendo-line-height-emcalc( #{$kendo-line-height-md} * 1em )
Description
The base line height in ems across all components.
+
$kendo-font-weight400
Description
The base font weight across all components.
+
$kendo-font-weight-thin100
Description
The thin font weight across all components.
+
$kendo-font-weight-extra-light200
Description
The extra light font weight across all components.
+
$kendo-font-weight-light300
Description
The light font weight across all components.
+
$kendo-font-weight-normal$kendo-font-weight
Description
The normal font weight across all components.
+
$kendo-font-weight-medium500
Description
The medium font weight across all components.
+
$kendo-font-weight-semibold600
Description
The semibold font weight across all components.
+
$kendo-font-weight-bold700
Description
The bold font weight across all components.
+
$kendo-font-weight-extra-bold800
Description
The extra bold font weight across all components.
+
$kendo-font-weight-black900
Description
The most pronounced font weight across all components.
+
$kendo-letter-spacingnull
Description
The base letter spacing across all components.
+
$kendo-letter-spacing-tightest-.15px
Description
The tightest letter spacing across all components.
+
$kendo-letter-spacing-tighter-.10px
Description
Slightly looser than the tighter letter spacing across all components.
+
$kendo-letter-spacing-tight-.5px
Description
Moderately tight letter spacing across all components.
+
$kendo-letter-spacing-normal0px
Description
The normal letter spacing across all components.
+
$kendo-letter-spacing-wide.5px
Description
Wide letter spacing across all components.
+
$kendo-letter-spacing-wider.10px
Description
Slightly wider than the wide letter spacing across all components.
+
$kendo-letter-spacing-widest.15px
Description
The widest letter spacing across all components.
+
$kendo-font-family-sansArial, Verdana, Tahoma, "Trebuchet MS", Helvetica, Impact, Gill Sans
Description
The sans font family across all components.
+
$kendo-font-family-serif"Times New Roman", Georgia, Garamond, Palatino, Baskerville
Description
The serif font family across all components.
+
$kendo-font-family-sans-serifsystem-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
Colorseries-dThe series D color variable.
Description
The sans-serif font family across all components.
+
Colorseries-d-boldThe bold series D color variable.$kendo-font-family-monospaceSFMono-Regular, Menlo, Monaco, Consolas, "Roboto Mono", "Ubuntu Mono", "Lucida Console", "Courier New", monospace
Colorseries-d-bolderThe bolder series D color variable.
Description
The monospace font family across all components.
+
Colorseries-d-subtleThe subtle series D color variable.$kendo-font-familyinherit
Colorseries-d-subtlerThe subtler series D color variable.
Description
The base font family across all components.
+
Colorseries-eThe series E color variable.$kendo-font-sizesmap.merge( $_default-font-sizes, $kendo-font-sizes )
Colorseries-e-boldThe bold series E color variable.
Description
The font sizes map
+
Colorseries-e-bolderThe bolder series E color variable.$kendo-line-heightsmap.merge( $_default-line-heights, $kendo-line-heights )
Colorseries-e-subtleThe subtle series E color variable.
Description
The line heights map
+
Colorseries-e-subtlerThe subtler series E color variable.$kendo-font-weightsmap.merge( $_default-font-weights, $kendo-font-weights )
Colorseries-fThe series F color variable.
Description
The font weights map
+
Colorseries-f-boldThe bold series F color variable.$kendo-letter-spacingsmap.merge( $_default-letter-spacings, $kendo-letter-spacings )
Colorseries-f-bolderThe bolder series F color variable.
Description
The letter spacings map
+
Colorseries-f-subtleThe subtle series F color variable.$kendo-font-familiesmap.merge( $_default-font-families, $kendo-font-families )
Colorseries-f-subtlerThe subtler series F color variable.
Description
The font families map
+
-### Elevation +### Upload @@ -1147,189 +30437,309 @@ The following table lists the available variables for customizing the Theme Util - + - + - - -
$kendo-elevation$kendo-upload-border-width $_default-elevationnull
Description
The global default Elevation map.
+
Description
The width of the border around the Upload.
- -### Palette - - - - - - - - - - - - - - - - - - + + - + - - + - + - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - + - + - - + - + - - + - + - - + - + - - + - + - - + - + - - + - + - - + - + - - + - + - - + - + - - -
NameTypeDefault valueComputed value
$kendo-palette-gray
$kendo-upload-font-family $_default-palette-graynull
Description
The Gray Palette provides colors to the Base, Secondary, Light, Dark, and Inverse variable groups.
+
Description
The font family of the Upload.
$kendo-palette-coral$kendo-upload-font-size $_default-palette-coralnull
Description
The Coral Palette provides colors to the Primary and Series A variable groups.
+
Description
The font size of the Upload.
+
$kendo-upload-line-heightnull
Description
The line height of the Upload.
+
$kendo-upload-max-heightnull
Description
The maximum height of the list with uploaded items.
+
$kendo-upload-textnull
Description
The text color of the Upload.
+
$kendo-upload-bgnull
Description
The background color of the Upload.
+
$kendo-upload-bordernull
Description
The border color of the Upload.
+
$kendo-upload-dropzone-padding-xnull
Description
The horizontal padding of the Upload dropzone.
+
$kendo-upload-dropzone-padding-ynull
Description
The vertical padding of the Upload dropzone.
+
$kendo-upload-dropzone-textnull
Description
The text color of the Upload dropzone.
+
$kendo-upload-dropzone-bgnull
Description
The background color of the Upload dropzone.
+
$kendo-upload-dropzone-bordernull
Description
The border color of the Upload dropzone.
+
$kendo-upload-dropzone-hover-bgnull
Description
The background color of the hovered Upload dropzone.
+
$kendo-upload-status-textnull
Description
The text color of the Upload status message.
+
$kendo-upload-status-text-opacitynull
Description
The opacity of the Upload status message.
+
$kendo-upload-item-padding-xnull
Description
The horizontal padding of an uploaded item.
+
$kendo-upload-item-padding-ynull
Description
The vertical padding of an uploaded item.
+
$kendo-upload-multiple-items-spacingnull
Description
The vertical spacing between uploaded batch items.
$kendo-palette-sky-blue$kendo-upload-validation-font-size $_default-palette-sky-bluenull
Description
The Sky Blue Palette provides colors to the Tertiary variable group.
+
Description
The font size of the Upload validation message.
$kendo-palette-green$kendo-upload-validation-line-height $_default-palette-greennull
Description
The Green Palette provides colors to the Success variable group.
+
Description
The line height of the Upload validation message.
$kendo-palette-blue$kendo-upload-icon-spacing $_default-palette-bluenull
Description
The Blue Palette provides colors to the Info variable group.
+
Description
The horizontal spacing of the Upload status icon.
$kendo-palette-yellow$kendo-upload-icon-color $_default-palette-yellownull
Description
The Yellow Palette provides colors to the Warning variable group.
+
Description
The color of the uploaded items icon.
$kendo-palette-red$kendo-upload-progress-thickness $_default-palette-rednull
Description
The Red Palette provides colors to the Error variable group.
+
Description
The thickness of the Upload progress bar.
$kendo-palette-lemon-yellow$kendo-upload-progress-bg $_default-palette-lemon-yellownull
Description
The Lemon Yellow Palette provides colors to the Series B variable group.
+
Description
The background color of the Upload progress bar.
$kendo-palette-spring-green$kendo-upload-success-text $_default-palette-spring-greennull
Description
The Spring Green Palette provides colors to the Series C variable group.
+
Description
The success text color of the Upload.
$kendo-palette-royal-blue$kendo-upload-success-bg $_default-palette-royal-bluenull
Description
The Royal Blue Palette provides colors to the Series D variable group.
+
Description
The success background color of the Upload progress bar.
$kendo-palette-lavender-purple$kendo-upload-error-text $_default-palette-lavender-purplenull
Description
The Lavender Purple Palette provides colors to the Series E variable group.
+
Description
The error text color of the Upload.
$kendo-palette-flamingo-pink$kendo-upload-error-bg $_default-palette-flamingo-pinknull
Description
The Flamingo Pink Palette provides colors to the Series F variable group.
+
Description
The error background color of the Upload progress bar.
- -### Spacing - - - - - - - - - - - - - - - - - - + + - + -
NameTypeDefault valueComputed value
$kendo-spacing
$kendo-upload-focus-shadow $_default-spacingnull
Description
The global default Spacing map.
+
Description
The shadow of the focused Upload button, actions and uploaded items.
-### Typography +### Window @@ -1347,413 +30757,423 @@ The following table lists the available variables for customizing the Theme Util - - - - - - - - - - + - + - - + - + - - + - + - - + - + - - + - + - - + - + - - + - + - - + - + - - + - + - - + - + - - + - + - - + - + - - + - + - - + - + - - + - + - - + - + - - + - + - - + - + - - + - + - - + - + - - + - + - - + - + - - + - - + - + - - + - + - - + - + - - + - + - - + - + - - + - + - - + - + - - - + +
$kendo-font-size0.875rem
Description
The base font size across all components.
-
$kendo-font-size-xxs$kendo-window-border-width 0.5remnull
Description
The extra extra small font size across all components.
+
Description
The width of the border around the Window.
$kendo-font-size-xs$kendo-window-border-radius 0.625remnull
Description
The extra small font size across all components.
+
Description
The border radius of the Window.
$kendo-font-size-sm$kendo-window-font-family 0.75remnull
Description
The small font size across all components.
+
Description
The font family of the Window.
$kendo-font-size-md$kendo-window-font-size $kendo-font-sizenull
Description
The medium font size across all components.
+
Description
The font size of the Window.
$kendo-font-size-lg$kendo-window-line-height 1remnull
Description
The large font size across all components.
+
Description
The line height of the Window.
$kendo-font-size-xl$kendo-window-titlebar-padding-x 1.25remnull
Description
The extra large font size across all components.
+
Description
The horizontal padding of the Window titlebar.
$kendo-line-height$kendo-window-titlebar-padding-y math.div( 20, 14 )null
Description
The base line height across all components.
+
Description
The vertical padding of the Window titlebar.
$kendo-line-height-xs$kendo-window-titlebar-border-width 1null
Description
The extra small line height across all components.
+
Description
The width of the border of the Window titlebar.
$kendo-line-height-sm$kendo-window-titlebar-border-style 1.25null
Description
The small line height across all components.
+
Description
The style of the border of the Window titlebar.
$kendo-line-height-md$kendo-window-title-font-size $kendo-line-heightnull
Description
The medium line height across all components.
+
Description
The font size of the title of the Window.
$kendo-line-height-lg$kendo-window-title-line-height 1.5null
Description
The large line height across all components.
+
Description
The line height of the title of the Window.
$kendo-line-height-em$kendo-window-actions-gap calc( #{$kendo-line-height-md} * 1em )null
Description
The base line height in ems across all components.
+
Description
The spacing between the buttons in the Window titlebar.
$kendo-font-weight$kendo-window-action-opacity 400null
Description
The base font weight across all components.
+
Description
The opacity of the buttons in the Window titlebar.
$kendo-font-weight-thin$kendo-window-action-hover-opacity 100null
Description
The thin font weight across all components.
+
Description
The opacity of the hovered buttons in the Window titlebar.
$kendo-font-weight-extra-light$kendo-window-inner-padding-x 200null
Description
The extra light font weight across all components.
+
Description
The horizontal padding of the content of the Window.
$kendo-font-weight-light$kendo-window-inner-padding-y 300null
Description
The light font weight across all components.
+
Description
The vertical padding of the content of the Window.
$kendo-font-weight-normal$kendo-window-buttongroup-padding-x $kendo-font-weightnull
Description
The normal font weight across all components.
+
Description
The horizontal padding of the Window action buttons.
$kendo-font-weight-medium$kendo-window-buttongroup-padding-y 500null
Description
The medium font weight across all components.
+
Description
The vertical padding of the Window action buttons.
$kendo-font-weight-semibold$kendo-window-buttongroup-border-width 600null
Description
The semibold font weight across all components.
+
Description
The width of the top border of the Window action buttons.
$kendo-font-weight-bold$kendo-window-bg 700null
Description
The bold font weight across all components.
+
Description
The background color of the Window.
$kendo-font-weight-extra-bold$kendo-window-text 800null
Description
The extra bold font weight across all components.
+
Description
The text color of the Window.
$kendo-font-weight-black$kendo-window-border 900null
Description
The most pronounced font weight across all components.
+
Description
The border color of the Window.
$kendo-letter-spacing$kendo-window-shadow null
Description
The base letter spacing across all components.
+
Description
The box shadow of the Window.
$kendo-letter-spacing-tightest$kendo-window-focus-shadow -.15pxnull
Description
The tightest letter spacing across all components.
+
Description
The box shadow of the focused Window.
$kendo-letter-spacing-tighter$kendo-window-titlebar-bg -.10pxnull
Description
Slightly looser than the tighter letter spacing across all components.
+
Description
The background color of the Window titlebar.
$kendo-letter-spacing-tight$kendo-window-titlebar-text -.5pxnull
Description
Moderately tight letter spacing across all components.
+
Description
The text color of the Window titlebar.
$kendo-letter-spacing-normal$kendo-window-titlebar-border 0pxnull
Description
The normal letter spacing across all components.
+
Description
The border color of the Window titlebar.
$kendo-letter-spacing-wide$kendo-window-titlebar-gradient .5pxnull
Description
Wide letter spacing across all components.
+
Description
The background gradient of the Window titlebar.
$kendo-letter-spacing-wider$kendo-window-sizes .10pxnull
Description
Slightly wider than the wide letter spacing across all components.
+
Description
The map of the width for the different Window sizes.
$kendo-letter-spacing-widest$kendo-window-theme-colors .15pxnull
Description
The widest letter spacing across all components.
+
Description
The theme colors map for the Window.
$kendo-font-family-sans
+ +### Wizard + + + + + + + + + + + + + + + + + + - + - - + - + - - + - + - - + - + - - + - + - - + - + - - + - + - - + - + - - + - + - - + - + -
NameTypeDefault valueComputed value
$kendo-wizard-padding-x Arial, Verdana, Tahoma, "Trebuchet MS", Helvetica, Impact, Gill Sansnull
Description
The sans font family across all components.
+
Description
The horizontal padding of the Wizard.
$kendo-font-family-serif$kendo-wizard-padding-y "Times New Roman", Georgia, Garamond, Palatino, Baskervillenull
Description
The serif font family across all components.
+
Description
The vertical padding of the Wizard.
$kendo-font-family-sans-serif$kendo-wizard-content-padding-x system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"null
Description
The sans-serif font family across all components.
+
Description
The horizontal padding of the Wizard content.
$kendo-font-family-monospace$kendo-wizard-content-padding-y SFMono-Regular, Menlo, Monaco, Consolas, "Roboto Mono", "Ubuntu Mono", "Lucida Console", "Courier New", monospacenull
Description
The monospace font family across all components.
+
Description
The vertical padding of the Wizard content.
$kendo-font-family$kendo-wizard-buttons-margin-x inheritnull
Description
The base font family across all components.
+
Description
The horizontal margin of the Wizard's Button container.
$kendo-font-sizes$kendo-wizard-border-width map.merge( $_default-font-sizes, $kendo-font-sizes )null
Description
The font sizes map
+
Description
The border width of the Wizard.
$kendo-line-heights$kendo-wizard-font-size map.merge( $_default-line-heights, $kendo-line-heights )null
Description
The line heights map
+
Description
The font size of the Wizard.
$kendo-font-weights$kendo-wizard-line-height map.merge( $_default-font-weights, $kendo-font-weights )null
Description
The font weights map
+
Description
The line height of the Wizard.
$kendo-letter-spacings$kendo-wizard-font-family map.merge( $_default-letter-spacings, $kendo-letter-spacings )null
Description
The letter spacings map
+
Description
The font family of the Wizard.
$kendo-font-families$kendo-wizard-step-focus-border map.merge( $_default-font-families, $kendo-font-families )null
Description
The font families map
+
Description
The outline of the focused Wizard step.