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

package/scss/popover/_variables.scss

@@ -1,30 +1,30 @@
 // Popover
-$kendo-popover-border-width: $card-border-width !default;
+$kendo-popover-border-width: $kendo-card-border-width !default;
 $kendo-popover-border-style: solid !default;
-$kendo-popover-border-radius: $card-border-radius !default;
-$kendo-popover-font-size: $card-font-size !default;
-$kendo-popover-font-family: $card-font-family !default;
-$kendo-popover-line-height: $card-line-height !default;
+$kendo-popover-border-radius: $kendo-card-border-radius !default;
+$kendo-popover-font-size: $kendo-card-font-size !default;
+$kendo-popover-font-family: $kendo-card-font-family !default;
+$kendo-popover-line-height: $kendo-card-line-height !default;
 $kendo-popover-bg: $kendo-component-bg !default;
 $kendo-popover-text: $kendo-component-text !default;
 $kendo-popover-border: $kendo-component-border !default;
-$kendo-popover-shadow: $popup-shadow !default;
+$kendo-popover-shadow: $kendo-popup-shadow !default;
 
-$kendo-popover-header-padding-y: $card-header-padding-y !default;
-$kendo-popover-header-padding-x: $card-header-padding-x !default;
-$kendo-popover-header-border-width: $card-header-border-width !default;
+$kendo-popover-header-padding-y: $kendo-card-header-padding-y !default;
+$kendo-popover-header-padding-x: $kendo-card-header-padding-x !default;
+$kendo-popover-header-border-width: $kendo-card-header-border-width !default;
 $kendo-popover-header-border-style: $kendo-popover-border-style !default;
-$kendo-popover-header-bg: $card-header-bg !default;
-$kendo-popover-header-text: $card-header-text !default;
-$kendo-popover-header-border: $card-header-border !default;
+$kendo-popover-header-bg: $kendo-card-header-bg !default;
+$kendo-popover-header-text: $kendo-card-header-text !default;
+$kendo-popover-header-border: $kendo-card-header-border !default;
 
-$kendo-popover-body-padding-y: $card-body-padding-y !default;
-$kendo-popover-body-padding-x: $card-body-padding-x !default;
+$kendo-popover-body-padding-y: $kendo-card-body-padding-y !default;
+$kendo-popover-body-padding-x: $kendo-card-body-padding-x !default;
 
 $kendo-popover-actions-border-width: $kendo-popover-border-width !default;
 
-$kendo-popover-callout-width: $card-callout-width !default;
-$kendo-popover-callout-height: $card-callout-height !default;
+$kendo-popover-callout-width: $kendo-card-callout-width !default;
+$kendo-popover-callout-height: $kendo-card-callout-height !default;
 $kendo-popover-callout-border-width: $kendo-popover-border-width !default;
 $kendo-popover-callout-border-style: $kendo-popover-border-style !default;
 $kendo-popover-callout-bg: $kendo-popover-bg !default;

package/scss/popup/_variables.scss

@@ -1,16 +1,16 @@
 // Popup
-$popup-padding-x: null !default;
-$popup-padding-y: null !default;
-$popup-border-width: 1px !default;
-$popup-border-radius: null !default;
+$kendo-popup-padding-x: null !default;
+$kendo-popup-padding-y: null !default;
+$kendo-popup-border-width: 1px !default;
+$kendo-popup-border-radius: null !default;
 
-$popup-font-size: $font-size !default;
-$popup-line-height: $line-height !default;
+$kendo-popup-font-size: $kendo-font-size-md !default;
+$kendo-popup-line-height: $kendo-line-height-md !default;
 
-$popup-content-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
-$popup-content-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-popup-content-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-popup-content-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
 
-$popup-bg: $kendo-component-bg !default;
-$popup-text: $kendo-component-text !default;
-$popup-border: $kendo-component-border !default;
-$popup-shadow: 0 2px 4px 0 rgba( black, .03 ), 0 4px 5px 0 rgba( black, .04 ) !default;
+$kendo-popup-bg: $kendo-component-bg !default;
+$kendo-popup-text: $kendo-component-text !default;
+$kendo-popup-border: $kendo-component-border !default;
+$kendo-popup-shadow: 0 2px 4px 0 rgba( black, .03 ), 0 4px 5px 0 rgba( black, .04 ) !default;

package/scss/progressbar/_variables.scss

