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

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;

package/scss/input/_variables.scss

@@ -20,56 +20,56 @@ $kendo-input-padding-x: $input-padding-x !default;
 $kendo-input-padding-y: $input-padding-y !default;
 /// Font family of input components.
 /// @group input
-$kendo-input-font-family: $font-family !default;
+$kendo-input-font-family: $kendo-font-family !default;
 /// Font size of input components.
 /// @group input
-$kendo-input-font-size: $font-size !default;
+$kendo-input-font-size: $kendo-font-size-md !default;
 /// Line height of input components.
 /// @group input
 $kendo-input-line-height: $input-line-height !default;
 
-$kendo-input-padding-x-sm: $input-padding-x-sm !default;
-$kendo-input-padding-y-sm: $input-padding-y-sm !default;
-$kendo-input-font-size-sm: $font-size-sm !default;
-$kendo-input-line-height-sm: k-math-div( 20, 14 ) !default;
+$kendo-input-sm-padding-x: $input-padding-x-sm !default;
+$kendo-input-sm-padding-y: $input-padding-y-sm !default;
+$kendo-input-sm-font-size: $kendo-font-size-sm !default;
+$kendo-input-sm-line-height: k-math-div( 20, 14 ) !default;
 
-$kendo-input-padding-x-md: $input-padding-x !default;
-$kendo-input-padding-y-md: $input-padding-y !default;
-$kendo-input-font-size-md: $font-size-md !default;
-$kendo-input-line-height-md: $line-height-md !default;
+$kendo-input-md-padding-x: $input-padding-x !default;
+$kendo-input-md-padding-y: $input-padding-y !default;
+$kendo-input-md-font-size: $kendo-font-size-md !default;
+$kendo-input-md-line-height: $kendo-line-height-md !default;
 
