@progress/kendo-theme-bootstrap 5.12.1-dev.2 → 5.12.1-dev.3

package/scss/filter/_variables.scss

@@ -1,13 +1,13 @@
 // Filter expression builder
-$filter-padding-x: $kendo-padding-md-x !default;
-$filter-padding-y: $kendo-padding-md-y !default;
+$kendo-filter-padding-x: $kendo-padding-md-x !default;
+$kendo-filter-padding-y: $kendo-padding-md-y !default;
 
-$filter-bottom-margin: 2.1em !default;
-$filter-line-size: 1px !default;
+$kendo-filter-bottom-margin: 2.1em !default;
+$kendo-filter-line-size: 1px !default;
 
-$filter-operator-dropdown-width: 15em !default;
+$kendo-filter-operator-dropdown-width: 15em !default;
 
-$filter-preview-field-text: $kendo-color-primary !default;
-$filter-preview-operator-text: $kendo-subtle-text !default;
+$kendo-filter-preview-field-text: $kendo-color-primary !default;
+$kendo-filter-preview-operator-text: $kendo-subtle-text !default;
 
-$filter-toolbar-focus-shadow: 0 0 0 .25rem rgba( $kendo-color-primary, .25 ) !default;
+$kendo-filter-toolbar-focus-shadow: 0 0 0 .25rem rgba( $kendo-color-primary, .25 ) !default;

package/scss/floating-label/_variables.scss

@@ -1,19 +1,19 @@
 // Floating label