@@ -14,10 +14,10 @@ $kendo-progressbar-animation-timing: 1s linear infinite !default;
 $kendo-progressbar-border-width: 0px !default;
 /// Font family of the progressbar.
 /// @group progressbar
-$kendo-progressbar-font-family: $font-family !default;
+$kendo-progressbar-font-family: $kendo-font-family !default;
 /// Font size of the progressbar.
 /// @group progressbar
-$kendo-progressbar-font-size: $font-size-sm !default;
+$kendo-progressbar-font-size: $kendo-font-size-sm !default;
 /// Line height of the progressbar.
 /// @group progressbar
 $kendo-progressbar-line-height: 1 !default;

package/scss/radio/_variables.scss

@@ -142,7 +142,7 @@ $kendo-radio-list-spacing: k-map-get( $kendo-spacing, 4 ) !default;
 $kendo-radio-list-item-padding-x: 0px !default;
 /// Vertical padding of radio button list items.
 /// @group radio
-$kendo-radio-list-item-padding-y: $kendo-list-item-padding-y-md !default;
+$kendo-radio-list-item-padding-y: $kendo-list-md-item-padding-y !default;
 
 
 // Radio ripple

package/scss/rating/_variables.scss

@@ -1,24 +1,24 @@
 // Rating
 
-$rating-font-family: $font-family !default;
-$rating-font-size: $font-size !default;
-$rating-line-height: $line-height !default;
+$kendo-rating-font-family: $kendo-font-family !default;
+$kendo-rating-font-size: $kendo-font-size-md !default;
+$kendo-rating-line-height: $kendo-line-height-md !default;
 
-$rating-container-margin-x: $kendo-padding-sm-x !default;
+$kendo-rating-container-margin-x: $kendo-padding-sm-x !default;
 
-$rating-item-padding-x: $kendo-padding-sm-x !default;
-$rating-item-padding-y: $kendo-padding-md-y !default;
+$kendo-rating-item-padding-x: $kendo-padding-sm-x !default;
+$kendo-rating-item-padding-y: $kendo-padding-md-y !default;
 
-$rating-label-margin-x: $kendo-padding-md-x !default;
-$rating-label-margin-y: $kendo-padding-md-y !default;
-$rating-label-line-height: $line-height-lg !default;
+$kendo-rating-label-margin-x: $kendo-padding-md-x !default;
+$kendo-rating-label-margin-y: $kendo-padding-md-y !default;
+$kendo-rating-label-line-height: $kendo-line-height-lg !default;
 
-$rating-icon-size: ($kendo-icon-size * 1.5) !default;
+$kendo-rating-icon-size: ($kendo-icon-size * 1.5) !default;
 
-$rating-icon-text: $kendo-component-text !default;
-$rating-icon-selected-text: $kendo-selected-bg !default;
-$rating-icon-hover-text: $kendo-selected-bg !default;
-$rating-icon-focus-text: $kendo-selected-bg !default;
+$kendo-rating-icon-text: $kendo-component-text !default;
+$kendo-rating-icon-selected-text: $kendo-selected-bg !default;
+$kendo-rating-icon-hover-text: $kendo-selected-bg !default;
+$kendo-rating-icon-focus-text: $kendo-selected-bg !default;
 
-$rating-icon-focus-shadow: 0 2px 4px rgba( black, .1 ) !default;
-$rating-icon-focus-selected-shadow: 0 2px 4px rgba( black, .1) !default;
+$kendo-rating-icon-focus-shadow: 0 2px 4px rgba( black, .1 ) !default;
+$kendo-rating-icon-focus-selected-shadow: 0 2px 4px rgba( black, .1) !default;

package/scss/scheduler/_variables.scss

@@ -1,96 +1,96 @@
 // Scheduler