-$kendo-input-padding-x-lg: $input-padding-x-lg !default;
-$kendo-input-padding-y-lg: $input-padding-y-lg !default;
-$kendo-input-font-size-lg: $font-size-md !default;
-$kendo-input-line-height-lg: $line-height-md !default;
+$kendo-input-lg-padding-x: $input-padding-x-lg !default;
+$kendo-input-lg-padding-y: $input-padding-y-lg !default;
+$kendo-input-lg-font-size: $kendo-font-size-md !default;
+$kendo-input-lg-line-height: $kendo-line-height-md !default;
 
 $kendo-input-sizes: (
     sm: (
-        padding-x: $kendo-input-padding-x-sm,
-        padding-y: $kendo-input-padding-y-sm,
-        font-size: $kendo-input-font-size-sm,
-        line-height: $kendo-input-line-height-sm,
-        icon-size: calc( #{$kendo-icon-size} + #{$kendo-input-padding-y-sm * 2} ),
-        button-padding-x: $kendo-input-padding-y-sm,
-        button-padding-y: $kendo-input-padding-y-sm
+        padding-x: $kendo-input-sm-padding-x,
+        padding-y: $kendo-input-sm-padding-y,
+        font-size: $kendo-input-sm-font-size,
+        line-height: $kendo-input-sm-line-height,
+        icon-size: calc( #{$kendo-icon-size} + #{$kendo-input-sm-padding-y * 2} ),
+        button-padding-x: $kendo-input-sm-padding-y,
+        button-padding-y: $kendo-input-sm-padding-y
     ),
     md: (
-        padding-x: $kendo-input-padding-x-md,
-        padding-y: $kendo-input-padding-y-md,
-        font-size: $kendo-input-font-size-md,
-        line-height: $kendo-input-line-height-md,
-        icon-size: calc( #{$kendo-icon-size} + #{$kendo-input-padding-y-md * 2} ),
-        button-padding-x: $kendo-input-padding-y-md,
-        button-padding-y: $kendo-input-padding-y-md
+        padding-x: $kendo-input-md-padding-x,
+        padding-y: $kendo-input-md-padding-y,
+        font-size: $kendo-input-md-font-size,
+        line-height: $kendo-input-md-line-height,
+        icon-size: calc( #{$kendo-icon-size} + #{$kendo-input-md-padding-y * 2} ),
+        button-padding-x: $kendo-input-md-padding-y,
+        button-padding-y: $kendo-input-md-padding-y
     ),
     lg: (
-        padding-x: $kendo-input-padding-x-lg,
-        padding-y: $kendo-input-padding-y-lg,
-        font-size: $kendo-input-font-size-lg,
-        line-height: $kendo-input-line-height-lg,
-        icon-size: calc( #{$kendo-icon-size} + #{$kendo-input-padding-y-lg * 2} ),
-        button-padding-x: $kendo-input-padding-y-lg,
-        button-padding-y: $kendo-input-padding-y-lg
+        padding-x: $kendo-input-lg-padding-x,
+        padding-y: $kendo-input-lg-padding-y,
+        font-size: $kendo-input-lg-font-size,
+        line-height: $kendo-input-lg-line-height,
+        icon-size: calc( #{$kendo-icon-size} + #{$kendo-input-lg-padding-y * 2} ),
+        button-padding-x: $kendo-input-lg-padding-y,
+        button-padding-y: $kendo-input-lg-padding-y
     )
 ) !default;
 
@@ -95,8 +95,8 @@ $kendo-input-disabled-gradient: null !default;
 $kendo-input-disabled-shadow: null !default;
 
 $kendo-input-outline-bg: null !default;
-$kendo-input-outline-text: $base-text !default;
-$kendo-input-outline-border: rgba( $base-text, .5 ) !default;
+$kendo-input-outline-text: $kendo-base-text !default;
+$kendo-input-outline-border: rgba( $kendo-base-text, .5 ) !default;
 
 $kendo-input-outline-hover-bg: null !default;
 $kendo-input-outline-hover-text: null !default;

package/scss/list/_variables.scss

@@ -3,32 +3,30 @@
 /// Font size of the list component, if no size is set.
 /// @group list
 $kendo-list-font-size: null !default;
-$kendo-list-font-size-sm: $font-size-sm !default;
-$kendo-list-font-size-md: $font-size-md !default;
-$kendo-list-font-size-lg: $font-size-md !default;
+$kendo-list-sm-font-size: $kendo-font-size-sm !default;
+$kendo-list-md-font-size: $kendo-font-size-md !default;
+$kendo-list-lg-font-size: $kendo-font-size-md !default;
 
 /// Line height of the list component, if no size is set.
 /// @group list
 $kendo-list-line-height: null !default;
-$kendo-list-line-height-sm: k-math-div( 20, 14 ) !default;
-$kendo-list-line-height-md: $line-height-md !default;
-$kendo-list-line-height-lg: $line-height-md !default;
+$kendo-list-sm-line-height: k-math-div( 20, 14 ) !default;
+$kendo-list-md-line-height: $kendo-line-height-md !default;
+$kendo-list-lg-line-height: $kendo-line-height-md !default;
 
 /// Horizontal padding of list header, if no size is set.
 /// @group list
 $kendo-list-header-padding-x: null !default;
-$kendo-list-header-padding-x-base: k-map-get( $kendo-spacing, 4 ) !default;
-$kendo-list-header-padding-x-sm: k-map-get( $kendo-spacing, 4 ) !default;
-$kendo-list-header-padding-x-md: k-map-get( $kendo-spacing, 4 ) !default;
-$kendo-list-header-padding-x-lg: k-map-get( $kendo-spacing, 4 ) !default;
+$kendo-list-sm-header-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
+$kendo-list-md-header-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
+$kendo-list-lg-header-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
 
 /// Vertical padding of list header, if no size is set.
 /// @group list
 $kendo-list-header-padding-y: null !default;
-$kendo-list-header-padding-y-base: k-map-get( $kendo-spacing, 1 ) !default;
-$kendo-list-header-padding-y-sm: k-map-get( $kendo-spacing, 1 ) !default;
-$kendo-list-header-padding-y-md: k-map-get( $kendo-spacing, 1 ) !default;
-$kendo-list-header-padding-y-lg: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-list-sm-header-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
+$kendo-list-md-header-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
+$kendo-list-lg-header-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
 
 /// Border width of list header.
 /// @group list
@@ -37,16 +35,16 @@ $kendo-list-header-border-width: 0 0 1px !default;
 /// Font size of list header, if no size is set.
 /// @group list
 $kendo-list-header-font-size: null !default;
-$kendo-list-header-font-size-sm: null !default;
-$kendo-list-header-font-size-md: null !default;
-$kendo-list-header-font-size-lg: null !default;
+$kendo-list-sm-header-font-size: null !default;
+$kendo-list-md-header-font-size: null !default;
+$kendo-list-lg-header-font-size: null !default;
 
 /// Line height of list header, if no size is set.
 /// @group list
 $kendo-list-header-line-height: null !default;
-$kendo-list-header-line-height-sm: null !default;
-$kendo-list-header-line-height-md: null !default;
-$kendo-list-header-line-height-lg: null !default;
+$kendo-list-sm-header-line-height: null !default;
+$kendo-list-md-header-line-height: null !default;
+$kendo-list-lg-header-line-height: null !default;
 
 /// Font weight of list header.
 /// @group list
@@ -55,48 +53,44 @@ $kendo-list-header-font-weight: bold !default;
 /// Horizontal padding of list items, when no size is set.
 /// @group list
 $kendo-list-item-padding-x: null !default;
-$kendo-list-item-padding-x-base: k-map-get( $kendo-spacing, 4 ) !default;
-$kendo-list-item-padding-x-sm: k-map-get( $kendo-spacing, 4 ) !default;
-$kendo-list-item-padding-x-md: k-map-get( $kendo-spacing, 4 ) !default;
-$kendo-list-item-padding-x-lg: k-map-get( $kendo-spacing, 4 ) !default;
+$kendo-list-sm-item-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
+$kendo-list-md-item-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
+$kendo-list-lg-item-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
 
 /// Vertical padding of list items, when no size is set.
 /// @group list
 $kendo-list-item-padding-y: null !default;
-$kendo-list-item-padding-y-base: k-map-get( $kendo-spacing, 1 ) !default;
-$kendo-list-item-padding-y-sm: k-map-get( $kendo-spacing, 1 ) !default;
-$kendo-list-item-padding-y-md: k-map-get( $kendo-spacing, 1 ) !default;
-$kendo-list-item-padding-y-lg: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-list-sm-item-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
+$kendo-list-md-item-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
+$kendo-list-lg-item-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
 
 /// Font size of list items, if no size is set.
 /// @group list
 $kendo-list-item-font-size: null !default;
-$kendo-list-item-font-size-sm: null !default;
-$kendo-list-item-font-size-md: null !default;
-$kendo-list-item-font-size-lg: null !default;
+$kendo-list-sm-item-font-size: null !default;
+$kendo-list-md-item-font-size: null !default;
+$kendo-list-lg-item-font-size: null !default;
 
 /// Line height of list items, if no size is set.
 /// @group list
 $kendo-list-item-line-height: null !default;
-$kendo-list-item-line-height-sm: null !default;
-$kendo-list-item-line-height-md: null !default;
-$kendo-list-item-line-height-lg: null !default;
+$kendo-list-sm-item-line-height: null !default;
+$kendo-list-md-item-line-height: null !default;
+$kendo-list-lg-item-line-height: null !default;
 
 /// Horizontal padding of list group items, when no size is set.
 /// @group list
 $kendo-list-group-item-padding-x: null !default;
-$kendo-list-group-item-padding-x-base: k-map-get( $kendo-spacing, 4 ) !default;
-$kendo-list-group-item-padding-x-sm: k-map-get( $kendo-spacing, 4 ) !default;
-$kendo-list-group-item-padding-x-md: k-map-get( $kendo-spacing, 4 ) !default;
-$kendo-list-group-item-padding-x-lg: k-map-get( $kendo-spacing, 4 ) !default;
+$kendo-list-sm-group-item-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
+$kendo-list-md-group-item-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
+$kendo-list-lg-group-item-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
 
 /// Vertical padding of list group items, when no size is set.
 /// @group list
 $kendo-list-group-item-padding-y: null !default;
-$kendo-list-group-item-padding-y-base: k-map-get( $kendo-spacing, 1 ) !default;
-$kendo-list-group-item-padding-y-sm: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
-$kendo-list-group-item-padding-y-md: k-map-get( $kendo-spacing, 1 ) !default;
-$kendo-list-group-item-padding-y-lg: k-map-get( $kendo-spacing, 1.5 ) !default;
+$kendo-list-sm-group-item-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-list-md-group-item-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
+$kendo-list-lg-group-item-padding-y: k-map-get( $kendo-spacing, 1.5 ) !default;
 
 /// Border width of list group items.
 /// @group list
@@ -105,16 +99,16 @@ $kendo-list-group-item-border-width: 1px 0 0 !default;
 /// Font size of list group items, if no size is set.
 /// @group list
 $kendo-list-group-item-font-size: null !default;
-$kendo-list-group-item-font-size-sm: null !default;
-$kendo-list-group-item-font-size-md: null !default;
-$kendo-list-group-item-font-size-lg: null !default;
+$kendo-list-sm-group-item-font-size: null !default;
+$kendo-list-md-group-item-font-size: null !default;
+$kendo-list-lg-group-item-font-size: null !default;
 
 /// Line height of list group items, if no size is set.
 /// @group list
 $kendo-list-group-item-line-height: null !default;
-$kendo-list-group-item-line-height-sm: null !default;
-$kendo-list-group-item-line-height-md: null !default;
-$kendo-list-group-item-line-height-lg: null !default;
+$kendo-list-sm-group-item-line-height: null !default;
+$kendo-list-md-group-item-line-height: null !default;
+$kendo-list-lg-group-item-line-height: null !default;
 
 /// Font weight of list group item.
 /// @group list
@@ -124,50 +118,50 @@ $kendo-list-group-item-font-weight: bold !default;
 // Kendo list sizes
 $kendo-list-sizes: (
     sm: (
-        font-size: $kendo-list-font-size-sm,
-        line-height: $kendo-list-line-height-sm,
-        header-padding-x: $kendo-list-header-padding-x-sm,
-        header-padding-y: $kendo-list-header-padding-y-sm,
+        font-size: $kendo-list-sm-font-size,
+        line-height: $kendo-list-sm-line-height,
+        header-padding-x: $kendo-list-sm-header-padding-x,
+        header-padding-y: $kendo-list-sm-header-padding-y,
         header-font-size: null,
         header-line-height: null,
-        item-padding-x: $kendo-list-item-padding-x-sm,
-        item-padding-y: $kendo-list-item-padding-y-sm,
+        item-padding-x: $kendo-list-sm-item-padding-x,
+        item-padding-y: $kendo-list-sm-item-padding-y,
         item-font-size: null,
         item-line-height: null,
-        group-item-padding-x: $kendo-list-group-item-padding-x-sm,
-        group-item-padding-y: $kendo-list-group-item-padding-y-sm,
+        group-item-padding-x: $kendo-list-sm-group-item-padding-x,
+        group-item-padding-y: $kendo-list-sm-group-item-padding-y,
         group-item-font-size: null,
         group-item-line-height: null
     ),
     md: (
-        font-size: $kendo-list-font-size-md,
-        line-height: $kendo-list-line-height-md,
-        header-padding-x: $kendo-list-header-padding-x-md,
-        header-padding-y: $kendo-list-header-padding-y-md,
+        font-size: $kendo-list-md-font-size,
+        line-height: $kendo-list-md-line-height,
+        header-padding-x: $kendo-list-md-header-padding-x,
+        header-padding-y: $kendo-list-md-header-padding-y,
         header-font-size: null,
         header-line-height: null,
-        item-padding-x: $kendo-list-item-padding-x-md,
-        item-padding-y: $kendo-list-item-padding-y-md,
+        item-padding-x: $kendo-list-md-item-padding-x,
+        item-padding-y: $kendo-list-md-item-padding-y,
         item-font-size: null,
         item-line-height: null,
-        group-item-padding-x: $kendo-list-group-item-padding-x-md,
-        group-item-padding-y: $kendo-list-group-item-padding-y-md,
+        group-item-padding-x: $kendo-list-md-group-item-padding-x,
+        group-item-padding-y: $kendo-list-md-group-item-padding-y,
         group-item-font-size: null,
         group-item-line-height: null
     ),
     lg: (
-        font-size: $kendo-list-font-size-lg,
-        line-height: $kendo-list-line-height-lg,
-        header-padding-x: $kendo-list-header-padding-x-lg,
-        header-padding-y: $kendo-list-header-padding-y-lg,
+        font-size: $kendo-list-lg-font-size,
+        line-height: $kendo-list-lg-line-height,
+        header-padding-x: $kendo-list-lg-header-padding-x,
+        header-padding-y: $kendo-list-lg-header-padding-y,
         header-font-size: null,
         header-line-height: null,
-        item-padding-x: $kendo-list-item-padding-x-lg,
-        item-padding-y: $kendo-list-item-padding-y-lg,
+        item-padding-x: $kendo-list-lg-item-padding-x,
+        item-padding-y: $kendo-list-lg-item-padding-y,
         item-font-size: null,
         item-line-height: null,
-        group-item-padding-x: $kendo-list-group-item-padding-x-lg,
-        group-item-padding-y: $kendo-list-group-item-padding-y-lg,
+        group-item-padding-x: $kendo-list-lg-group-item-padding-x,
+        group-item-padding-y: $kendo-list-lg-group-item-padding-y,
         group-item-font-size: null,
         group-item-line-height: null
     )

package/scss/listbox/_variables.scss

@@ -17,13 +17,13 @@ $kendo-listbox-default-height: 200px !default;
 $kendo-listbox-border-width: 1px !default;
 /// Font family of the listbox.
 /// @group listbox
-$kendo-listbox-font-family: $font-family !default;
+$kendo-listbox-font-family: $kendo-font-family !default;
 /// Font size of the listbox.
 /// @group listbox
-$kendo-listbox-font-size: $font-size !default;
+$kendo-listbox-font-size: $kendo-font-size-md !default;
 /// Line height of the listbox.
 /// @group listbox
-$kendo-listbox-line-height: $line-height !default;
+$kendo-listbox-line-height: $kendo-line-height-md !default;
 /// Background color of the listbox.
 /// @group listbox
 $kendo-listbox-bg: $kendo-component-bg !default;