-$floating-label-scale: 1 !default;
-$floating-label-font-size: $kendo-input-font-size !default;
-$floating-label-line-height: $kendo-input-line-height !default;
-$floating-label-height: calc( #{$floating-label-line-height} * #{$floating-label-font-size} ) !default;
-$floating-label-offset-x: calc( #{$kendo-input-padding-x} + #{$kendo-input-border-width} ) !default;
-$floating-label-offset-y: calc( #{$floating-label-height} + #{$kendo-input-border-width} + #{$kendo-input-padding-y} ) !default;
+$kendo-floating-label-scale: 1 !default;
+$kendo-floating-label-font-size: $kendo-input-font-size !default;
+$kendo-floating-label-line-height: $kendo-input-line-height !default;
+$kendo-floating-label-height: calc( #{$kendo-floating-label-line-height} * #{$kendo-floating-label-font-size} ) !default;
+$kendo-floating-label-offset-x: calc( #{$kendo-input-padding-x} + #{$kendo-input-border-width} ) !default;
+$kendo-floating-label-offset-y: calc( #{$kendo-floating-label-height} + #{$kendo-input-border-width} + #{$kendo-input-padding-y} ) !default;
 
-$floating-label-focus-scale: 1 !default;
-$floating-label-focus-offset-x: 0 !default;
-$floating-label-focus-offset-y: 0 !default;
+$kendo-floating-label-focus-scale: 1 !default;
+$kendo-floating-label-focus-offset-x: 0 !default;
+$kendo-floating-label-focus-offset-y: 0 !default;
 
-$floating-label-transition: .2s ease-out !default;
+$kendo-floating-label-transition: .2s ease-out !default;
 
-$floating-label-bg: null !default;
-$floating-label-text: null !default;
+$kendo-floating-label-bg: null !default;
+$kendo-floating-label-text: null !default;
 
-$floating-label-focus-bg: null !default;
-$floating-label-focus-text: null !default;
+$kendo-floating-label-focus-bg: null !default;
+$kendo-floating-label-focus-text: null !default;

package/scss/forms/_layout.scss

@@ -6,9 +6,9 @@
     .k-form,
     .k-form-inline {
         legend {
-            font-size: $font-size * 1.5;
+            font-size: $kendo-font-size-md * 1.5;
             font-weight: normal;
-            line-height: $line-height;
+            line-height: $kendo-line-height-md;
             text-transform: none;
         }
 

package/scss/forms/_variables.scss

@@ -7,11 +7,11 @@
 // Forms
 $kendo-form-spacer: $kendo-padding-md-x * 2 !default;
 
-$kendo-form-font-size: $font-size !default;
+$kendo-form-font-size: $kendo-font-size-md !default;
 $kendo-form-line-height: $input-btn-line-height !default;
 $kendo-form-line-height-em: calc( #{$kendo-form-line-height} * 1em ) !default;
-$kendo-form-line-height-sm: $line-height-sm !default;
-$kendo-form-line-height-lg: $line-height-lg !default;
+$kendo-form-sm-line-height: $kendo-line-height-sm !default;
+$kendo-form-lg-line-height: $kendo-line-height-lg !default;
 
 $kendo-form-fieldset-margin: 2rem 0 0 !default;
 $kendo-form-fieldset-padding: 0px !default;
@@ -22,22 +22,22 @@ $kendo-form-legend-border-width: 0 0 2px !default;
 $kendo-form-legend-border-style: solid !default;
 $kendo-form-legend-border-color: $kendo-component-border !default;
 $kendo-form-legend-width: 100% !default;
-$kendo-form-legend-font-size: $font-size-sm !default;
+$kendo-form-legend-font-size: $kendo-font-size-sm !default;
 $kendo-form-legend-text-transform: uppercase !default;
 
 $kendo-form-label-margin-bottom: k-map-get( $kendo-spacing, 2 ) !default;
 
 $kendo-form-button-margin-x: 8px !default;
 
-$kendo-form-hint-font-size: $font-size-xs !default;
+$kendo-form-hint-font-size: $kendo-font-size-xs !default;
 $kendo-form-hint-font-style: normal !default;
 $kendo-form-hint-margin-top: 4px !default;
 
-$kendo-form-rows-spacing-sm: k-map-get( $kendo-spacing, 4 ) !default;
-$kendo-form-rows-spacing-md: $kendo-form-rows-spacing-sm !default;
-$kendo-form-rows-spacing-lg: $kendo-form-rows-spacing-sm !default;
+$kendo-form-sm-rows-spacing: k-map-get( $kendo-spacing, 4 ) !default;
+$kendo-form-md-rows-spacing: $kendo-form-sm-rows-spacing !default;
+$kendo-form-lg-rows-spacing: $kendo-form-sm-rows-spacing !default;
 
-$kendo-form-separator-margin: $kendo-form-rows-spacing-md 0 0 !default;
+$kendo-form-separator-margin: $kendo-form-md-rows-spacing 0 0 !default;
 $kendo-form-separator-border-color: $kendo-form-legend-border-color !default;
 
 $kendo-horizontal-form-label-padding-top: 5px !default;
@@ -54,13 +54,13 @@ $kendo-forms-invalid-color: $kendo-color-error !default;
 
 // Label
 $kendo-label-optional-margin-x: 6px !default;
-$kendo-label-optional-font-size: $font-size-xs !default;
+$kendo-label-optional-font-size: $kendo-font-size-xs !default;
 $kendo-label-optional-font-style: italic !default;
 
 
 // Fieldset
 $kendo-fieldset-margin: 30px !default;
-$kendo-fieldset-font-size: $h4-font-size !default;
+$kendo-fieldset-font-size: $kendo-h4-font-size !default;
 
 $kendo-fieldset-bg: null !default;
 $kendo-fieldset-text: null !default;
@@ -73,12 +73,12 @@ $kendo-fieldset-legend-border: null !default;
 // Sizes
 $kendo-form-sizes: (
     sm: (
-        form-rows-spacing: $kendo-form-rows-spacing-sm
+        form-rows-spacing: $kendo-form-sm-rows-spacing
     ),
     md: (
-        form-rows-spacing: $kendo-form-rows-spacing-md
+        form-rows-spacing: $kendo-form-md-rows-spacing
     ),
     lg: (
-        form-rows-spacing: $kendo-form-rows-spacing-lg
+        form-rows-spacing: $kendo-form-lg-rows-spacing
     )
 ) !default;

package/scss/gantt/_variables.scss

@@ -1,93 +1,93 @@
 // Gantt
-$gantt-border-width: 1px !default;
-$gantt-font-family: $font-family !default;
-$gantt-font-size: $font-size !default;
-$gantt-line-height: $line-height !default;
-
-$gantt-bg: $kendo-component-bg !default;
-$gantt-text: $kendo-component-text !default;
-$gantt-border: $kendo-component-border !default;
-
-$gantt-treelist-bg: null !default;
-$gantt-treelist-text: null !default;
-$gantt-treelist-border: null !default;
-
-$gantt-nonwork-bg: rgba( k-contrast-color( $gantt-bg ), .025 ) !default;
-$gantt-nonwork-text: null !default;
-$gantt-nonwork-border: null !default;
-
-$gantt-line-size: 2px !default;
-$gantt-line-fill: k-color-mix( $gantt-text, $gantt-bg ) !default;
-$gantt-line-selected-fill: $kendo-selected-bg !default;
-
-$gantt-dot-size: 8px !default;
-$gantt-dot-spacing: 4px !default;
-$gantt-dot-bg: $gantt-text !default;
-$gantt-dot-border: null !default;
-$gantt-dot-hover-bg: $gantt-bg !default;
-$gantt-dot-hover-border: $gantt-text !default;
-
-$gantt-milestone-bg: if( k-is-light( $gantt-bg ), $gray-300, $gray-700 ) !default;
-$gantt-milestone-border: k-try-shade( $gantt-milestone-bg, 2 ) !default;
-$gantt-milestone-selected-bg: $kendo-selected-bg !default;
-$gantt-milestone-selected-border: $kendo-selected-border !default;
-
-$gantt-summary-bg: k-color-mix( $gantt-text, $gantt-bg ) !default;
-$gantt-summary-progress-bg: $gantt-text !default;
-$gantt-summary-selected-bg: k-color-mix( $kendo-selected-bg, $gantt-bg ) !default;
-$gantt-summary-progress-selected-bg: $kendo-selected-bg !default;
-
-$gantt-task-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
-$gantt-task-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
-$gantt-task-border-width: 1px !default;
-$gantt-task-bg: if( k-is-light( $gantt-bg ), $gray-300, $gray-700 ) !default;
-$gantt-task-text: k-contrast-color( $gantt-task-bg ) !default;
-$gantt-task-border: if( k-is-light( $gantt-bg ), $gray-400, $gray-600 ) !default;
-$gantt-task-progress-bg: if( k-is-light( $gantt-bg ), $gray-400, $gray-600 ) !default;
-$gantt-task-selected-bg: k-color-mix( $kendo-selected-bg, $gantt-bg ) !default;
-$gantt-task-selected-text: $kendo-selected-text !default;
-$gantt-task-selected-border: $kendo-selected-bg !default;
-$gantt-task-progress-selected-bg: $kendo-selected-bg !default;
-
-$gantt-planned-margin-y: .35em !default;
-$gantt-planned-border-width: 2px !default;
-$gantt-planned-line-height: .75em !default;
-
-$gantt-planned-dependency-margin-y: .6em !default;
-
-$gantt-planned-moment-width: 6px !default;
-$gantt-planned-moment-height: $gantt-planned-moment-width !default;
-$gantt-planned-moment-border-radius: calc( ( #{$gantt-planned-border-width * 2} + #{$gantt-planned-moment-width} ) / 2 ) !default;
-$gantt-planned-moment-left-margin-x: calc( #{k-math-div( $gantt-planned-border-width, 2 )} - #{$gantt-planned-moment-border-radius} ) !default;
-$gantt-planned-milestone-moment-margin-x: $gantt-planned-moment-width !default;
-
-$gantt-planned-duration-height: $gantt-planned-border-width !default;
-$gantt-planned-duration-hover-height: calc( #{$gantt-planned-border-width} + 1px ) !default;
-
-$gantt-planned-single-drag-hint-top: .35em !default;
-$gantt-planned-summary-drag-hint-top: 1em !default;
-$gantt-planned-milestone-drag-hint-top: .85em !default;
-
-$gantt-rtl-milestone-wrap-margin-x: -2.3em !default;
-$gantt-rtl-milestone-planned-moment-margin-x: .2em !default;
-$gantt-rtl-milestone-dot-start-margin-x: -.1em !default;
-
-$gantt-planned-offset-resize-handler-margin-x: 1.2em !default;
-
-$gantt-planned-bg: $kendo-color-primary !default;
-$gantt-planned-border: $gantt-planned-bg !default;
-
-$gantt-delayed-bg: $kendo-color-error !default;
-$gantt-delayed-bg-lighter: k-color-tint( $gantt-delayed-bg, 5 ) !default;
-
-$gantt-advanced-bg: $kendo-color-success !default;
-$gantt-advanced-bg-lighter: k-color-tint( $gantt-advanced-bg, 5 ) !default;
-
-$gantt-action-on-offset-text: #000000 !default;
-$gantt-offset-resize-handler-top: 45% !default;
-
-$gantt-validation-tooltip-width: 200px !default;
-$gantt-validation-tooltip-label-width: 50px !default;
-$gantt-validation-tooltip-border: #656565 !default;
-$gantt-validation-tooltip-valid-border: $kendo-color-success !default;
-$gantt-validation-tooltip-invalid-border: $kendo-color-error !default;
+$kendo-gantt-border-width: 1px !default;
+$kendo-gantt-font-family: $kendo-font-family !default;
+$kendo-gantt-font-size: $kendo-font-size-md !default;
+$kendo-gantt-line-height: $kendo-line-height-md !default;
+
+$kendo-gantt-bg: $kendo-component-bg !default;
+$kendo-gantt-text: $kendo-component-text !default;
+$kendo-gantt-border: $kendo-component-border !default;
+
+$kendo-gantt-treelist-bg: null !default;
+$kendo-gantt-treelist-text: null !default;
+$kendo-gantt-treelist-border: null !default;
+
+$kendo-gantt-nonwork-bg: rgba( k-contrast-color( $kendo-gantt-bg ), .025 ) !default;
+$kendo-gantt-nonwork-text: null !default;
+$kendo-gantt-nonwork-border: null !default;
+
+$kendo-gantt-line-size: 2px !default;
+$kendo-gantt-line-fill: k-color-mix( $kendo-gantt-text, $kendo-gantt-bg ) !default;
+$kendo-gantt-line-selected-fill: $kendo-selected-bg !default;
+
+$kendo-gantt-dot-size: 8px !default;
+$kendo-gantt-dot-spacing: 4px !default;
+$kendo-gantt-dot-bg: $kendo-gantt-text !default;
+$kendo-gantt-dot-border: null !default;
+$kendo-gantt-dot-hover-bg: $kendo-gantt-bg !default;
+$kendo-gantt-dot-hover-border: $kendo-gantt-text !default;
+
+$kendo-gantt-milestone-bg: if( k-is-light( $kendo-gantt-bg ), $gray-300, $gray-700 ) !default;
+$kendo-gantt-milestone-border: k-try-shade( $kendo-gantt-milestone-bg, 2 ) !default;
+$kendo-gantt-milestone-selected-bg: $kendo-selected-bg !default;
+$kendo-gantt-milestone-selected-border: $kendo-selected-border !default;
+
+$kendo-gantt-summary-bg: k-color-mix( $kendo-gantt-text, $kendo-gantt-bg ) !default;
+$kendo-gantt-summary-progress-bg: $kendo-gantt-text !default;
+$kendo-gantt-summary-selected-bg: k-color-mix( $kendo-selected-bg, $kendo-gantt-bg ) !default;
+$kendo-gantt-summary-progress-selected-bg: $kendo-selected-bg !default;
+
+$kendo-gantt-task-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-gantt-task-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
+$kendo-gantt-task-border-width: 1px !default;
+$kendo-gantt-task-bg: if( k-is-light( $kendo-gantt-bg ), $gray-300, $gray-700 ) !default;
+$kendo-gantt-task-text: k-contrast-color( $kendo-gantt-task-bg ) !default;
+$kendo-gantt-task-border: if( k-is-light( $kendo-gantt-bg ), $gray-400, $gray-600 ) !default;
+$kendo-gantt-task-progress-bg: if( k-is-light( $kendo-gantt-bg ), $gray-400, $gray-600 ) !default;
+$kendo-gantt-task-selected-bg: k-color-mix( $kendo-selected-bg, $kendo-gantt-bg ) !default;
+$kendo-gantt-task-selected-text: $kendo-selected-text !default;
+$kendo-gantt-task-selected-border: $kendo-selected-bg !default;
+$kendo-gantt-task-progress-selected-bg: $kendo-selected-bg !default;
+
+$kendo-gantt-planned-margin-y: .35em !default;
+$kendo-gantt-planned-border-width: 2px !default;
+$kendo-gantt-planned-line-height: .75em !default;
+
+$kendo-gantt-planned-dependency-margin-y: .6em !default;
+
+$kendo-gantt-planned-moment-width: 6px !default;
+$kendo-gantt-planned-moment-height: $kendo-gantt-planned-moment-width !default;
+$kendo-gantt-planned-moment-border-radius: calc( ( #{$kendo-gantt-planned-border-width * 2} + #{$kendo-gantt-planned-moment-width} ) / 2 ) !default;
+$kendo-gantt-planned-moment-left-margin-x: calc( #{k-math-div( $kendo-gantt-planned-border-width, 2 )} - #{$kendo-gantt-planned-moment-border-radius} ) !default;
+$kendo-gantt-planned-milestone-moment-margin-x: $kendo-gantt-planned-moment-width !default;
+
+$kendo-gantt-planned-duration-height: $kendo-gantt-planned-border-width !default;
+$kendo-gantt-planned-duration-hover-height: calc( #{$kendo-gantt-planned-border-width} + 1px ) !default;
+
+$kendo-gantt-planned-single-drag-hint-top: .35em !default;
+$kendo-gantt-planned-summary-drag-hint-top: 1em !default;
+$kendo-gantt-planned-milestone-drag-hint-top: .85em !default;
+
+$kendo-gantt-rtl-milestone-wrap-margin-x: -2.3em !default;
+$kendo-gantt-rtl-milestone-planned-moment-margin-x: .2em !default;
+$kendo-gantt-rtl-milestone-dot-start-margin-x: -.1em !default;
+
+$kendo-gantt-planned-offset-resize-handler-margin-x: 1.2em !default;
+
+$kendo-gantt-planned-bg: $kendo-color-primary !default;
+$kendo-gantt-planned-border: $kendo-gantt-planned-bg !default;
+
+$kendo-gantt-delayed-bg: $kendo-color-error !default;
+$kendo-gantt-delayed-bg-lighter: k-color-tint( $kendo-gantt-delayed-bg, 5 ) !default;
+
+$kendo-gantt-advanced-bg: $kendo-color-success !default;
+$kendo-gantt-advanced-bg-lighter: k-color-tint( $kendo-gantt-advanced-bg, 5 ) !default;
+
+$kendo-gantt-action-on-offset-text: #000000 !default;
+$kendo-gantt-offset-resize-handler-top: 45% !default;
+
+$kendo-gantt-validation-tooltip-width: 200px !default;
+$kendo-gantt-validation-tooltip-label-width: 50px !default;
+$kendo-gantt-validation-tooltip-border: #656565 !default;
+$kendo-gantt-validation-tooltip-valid-border: $kendo-color-success !default;
+$kendo-gantt-validation-tooltip-invalid-border: $kendo-color-error !default;

package/scss/grid/_theme.scss

@@ -369,9 +369,9 @@
         .k-menu:not(.k-context-menu) {
 
             @include fill(
-                $popup-text,
-                $popup-bg,
-                $popup-border
+                $kendo-popup-text,
+                $kendo-popup-bg,
+                $kendo-popup-border
             );
 
             .k-item {
@@ -412,7 +412,7 @@
     }
 
     .k-check-all-wrap {
-        @include fill( $border: $popup-border );
+        @include fill( $border: $kendo-popup-border );
     }
 
     .k-grid-norecords-template {

package/scss/grid/_variables.scss

@@ -1,15 +1,15 @@
 // Grid
 $kendo-grid-border-width: 1px !default;
-$kendo-grid-font-family: $font-family !default;
-$kendo-grid-font-size: $font-size !default;
-$kendo-grid-line-height: $line-height !default;
+$kendo-grid-font-family: $kendo-font-family !default;
+$kendo-grid-font-size: $kendo-font-size-md !default;
+$kendo-grid-line-height: $kendo-line-height-md !default;
 
 /// Horizontal padding of the grid.
 /// @group grid
-$kendo-grid-padding-x: $kendo-table-cell-padding-x-md !default;
+$kendo-grid-padding-x: $kendo-table-md-cell-padding-x !default;
 /// Vertical padding of the grid.
 /// @group grid
-$kendo-grid-padding-y: $kendo-table-cell-padding-y-md !default;
+$kendo-grid-padding-y: $kendo-table-md-cell-padding-y !default;
 
 /// Horizontal padding of the grid header.
 /// @group grid
@@ -47,71 +47,71 @@ $kendo-grid-edit-cell-padding-x: $kendo-grid-cell-padding-x !default;
 /// @group grid
 $kendo-grid-edit-cell-padding-y: 5px !default;
 
-$kendo-grid-group-dropclue-size: 6px !default;
-$kendo-grid-group-dropclue-line-size: k-math-div( $kendo-grid-group-dropclue-size, 3) !default;
-$kendo-grid-group-dropclue-height: calc( #{$kendo-chip-calc-size} + #{$kendo-grid-group-dropclue-size}) !default;
-$kendo-grid-group-dropclue-top: 3px !default;
-
-$kendo-grid-padding-x-sm: k-map-get( $kendo-spacing, 1 ) !default;
-$kendo-grid-padding-y-sm: k-map-get( $kendo-spacing, 1 ) !default;
-$kendo-grid-header-padding-x-sm: $kendo-grid-padding-x-sm !default;
-$kendo-grid-header-padding-y-sm: $kendo-grid-padding-y-sm !default;
-$kendo-grid-grouping-header-padding-x-sm: $kendo-grid-padding-x !default;
-$kendo-grid-grouping-header-padding-y-sm: $kendo-grid-padding-y-sm !default;
-$kendo-grid-cell-padding-x-sm: $kendo-grid-padding-x-sm !default;
-$kendo-grid-cell-padding-y-sm: $kendo-grid-padding-y-sm !default;
-$kendo-grid-filter-cell-padding-x-sm: k-map-get( $kendo-spacing, 1.5 ) !default;
-$kendo-grid-filter-cell-padding-y-sm: $kendo-grid-filter-cell-padding-x-sm !default;
-$kendo-grid-edit-cell-padding-x-sm: k-map-get( $kendo-spacing, 1 ) !default;
-$kendo-grid-edit-cell-padding-y-sm: k-map-get( $kendo-spacing, 1 ) !default;
-$kendo-grid-group-dropclue-height-sm: calc( #{$kendo-chip-calc-size-sm} + #{$kendo-grid-group-dropclue-size}) !default;
-
-$kendo-grid-padding-x-md: $kendo-grid-padding-x !default;
-$kendo-grid-padding-y-md: $kendo-grid-padding-y !default;
-$kendo-grid-header-padding-x-md: $kendo-grid-header-padding-x !default;
-$kendo-grid-header-padding-y-md: $kendo-grid-header-padding-y !default;
-$kendo-grid-grouping-header-padding-x-md: $kendo-grid-grouping-header-padding-x !default;
-$kendo-grid-grouping-header-padding-y-md: $kendo-grid-grouping-header-padding-y !default;
-$kendo-grid-cell-padding-x-md: $kendo-grid-cell-padding-x !default;
-$kendo-grid-cell-padding-y-md: $kendo-grid-cell-padding-y !default;
-$kendo-grid-filter-cell-padding-x-md: $kendo-grid-filter-cell-padding-x !default;
-$kendo-grid-filter-cell-padding-y-md: $kendo-grid-filter-cell-padding-y !default;
-$kendo-grid-edit-cell-padding-x-md: $kendo-grid-edit-cell-padding-x !default;
-$kendo-grid-edit-cell-padding-y-md: $kendo-grid-edit-cell-padding-y !default;
-$kendo-grid-group-dropclue-height-md: $kendo-grid-group-dropclue-height !default;
+$kendo-grid-group-drop-hint-size: 6px !default;
+$kendo-grid-group-drop-hint-line-size: k-math-div( $kendo-grid-group-drop-hint-size, 3) !default;
+$kendo-grid-group-drop-hint-height: calc( #{$kendo-chip-calc-size} + #{$kendo-grid-group-drop-hint-size}) !default;
+$kendo-grid-group-drop-hint-top: 3px !default;
+
+$kendo-grid-sm-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
+$kendo-grid-sm-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
+$kendo-grid-sm-header-padding-x: $kendo-grid-sm-padding-x !default;
+$kendo-grid-sm-header-padding-y: $kendo-grid-sm-padding-y !default;
+$kendo-grid-sm-grouping-header-padding-x: $kendo-grid-padding-x !default;
+$kendo-grid-sm-grouping-header-padding-y: $kendo-grid-sm-padding-y !default;
+$kendo-grid-sm-cell-padding-x: $kendo-grid-sm-padding-x !default;
+$kendo-grid-sm-cell-padding-y: $kendo-grid-sm-padding-y !default;
+$kendo-grid-sm-filter-cell-padding-x: k-map-get( $kendo-spacing, 1.5 ) !default;
+$kendo-grid-sm-filter-cell-padding-y: $kendo-grid-sm-filter-cell-padding-x !default;
+$kendo-grid-sm-edit-cell-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
+$kendo-grid-sm-edit-cell-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
+$kendo-grid-sm-group-dropclue-height: calc( #{$kendo-chip-sm-calc-size} + #{$kendo-grid-group-drop-hint-size}) !default;
+
+$kendo-grid-md-padding-x: $kendo-grid-padding-x !default;
+$kendo-grid-md-padding-y: $kendo-grid-padding-y !default;
+$kendo-grid-md-header-padding-x: $kendo-grid-header-padding-x !default;
+$kendo-grid-md-header-padding-y: $kendo-grid-header-padding-y !default;
+$kendo-grid-md-grouping-header-padding-x: $kendo-grid-grouping-header-padding-x !default;
+$kendo-grid-md-grouping-header-padding-y: $kendo-grid-grouping-header-padding-y !default;
+$kendo-grid-md-cell-padding-x: $kendo-grid-cell-padding-x !default;
+$kendo-grid-md-cell-padding-y: $kendo-grid-cell-padding-y !default;
+$kendo-grid-md-filter-cell-padding-x: $kendo-grid-filter-cell-padding-x !default;
+$kendo-grid-md-filter-cell-padding-y: $kendo-grid-filter-cell-padding-y !default;
+$kendo-grid-md-edit-cell-padding-x: $kendo-grid-edit-cell-padding-x !default;
+$kendo-grid-md-edit-cell-padding-y: $kendo-grid-edit-cell-padding-y !default;
+$kendo-grid-md-group-dropclue-height: $kendo-grid-group-drop-hint-height !default;
 
 
 // Kendo Grid sizes
 $kendo-grid-sizes: (
     sm: (
-        header-padding-x: $kendo-grid-header-padding-x-sm,
-        header-padding-y: $kendo-grid-header-padding-y-sm,
-        grouping-header-padding-x: $kendo-grid-grouping-header-padding-x-sm,
-        grouping-header-padding-y: $kendo-grid-grouping-header-padding-y-sm,
-        cell-padding-x: $kendo-grid-cell-padding-x-sm,
-        cell-padding-y: $kendo-grid-cell-padding-y-sm,
-        filter-cell-padding-x: $kendo-grid-filter-cell-padding-x-sm,
-        filter-cell-padding-y: $kendo-grid-filter-cell-padding-y-sm,
-        edit-cell-padding-x: $kendo-grid-edit-cell-padding-x-sm,
-        edit-cell-padding-y: $kendo-grid-edit-cell-padding-y-sm,
-        button-padding-y: $kendo-button-padding-y-sm,
-        button-calc-size: $kendo-button-calc-size-sm,
-        group-dropclue-height: $kendo-grid-group-dropclue-height-sm
+        header-padding-x: $kendo-grid-sm-header-padding-x,
+        header-padding-y: $kendo-grid-sm-header-padding-y,
+        grouping-header-padding-x: $kendo-grid-sm-grouping-header-padding-x,
+        grouping-header-padding-y: $kendo-grid-sm-grouping-header-padding-y,
+        cell-padding-x: $kendo-grid-sm-cell-padding-x,
+        cell-padding-y: $kendo-grid-sm-cell-padding-y,
+        filter-cell-padding-x: $kendo-grid-sm-filter-cell-padding-x,
+        filter-cell-padding-y: $kendo-grid-sm-filter-cell-padding-y,
+        edit-cell-padding-x: $kendo-grid-sm-edit-cell-padding-x,
+        edit-cell-padding-y: $kendo-grid-sm-edit-cell-padding-y,
+        button-padding-y: $kendo-button-sm-padding-y,
+        button-calc-size: $kendo-button-sm-calc-size,
+        group-dropclue-height: $kendo-grid-sm-group-dropclue-height
     ),
     md: (
-        header-padding-x: $kendo-grid-header-padding-x-md,
-        header-padding-y: $kendo-grid-header-padding-y-md,
-        grouping-header-padding-x: $kendo-grid-grouping-header-padding-x-md,
-        grouping-header-padding-y: $kendo-grid-grouping-header-padding-y-md,
-        cell-padding-x: $kendo-grid-cell-padding-x-md,
-        cell-padding-y: $kendo-grid-cell-padding-y-md,
-        filter-cell-padding-x: $kendo-grid-filter-cell-padding-x-md,
-        filter-cell-padding-y: $kendo-grid-filter-cell-padding-y-md,
-        edit-cell-padding-x: $kendo-grid-edit-cell-padding-x-md,
-        edit-cell-padding-y: $kendo-grid-edit-cell-padding-y-md,
-        button-padding-y: $kendo-button-padding-y-md,
-        button-calc-size: $kendo-button-calc-size-md,
-        group-dropclue-height: $kendo-grid-group-dropclue-height-md
+        header-padding-x: $kendo-grid-md-header-padding-x,
+        header-padding-y: $kendo-grid-md-header-padding-y,
+        grouping-header-padding-x: $kendo-grid-md-grouping-header-padding-x,
+        grouping-header-padding-y: $kendo-grid-md-grouping-header-padding-y,
+        cell-padding-x: $kendo-grid-md-cell-padding-x,
+        cell-padding-y: $kendo-grid-md-cell-padding-y,
+        filter-cell-padding-x: $kendo-grid-md-filter-cell-padding-x,
+        filter-cell-padding-y: $kendo-grid-md-filter-cell-padding-y,
+        edit-cell-padding-x: $kendo-grid-md-edit-cell-padding-x,
+        edit-cell-padding-y: $kendo-grid-md-edit-cell-padding-y,
+        button-padding-y: $kendo-button-md-padding-y,
+        button-calc-size: $kendo-button-md-calc-size,
+        group-dropclue-height: $kendo-grid-md-group-dropclue-height
     ),
 ) !default;
 
@@ -207,7 +207,7 @@ $kendo-grid-focus-shadow: $kendo-table-focus-shadow !default;
 
 $kendo-grid-command-cell-button-spacing: k-map-get( $kendo-spacing, 2 ) !default;
 // be cautious when changing the next line; see https://github.com/MoOx/reduce-css-calc/issues/38
-$kendo-grid-command-cell-padding-y: calc( #{$kendo-grid-cell-padding-y} - (#{$kendo-button-calc-size} - #{$line-height-em}) / 2 ) !default;
+$kendo-grid-command-cell-padding-y: calc( #{$kendo-grid-cell-padding-y} - (#{$kendo-button-calc-size} - #{$kendo-line-height-em}) / 2 ) !default;
 
 $kendo-grid-sticky-bg: $kendo-grid-bg !default;
 $kendo-grid-sticky-text: $kendo-grid-text !default;
@@ -241,27 +241,27 @@ $kendo-grid-column-menu-popup-padding-y: null !default;
 $kendo-grid-column-menu-item-padding-x: $kendo-menu-popup-item-padding-x !default;
 $kendo-grid-column-menu-item-padding-y: $kendo-menu-popup-item-padding-y !default;
 
-$kendo-grid-column-menu-list-item-padding-x: $kendo-list-item-padding-x-md !default;
-$kendo-grid-column-menu-list-item-padding-y: $kendo-list-item-padding-y-md !default;
+$kendo-grid-column-menu-list-item-padding-x: $kendo-list-md-item-padding-x !default;
+$kendo-grid-column-menu-list-item-padding-y: $kendo-list-md-item-padding-y !default;
 
 $kendo-grid-column-menu-items-wrap-padding-x: 0 !default;
 $kendo-grid-column-menu-items-wrap-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
 
-$kendo-grid-column-menu-group-header-padding-x: $kendo-menu-popup-item-padding-x-md !default;
-$kendo-grid-column-menu-group-header-padding-y: $kendo-menu-popup-item-padding-y-md !default;
+$kendo-grid-column-menu-group-header-padding-x: $kendo-menu-popup-md-item-padding-x !default;
+$kendo-grid-column-menu-group-header-padding-y: $kendo-menu-popup-md-item-padding-y !default;
 
-$kendo-grid-column-menu-group-header-font-size: $font-size-sm !default;
-$kendo-grid-column-menu-group-header-line-height: $line-height !default;
+$kendo-grid-column-menu-group-header-font-size: $kendo-font-size-sm !default;
+$kendo-grid-column-menu-group-header-line-height: $kendo-line-height-md !default;
 $kendo-grid-column-menu-group-header-text-transform: uppercase !default;
 $kendo-grid-column-menu-group-header-border-bottom-width: 1px !default;
 
 $kendo-grid-column-menu-group-header-bg: null !default;
-$kendo-grid-column-menu-group-header-text: $popup-text !default;
-$kendo-grid-column-menu-group-header-border: $popup-border !default;
+$kendo-grid-column-menu-group-header-text: $kendo-popup-text !default;
+$kendo-grid-column-menu-group-header-border: $kendo-popup-border !default;
 
 $kendo-grid-drag-cell-width: ($kendo-icon-size * 3) !default;
 
-$kendo-grid-row-inner-height: calc( #{$line-height-em} + #{$kendo-grid-cell-padding-y * 2} ) !default;
+$kendo-grid-row-inner-height: calc( #{$kendo-line-height-em} + #{$kendo-grid-cell-padding-y * 2} ) !default;
 
 $kendo-grid-hierarchy-col-width: ($kendo-icon-size * 2) !default;
 

package/scss/imageeditor/_variables.scss

@@ -1,42 +1,42 @@
 // Imageeditor
-$imageeditor-margin-y: null !default;
-$imageeditor-margin-x: null !default;
-$imageeditor-padding-y: null !default;
-$imageeditor-padding-x: null !default;
+$kendo-image-editor-margin-y: null !default;
+$kendo-image-editor-margin-x: null !default;
+$kendo-image-editor-padding-y: null !default;
+$kendo-image-editor-padding-x: null !default;
 
-$imageeditor-border-width: 1px !default;
-$imageeditor-font-size: $font-size !default;
-$imageeditor-line-height: $line-height !default;
-$imageeditor-font-family: $font-family !default;
+$kendo-image-editor-border-width: 1px !default;
+$kendo-image-editor-font-size: $kendo-font-size-md !default;
+$kendo-image-editor-line-height: $kendo-line-height-md !default;
+$kendo-image-editor-font-family: $kendo-font-family !default;
 
-$imageeditor-content-border-width: 1px !default;
+$kendo-image-editor-content-border-width: 1px !default;
 
-$imageeditor-action-pane-padding-y: k-map-get( $kendo-spacing, 8 ) !default;
-$imageeditor-action-pane-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
-$imageeditor-action-pane-width: if( $imageeditor-content-border-width == null, 240px, calc( 240px + #{$imageeditor-content-border-width} ) ) !default;
+$kendo-image-editor-action-pane-padding-y: k-map-get( $kendo-spacing, 8 ) !default;
+$kendo-image-editor-action-pane-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
+$kendo-image-editor-action-pane-width: if( $kendo-image-editor-content-border-width == null, 240px, calc( 240px + #{$kendo-image-editor-content-border-width} ) ) !default;
 
-$imageeditor-crop-border-width: 1px !default;
-$imageeditor-crop-border-style: dashed !default;
+$kendo-image-editor-crop-border-width: 1px !default;
+$kendo-image-editor-crop-border-style: dashed !default;
 
-$imageeditor-resize-handle-margin-x: 1px !default;
-$imageeditor-resize-handle-margin-y: 1px !default;
-$imageeditor-resize-handle-border-width: 0 2px 2px 0 !default;
-$imageeditor-resize-handle-size: 15px !default;
+$kendo-image-editor-resize-handle-margin-x: 1px !default;
+$kendo-image-editor-resize-handle-margin-y: 1px !default;
+$kendo-image-editor-resize-handle-border-width: 0 2px 2px 0 !default;
+$kendo-image-editor-resize-handle-size: 15px !default;
 
-$imageeditor-bg: $kendo-component-bg !default;
-$imageeditor-text: $kendo-component-text !default;
-$imageeditor-border: $kendo-component-border !default;
+$kendo-image-editor-bg: $kendo-component-bg !default;
+$kendo-image-editor-text: $kendo-component-text !default;
+$kendo-image-editor-border: $kendo-component-border !default;
 
-$imageeditor-content-bg: #c6c6c6 !default;
-$imageeditor-content-text: null !default;
-$imageeditor-content-border: null !default;
+$kendo-image-editor-content-bg: #c6c6c6 !default;
+$kendo-image-editor-content-text: null !default;
+$kendo-image-editor-content-border: null !default;
 
-$imageeditor-action-pane-bg: $kendo-component-bg !default;
-$imageeditor-action-pane-text: null !default;
-$imageeditor-action-pane-border: null !default;
+$kendo-image-editor-action-pane-bg: $kendo-component-bg !default;
+$kendo-image-editor-action-pane-text: null !default;
+$kendo-image-editor-action-pane-border: null !default;
 
-$imageeditor-crop-bg: null !default;
-$imageeditor-crop-text: null !default;
-$imageeditor-crop-border: white !default;
+$kendo-image-editor-crop-bg: null !default;
+$kendo-image-editor-crop-text: null !default;
+$kendo-image-editor-crop-border: white !default;
 
-$imageeditor-crop-overlay-bg: rgba( black, .3 ) !default;
+$kendo-image-editor-crop-overlay-bg: rgba( black, .3 ) !default;