-$scheduler-border-width: 1px !default;
-$scheduler-font-family: $font-family !default;
-$scheduler-font-size: $font-size !default;
-$scheduler-line-height: $line-height !default;
-
-$scheduler-bg: $kendo-component-bg !default;
-$scheduler-text: $kendo-component-text !default;
-$scheduler-border: $kendo-component-border !default;
-
-$scheduler-toolbar-bg: $kendo-toolbar-bg !default;
-$scheduler-toolbar-text: $kendo-toolbar-text !default;
-$scheduler-toolbar-border: $kendo-toolbar-border !default;
-$scheduler-toolbar-gradient: $kendo-toolbar-gradient !default;
-
-$scheduler-footer-bg: $kendo-toolbar-bg !default;
-$scheduler-footer-text: $kendo-toolbar-text !default;
-$scheduler-footer-border: $kendo-toolbar-border !default;
-$scheduler-footer-gradient: $kendo-toolbar-gradient !default;
-
-$scheduler-event-min-height: 25px !default;
-$scheduler-event-border-radius: $kendo-border-radius-md !default;
-$scheduler-event-line-height: calc( #{$scheduler-event-min-height} - (2 * #{$kendo-padding-md-y}) ) !default;
-
-$scheduler-event-bg: k-color-tint( $kendo-selected-bg, 2 ) !default;
-$scheduler-event-text: $kendo-selected-text !default;
-$scheduler-event-border: null !default;
-$scheduler-event-gradient: null !default;
-$scheduler-event-shadow: null !default;
-
-$scheduler-event-hover-bg: null !default;
-$scheduler-event-hover-text: null !default;
-$scheduler-event-hover-border: null !default;
-$scheduler-event-hover-gradient: null !default;
-$scheduler-event-hover-shadow: null !default;
-
-$scheduler-event-selected-bg: $kendo-selected-bg !default;
-$scheduler-event-selected-text: $kendo-selected-text !default;
-$scheduler-event-selected-border: null !default;
-$scheduler-event-selected-gradient: null !default;
-$scheduler-event-selected-shadow: inset 0 0 0 2px rgba( black, .13 ) !default;
-
-$scheduler-event-ongoing-shadow: inset 0px 0px 0px 1px #ff0000 !default;
-
-$scheduler-cell-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
-$scheduler-cell-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
-$scheduler-cell-height: $line-height-em !default;
-$scheduler-datecolumn-width: 12em !default;
-$scheduler-timecolumn-width: 11em !default;
-
-$scheduler-current-time-color: #ff0000 !default;
-
-$scheduler-nonwork-bg: k-try-shade( $scheduler-bg, .5 ) !default;
-$scheduler-nonwork-text: null !default;
-
-$scheduler-weekend-bg: null !default;
-$scheduler-weekend-text: null !default;
-
-$scheduler-othermonth-bg: k-try-shade( $scheduler-bg, .5 ) !default;
-$scheduler-othermonth-text: null !default;
-
-$scheduler-yearview-padding-x: k-map-get( $kendo-spacing, 3 ) !default;
-$scheduler-yearview-padding-y: $scheduler-yearview-padding-x !default;
-
-$scheduler-yearview-calendar-gap: k-map-get( $kendo-spacing, 3 ) !default;
-
-$scheduler-yearview-indicator-size: 3px !default;
-$scheduler-yearview-indicator-calc-offset-top: calc( #{$calendar-cell-size} - (#{$calendar-cell-padding-y} * 2)) !default;
-$scheduler-yearview-indicator-calc-offset-left: calc( 50% - #{k-math-div( $scheduler-yearview-indicator-size, 2 )} ) !default;
-$scheduler-yearview-indicator-border-radius: 50% !default;
-$scheduler-yearview-indicator-bg: $kendo-color-primary !default;
-$scheduler-yearview-indicator-selected-bg: $kendo-color-primary-contrast !default;
-
-$scheduler-tooltip-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
-$scheduler-tooltip-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
-$scheduler-tooltip-border-width: 0 !default;
-$scheduler-tooltip-bg: $kendo-color-primary-contrast !default;
-$scheduler-tooltip-text: $base-text !default;
-$scheduler-tooltip-border: null !default;
-$scheduler-tooltip-shadow: 0px 0px 10px rgba( black, .2 ) !default;
+$kendo-scheduler-border-width: 1px !default;
+$kendo-scheduler-font-family: $kendo-font-family !default;
+$kendo-scheduler-font-size: $kendo-font-size-md !default;
+$kendo-scheduler-line-height: $kendo-line-height-md !default;
+
+$kendo-scheduler-bg: $kendo-component-bg !default;
+$kendo-scheduler-text: $kendo-component-text !default;
+$kendo-scheduler-border: $kendo-component-border !default;
+
+$kendo-scheduler-toolbar-bg: $kendo-toolbar-bg !default;
+$kendo-scheduler-toolbar-text: $kendo-toolbar-text !default;
+$kendo-scheduler-toolbar-border: $kendo-toolbar-border !default;
+$kendo-scheduler-toolbar-gradient: $kendo-toolbar-gradient !default;
+
+$kendo-scheduler-footer-bg: $kendo-toolbar-bg !default;
+$kendo-scheduler-footer-text: $kendo-toolbar-text !default;
+$kendo-scheduler-footer-border: $kendo-toolbar-border !default;
+$kendo-scheduler-footer-gradient: $kendo-toolbar-gradient !default;
+
+$kendo-scheduler-event-min-height: 25px !default;
+$kendo-scheduler-event-border-radius: $kendo-border-radius-md !default;
+$kendo-scheduler-event-line-height: calc( #{$kendo-scheduler-event-min-height} - (2 * #{$kendo-padding-md-y}) ) !default;
+
+$kendo-scheduler-event-bg: k-color-tint( $kendo-selected-bg, 2 ) !default;
+$kendo-scheduler-event-text: $kendo-selected-text !default;
+$kendo-scheduler-event-border: null !default;
+$kendo-scheduler-event-gradient: null !default;
+$kendo-scheduler-event-shadow: null !default;
+
+$kendo-scheduler-event-hover-bg: null !default;
+$kendo-scheduler-event-hover-text: null !default;
+$kendo-scheduler-event-hover-border: null !default;
+$kendo-scheduler-event-hover-gradient: null !default;
+$kendo-scheduler-event-hover-shadow: null !default;
+
+$kendo-scheduler-event-selected-bg: $kendo-selected-bg !default;
+$kendo-scheduler-event-selected-text: $kendo-selected-text !default;
+$kendo-scheduler-event-selected-border: null !default;
+$kendo-scheduler-event-selected-gradient: null !default;
+$kendo-scheduler-event-selected-shadow: inset 0 0 0 2px rgba( black, .13 ) !default;
+
+$kendo-scheduler-event-ongoing-shadow: inset 0px 0px 0px 1px #ff0000 !default;
+
+$kendo-scheduler-cell-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-scheduler-cell-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-scheduler-cell-height: $kendo-line-height-em !default;
+$kendo-scheduler-datecolumn-width: 12em !default;
+$kendo-scheduler-timecolumn-width: 11em !default;
+
+$kendo-scheduler-current-time-color: #ff0000 !default;
+
+$kendo-scheduler-nonwork-bg: k-try-shade( $kendo-scheduler-bg, .5 ) !default;
+$kendo-scheduler-nonwork-text: null !default;
+
+$kendo-scheduler-weekend-bg: null !default;
+$kendo-scheduler-weekend-text: null !default;
+
+$kendo-scheduler-othermonth-bg: k-try-shade( $kendo-scheduler-bg, .5 ) !default;
+$kendo-scheduler-othermonth-text: null !default;
+
+$kendo-scheduler-yearview-padding-x: k-map-get( $kendo-spacing, 3 ) !default;
+$kendo-scheduler-yearview-padding-y: $kendo-scheduler-yearview-padding-x !default;
+
+$kendo-scheduler-yearview-calendar-gap: k-map-get( $kendo-spacing, 3 ) !default;
+
+$kendo-scheduler-yearview-indicator-size: 3px !default;
+$kendo-scheduler-yearview-indicator-calc-offset-top: calc( #{$kendo-calendar-cell-size} - (#{$kendo-calendar-cell-padding-y} * 2)) !default;
+$kendo-scheduler-yearview-indicator-calc-offset-left: calc( 50% - #{k-math-div( $kendo-scheduler-yearview-indicator-size, 2 )} ) !default;
+$kendo-scheduler-yearview-indicator-border-radius: 50% !default;
+$kendo-scheduler-yearview-indicator-bg: $kendo-color-primary !default;
+$kendo-scheduler-yearview-indicator-selected-bg: $kendo-color-primary-contrast !default;
+
+$kendo-scheduler-tooltip-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-scheduler-tooltip-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-scheduler-tooltip-border-width: 0 !default;
+$kendo-scheduler-tooltip-bg: $kendo-color-primary-contrast !default;
+$kendo-scheduler-tooltip-text: $kendo-base-text !default;
+$kendo-scheduler-tooltip-border: null !default;
+$kendo-scheduler-tooltip-shadow: 0px 0px 10px rgba( black, .2 ) !default;
 
 
 // TODO: use 3
-$scheduler-tooltip-title-margin-y: k-map-get( $kendo-spacing, 1 ) !default;
-$scheduler-tooltip-month-font-size: $font-size-sm !default;
-$scheduler-tooltip-day-font-size: $scheduler-tooltip-month-font-size * 2 !default;
+$kendo-scheduler-tooltip-title-margin-y: k-map-get( $kendo-spacing, 1 ) !default;
+$kendo-scheduler-tooltip-month-font-size: $kendo-font-size-sm !default;
+$kendo-scheduler-tooltip-day-font-size: $kendo-scheduler-tooltip-month-font-size * 2 !default;
 
-$scheduler-tooltip-events-max-height: 250px !default;
-$scheduler-tooltip-events-gap: k-map-get( $kendo-spacing, 1 ) !default;
+$kendo-scheduler-tooltip-events-max-height: 250px !default;
+$kendo-scheduler-tooltip-events-gap: k-map-get( $kendo-spacing, 1 ) !default;
 
-$scheduler-tooltip-event-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
-$scheduler-tooltip-event-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
-$scheduler-tooltip-event-border-radius: $kendo-border-radius-md !default;
-$scheduler-tooltip-event-gap: k-map-get( $kendo-spacing, 1 ) !default;
+$kendo-scheduler-tooltip-event-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-scheduler-tooltip-event-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
+$kendo-scheduler-tooltip-event-border-radius: $kendo-border-radius-md !default;
+$kendo-scheduler-tooltip-event-gap: k-map-get( $kendo-spacing, 1 ) !default;
 
-$scheduler-tooltip-callout-text: $scheduler-tooltip-bg !default;
+$kendo-scheduler-tooltip-callout-text: $kendo-scheduler-tooltip-bg !default;

package/scss/scrollview/_variables.scss

@@ -1,40 +1,40 @@
 // Scrollview
-$scrollview-border-width: 1px !default;
-$scrollview-font-family: $font-family !default;
-$scrollview-font-size: $font-size !default;
-$scrollview-line-height: $line-height !default;
+$kendo-scrollview-border-width: 1px !default;
+$kendo-scrollview-font-family: $kendo-font-family !default;
+$kendo-scrollview-font-size: $kendo-font-size-md !default;
+$kendo-scrollview-line-height: $kendo-line-height-md !default;
 
-$scrollview-bg: $kendo-component-bg !default;
-$scrollview-text: $kendo-component-text !default;
-$scrollview-border: $kendo-component-border !default;
+$kendo-scrollview-bg: $kendo-component-bg !default;
+$kendo-scrollview-text: $kendo-component-text !default;
+$kendo-scrollview-border: $kendo-component-border !default;
 
-$scrollview-pagebutton-size: 10px !default;
-$scrollview-pagebutton-bg: $kendo-button-bg !default;
-$scrollview-pagebutton-border: $kendo-button-border !default;
-$scrollview-pagebutton-primary-bg: $kendo-color-primary !default;
-$scrollview-pagebutton-primary-border: k-try-shade( $kendo-color-primary, 2 ) !default;
-$scrollview-pagebutton-shadow: 0 0 0 2px rgba( black, .13 ) !default;
+$kendo-scrollview-pagebutton-size: 10px !default;
+$kendo-scrollview-pagebutton-bg: $kendo-button-bg !default;
+$kendo-scrollview-pagebutton-border: $kendo-button-border !default;
+$kendo-scrollview-pagebutton-primary-bg: $kendo-color-primary !default;
+$kendo-scrollview-pagebutton-primary-border: k-try-shade( $kendo-color-primary, 2 ) !default;
+$kendo-scrollview-pagebutton-shadow: 0 0 0 2px rgba( black, .13 ) !default;
 
-$scrollview-pager-offset: 0 !default;
-$scrollview-pager-item-spacing: 20px !default;
-$scrollview-pager-item-border-width: 0px !default;
-$scrollview-pager-height: calc( #{$scrollview-pagebutton-size} + #{$scrollview-pager-item-border-width * 2} + #{$scrollview-pager-item-spacing * 2} ) !default;
+$kendo-scrollview-pager-offset: 0 !default;
+$kendo-scrollview-pager-item-spacing: 20px !default;
+$kendo-scrollview-pager-item-border-width: 0px !default;
+$kendo-scrollview-pager-height: calc( #{$kendo-scrollview-pagebutton-size} + #{$kendo-scrollview-pager-item-border-width * 2} + #{$kendo-scrollview-pager-item-spacing * 2} ) !default;
 
-$scrollview-pager-multidot-threshold: 10 !default;
-$scrollview-pager-multidot-intermediate: 3 !default;
-$scrollview-pager-multidot-step: 1px !default;
+$kendo-scrollview-pager-multidot-threshold: 10 !default;
+$kendo-scrollview-pager-multidot-intermediate: 3 !default;
+$kendo-scrollview-pager-multidot-step: 1px !default;
 
-$scrollview-arrow-icon-size: 4.5em !default;
-$scrollview-arrow-tap-highlight-color: $kendo-color-rgba-transparent !default;
-$scrollview-navigation-color: white !default;
-$scrollview-navigation-icon-shadow: rgba( black, .3 ) 0 0 15px !default;
-$scrollview-navigation-bg: rgba( black, 0 ) !default;
-$scrollview-navigation-default-opacity: .7 !default;
-$scrollview-navigation-hover-opacity: 1 !default;
-$scrollview-navigation-hover-span-bg: null !default;
+$kendo-scrollview-arrow-icon-size: 4.5em !default;
+$kendo-scrollview-arrow-tap-highlight-color: $kendo-color-rgba-transparent !default;
+$kendo-scrollview-navigation-color: white !default;
+$kendo-scrollview-navigation-icon-shadow: rgba( black, .3 ) 0 0 15px !default;
+$kendo-scrollview-navigation-bg: rgba( black, 0 ) !default;
+$kendo-scrollview-navigation-default-opacity: .7 !default;
+$kendo-scrollview-navigation-hover-opacity: 1 !default;
+$kendo-scrollview-navigation-hover-span-bg: null !default;
 
-$scrollview-light-bg: rgba( white, .4 ) !default;
-$scrollview-dark-bg: rgba( black, .4 ) !default;
+$kendo-scrollview-light-bg: rgba( white, .4 ) !default;
+$kendo-scrollview-dark-bg: rgba( black, .4 ) !default;
 
-$scrollview-transition-duration: .3s !default;
-$scrollview-transition-timing-function: ease-in-out !default;
+$kendo-scrollview-transition-duration: .3s !default;
+$kendo-scrollview-transition-timing-function: ease-in-out !default;

package/scss/signature/_variables.scss

@@ -7,41 +7,41 @@ $kendo-signature-maximized-width: 750px !default;
 $kendo-signature-maximized-height: 252px !default;
 
 $kendo-signature-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
-$kendo-signature-padding-x-sm: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
-$kendo-signature-padding-x-md: $kendo-signature-padding-x !default;
-$kendo-signature-padding-x-lg: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-signature-sm-padding-x: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-signature-md-padding-x: $kendo-signature-padding-x !default;
+$kendo-signature-lg-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
 
 $kendo-signature-padding-y: $kendo-signature-padding-x !default;
-$kendo-signature-padding-y-sm: $kendo-signature-padding-x-sm !default;
-$kendo-signature-padding-y-md: $kendo-signature-padding-x-md !default;
-$kendo-signature-padding-y-lg: $kendo-signature-padding-x-lg !default;
+$kendo-signature-sm-padding-y: $kendo-signature-sm-padding-x !default;
+$kendo-signature-md-padding-y: $kendo-signature-md-padding-x !default;
+$kendo-signature-lg-padding-y: $kendo-signature-lg-padding-x !default;
 
 $kendo-signature-line-width: 1px !default;
 $kendo-signature-line-style: dashed !default;
 $kendo-signature-line-color: rgba( $kendo-color-info, .24 ) !default;
 
 $kendo-signature-line-size: calc( 100% - 2 * #{$kendo-signature-padding-x} ) !default;
-$kendo-signature-line-size-sm: calc( 100% - 2 * #{$kendo-signature-padding-x-sm} ) !default;
-$kendo-signature-line-size-md: calc( 100% - 2 * #{$kendo-signature-padding-x-md} ) !default;
-$kendo-signature-line-size-lg: calc( 100% - 2 * #{$kendo-signature-padding-x-lg} ) !default;
+$kendo-signature-sm-line-size: calc( 100% - 2 * #{$kendo-signature-sm-padding-x} ) !default;
+$kendo-signature-md-line-size: calc( 100% - 2 * #{$kendo-signature-md-padding-x} ) !default;
+$kendo-signature-lg-line-size: calc( 100% - 2 * #{$kendo-signature-lg-padding-x} ) !default;
 
 $kendo-signature-line-bottom-offset: 33% !default;
 
 $kendo-signature-sizes: (
     sm: (
-        padding-x: $kendo-signature-padding-x-sm,
-        padding-y: $kendo-signature-padding-y-sm,
-        line-size: $kendo-signature-line-size-sm
+        padding-x: $kendo-signature-sm-padding-x,
+        padding-y: $kendo-signature-sm-padding-y,
+        line-size: $kendo-signature-sm-line-size
     ),
     md: (
-        padding-x: $kendo-signature-padding-x-md,
-        padding-y: $kendo-signature-padding-y-md,
-        line-size: $kendo-signature-line-size-md
+        padding-x: $kendo-signature-md-padding-x,
+        padding-y: $kendo-signature-md-padding-y,
+        line-size: $kendo-signature-md-line-size
     ),
     lg: (
-        padding-x: $kendo-signature-padding-x-lg,
-        padding-y: $kendo-signature-padding-y-lg,
-        line-size: $kendo-signature-line-size-lg
+        padding-x: $kendo-signature-lg-padding-x,
+        padding-y: $kendo-signature-lg-padding-y,
+        line-size: $kendo-signature-lg-line-size
     )
 ) !default;
 

package/scss/skeleton/_variables.scss

@@ -1,11 +1,11 @@
 // Skeleton
-$skeleton-text-transform: scale( 1, .6 ) !default;
-$skeleton-text-border-radius: $kendo-border-radius-md !default;
+$kendo-skeleton-text-transform: scale( 1, .6 ) !default;
+$kendo-skeleton-text-border-radius: $kendo-border-radius-md !default;
 
-$skeleton-rect-border-radius: 0 !default;
+$kendo-skeleton-rect-border-radius: 0 !default;
 
-$skeleton-circle-border-radius: 9999px !default;
+$kendo-skeleton-circle-border-radius: 9999px !default;
 
-$skeleton-item-bg: rgba( $kendo-color-inverse, .2 ) !default;
+$kendo-skeleton-item-bg: rgba( $kendo-color-inverse, .2 ) !default;
 
-$skeleton-wave-bg: rgba( black, .04 ) !default;
+$kendo-skeleton-wave-bg: rgba( black, .04 ) !default;

package/scss/slider/_variables.scss

@@ -1,45 +1,45 @@
 // Slider
-$slider-size: 200px !default;
-$slider-tick-size: null !default;
-$slider-alt-size: 30px !default;
-
-$slider-font-family: $font-family !default;
-$slider-font-size: $font-size !default;
-$slider-line-height: $line-height !default;
-
-$slider-button-offset: 10px !default;
-$slider-button-size: ($slider-alt-size - 2) !default;
-$slider-button-spacing: ($slider-button-size + $slider-button-offset) !default;
-$slider-button-focus-shadow: null !default;
-
-$slider-track-thickness: 4px !default;
-$slider-draghandle-size: 14px !default;
-$slider-draghandle-border-width: 1px !default;
-$slider-draghandle-active-scale: 1 !default;
-$slider-draghandle-active-size: null !default;
-
-$slider-draghandle-bg: $kendo-color-primary !default;
-$slider-draghandle-text: k-contrast-legacy( $kendo-color-primary ) !default;
-$slider-draghandle-border: k-try-shade( $kendo-color-primary, 2 ) !default;
-$slider-draghandle-gradient: null !default;
-
-$slider-draghandle-hover-bg: k-try-shade( $kendo-color-primary, 1 ) !default;
-$slider-draghandle-hover-text: null !default;
-$slider-draghandle-hover-border: k-try-shade( $slider-draghandle-hover-bg, 2 ) !default;
-$slider-draghandle-hover-gradient: null !default;
-
-$slider-draghandle-pressed-bg: k-try-shade( $kendo-color-primary, 2 ) !default;
-$slider-draghandle-pressed-text: null !default;
-$slider-draghandle-pressed-border: k-try-shade( $slider-draghandle-pressed-bg, 2 ) !default;
-$slider-draghandle-pressed-gradient: null !default;
-
-$slider-draghandle-focus-shadow: 0 0 4px 0 rgba( $slider-draghandle-border, .75 ) !default;
-
-$slider-transition-speed: .3s !default;
-$slider-transition-function: ease-out !default;
-$slider-draghandle-transition-speed: .4s !default;
-$slider-draghandle-transition-function: cubic-bezier(.25, .8, .25, 1) !default;
-
-$slider-track-bg: k-try-shade( $kendo-component-bg, 1 ) !default;
-$slider-selection-bg: $kendo-color-primary !default;
-$slider-disabled-opacity: null !default;
+$kendo-slider-size: 200px !default;
+$kendo-slider-tick-size: null !default;
+$kendo-slider-alt-size: 30px !default;
+
+$kendo-slider-font-family: $kendo-font-family !default;
+$kendo-slider-font-size: $kendo-font-size-md !default;
+$kendo-slider-line-height: $kendo-line-height-md !default;
+
+$kendo-slider-button-offset: 10px !default;
+$kendo-slider-button-size: ($kendo-slider-alt-size - 2) !default;
+$kendo-slider-button-spacing: ($kendo-slider-button-size + $kendo-slider-button-offset) !default;
+$kendo-slider-button-focus-shadow: null !default;
+
+$kendo-slider-track-thickness: 4px !default;
+$kendo-slider-draghandle-size: 14px !default;
+$kendo-slider-draghandle-border-width: 1px !default;
+$kendo-slider-draghandle-active-scale: 1 !default;
+$kendo-slider-draghandle-active-size: null !default;
+
+$kendo-slider-draghandle-bg: $kendo-color-primary !default;
+$kendo-slider-draghandle-text: k-contrast-legacy( $kendo-color-primary ) !default;
+$kendo-slider-draghandle-border: k-try-shade( $kendo-color-primary, 2 ) !default;
+$kendo-slider-draghandle-gradient: null !default;
+
+$kendo-slider-draghandle-hover-bg: k-try-shade( $kendo-color-primary, 1 ) !default;
+$kendo-slider-draghandle-hover-text: null !default;
+$kendo-slider-draghandle-hover-border: k-try-shade( $kendo-slider-draghandle-hover-bg, 2 ) !default;
+$kendo-slider-draghandle-hover-gradient: null !default;
+
+$kendo-slider-draghandle-pressed-bg: k-try-shade( $kendo-color-primary, 2 ) !default;
+$kendo-slider-draghandle-pressed-text: null !default;
+$kendo-slider-draghandle-pressed-border: k-try-shade( $kendo-slider-draghandle-pressed-bg, 2 ) !default;
+$kendo-slider-draghandle-pressed-gradient: null !default;
+
+$kendo-slider-draghandle-focus-shadow: 0 0 4px 0 rgba( $kendo-slider-draghandle-border, .75 ) !default;
+
+$kendo-slider-transition-speed: .3s !default;
+$kendo-slider-transition-function: ease-out !default;
+$kendo-slider-draghandle-transition-speed: .4s !default;
+$kendo-slider-draghandle-transition-function: cubic-bezier(.25, .8, .25, 1) !default;
+
+$kendo-slider-track-bg: k-try-shade( $kendo-component-bg, 1 ) !default;
+$kendo-slider-selection-bg: $kendo-color-primary !default;
+$kendo-slider-disabled-opacity: null !default;

package/scss/split-button/_variables.scss

@@ -7,13 +7,13 @@ $kendo-split-button-focus-shadow: $kendo-button-focus-shadow !default;
 /// Horizontal padding of the arrow button.
 /// @group split-button
 $kendo-split-button-arrow-padding-x: $kendo-button-padding-y !default;
-$kendo-split-button-arrow-padding-x-sm: $kendo-button-padding-y-sm !default;
-$kendo-split-button-arrow-padding-x-md: $kendo-button-padding-y-md !default;
-$kendo-split-button-arrow-padding-x-lg: $kendo-button-padding-y-lg !default;
+$kendo-split-button-sm-arrow-padding-x: $kendo-button-sm-padding-y !default;
+$kendo-split-button-md-arrow-padding-x: $kendo-button-md-padding-y !default;
+$kendo-split-button-lg-arrow-padding-x: $kendo-button-lg-padding-y !default;
 
 /// Vertical padding of the arrow button.
 /// @group split-button
 $kendo-split-button-arrow-padding-y: $kendo-button-padding-y !default;
-$kendo-split-button-arrow-padding-y-sm: $kendo-button-padding-y-sm !default;
-$kendo-split-button-arrow-padding-y-md: $kendo-button-padding-y-md !default;
-$kendo-split-button-arrow-padding-y-lg: $kendo-button-padding-y-lg !default;
+$kendo-split-button-sm-arrow-padding-y: $kendo-button-sm-padding-y !default;
+$kendo-split-button-md-arrow-padding-y: $kendo-button-md-padding-y !default;
+$kendo-split-button-lg-arrow-padding-y: $kendo-button-lg-padding-y !default;