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

package/scss/action-sheet/_variables.scss

@@ -1,87 +1,87 @@
 // Action sheet
 
-$actionsheet-padding-x: null !default;
-$actionsheet-padding-y: null !default;
-$actionsheet-width: 360px !default;
-$actionsheet-max-width: 100% !default;
-$actionsheet-height: 60vh !default;
-$actionsheet-max-height: 60vh !default;
+$kendo-actionsheet-padding-x: null !default;
+$kendo-actionsheet-padding-y: null !default;
+$kendo-actionsheet-width: 360px !default;
+$kendo-actionsheet-max-width: 100% !default;
+$kendo-actionsheet-height: 60vh !default;
+$kendo-actionsheet-max-height: 60vh !default;
 
-$actionsheet-border-width: 0px !default;
-$actionsheet-border-radius: 0px !default;
+$kendo-actionsheet-border-width: 0px !default;
+$kendo-actionsheet-border-radius: 0px !default;
 
-$actionsheet-font-size: $font-size !default;
-$actionsheet-font-family: $font-family !default;
-$actionsheet-line-height: $line-height !default;
+$kendo-actionsheet-font-size: $kendo-font-size-md !default;
+$kendo-actionsheet-font-family: $kendo-font-family !default;
+$kendo-actionsheet-line-height: $kendo-line-height-md !default;
 
-$actionsheet-bg: $kendo-component-bg !default;
-$actionsheet-text: $kendo-component-text !default;
-$actionsheet-border: $kendo-component-border !default;
-$actionsheet-shadow: 0 8px 10px -5px rgba( black, .2 ), 0 16px 24px 2px rgba( black, .14 ), 0 6px 30px 5px rgba( black, .12 ) !default;
+$kendo-actionsheet-bg: $kendo-component-bg !default;
+$kendo-actionsheet-text: $kendo-component-text !default;
+$kendo-actionsheet-border: $kendo-component-border !default;
+$kendo-actionsheet-shadow: 0 8px 10px -5px rgba( black, .2 ), 0 16px 24px 2px rgba( black, .14 ), 0 6px 30px 5px rgba( black, .12 ) !default;
 
 
 // Actionsheet header
-$actionsheet-titlebar-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
-$actionsheet-titlebar-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
-$actionsheet-titlebar-border-width: null !default;
-$actionsheet-titlebar-font-size: null !default;
-$actionsheet-titlebar-font-family: null !default;
-$actionsheet-titlebar-line-height: null !default;
-$actionsheet-titlebar-gap: k-map-get( $kendo-spacing, 4 ) !default;
+$kendo-actionsheet-titlebar-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
+$kendo-actionsheet-titlebar-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-actionsheet-titlebar-border-width: null !default;
+$kendo-actionsheet-titlebar-font-size: null !default;
+$kendo-actionsheet-titlebar-font-family: null !default;
+$kendo-actionsheet-titlebar-line-height: null !default;
+$kendo-actionsheet-titlebar-gap: k-map-get( $kendo-spacing, 4 ) !default;
 
-$actionsheet-titlebar-bg: null !default;
-$actionsheet-titlebar-text: null !default;
-$actionsheet-titlebar-border: null !default;
-$actionsheet-titlebar-gradient: null !default;
-$actionsheet-titlebar-shadow: null !default;
+$kendo-actionsheet-titlebar-bg: null !default;
+$kendo-actionsheet-titlebar-text: null !default;
+$kendo-actionsheet-titlebar-border: null !default;
+$kendo-actionsheet-titlebar-gradient: null !default;
+$kendo-actionsheet-titlebar-shadow: null !default;
 
-$actionsheet-subtitle-font-size: $font-size-sm !default;
-$actionsheet-subtitle-line-height: $line-height-sm !default;
-$actionsheet-subtitle-text: $kendo-subtle-text !default;
+$kendo-actionsheet-subtitle-font-size: $kendo-font-size-sm !default;
+$kendo-actionsheet-subtitle-line-height: $kendo-line-height-sm !default;
+$kendo-actionsheet-subtitle-text: $kendo-subtle-text !default;
 
 
 // Actionsheet item
-$actionsheet-item-min-height: 40px !default;
-$actionsheet-item-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
-$actionsheet-item-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
-$actionsheet-item-border-width: 1px !default;
-$actionsheet-item-spacing: 12px !default;
+$kendo-actionsheet-item-min-height: 40px !default;
+$kendo-actionsheet-item-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
+$kendo-actionsheet-item-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-actionsheet-item-border-width: 1px !default;
+$kendo-actionsheet-item-spacing: 12px !default;
 
-$actionsheet-item-icon-size: null !default;
+$kendo-actionsheet-item-icon-size: null !default;
 
-$actionsheet-item-title-font-weight: null !default;
-$actionsheet-item-title-text-transform: null !default;
+$kendo-actionsheet-item-title-font-weight: null !default;
+$kendo-actionsheet-item-title-text-transform: null !default;
 
-$actionsheet-item-description-font-size: .875em !default;
-$actionsheet-item-description-text: $kendo-subtle-text !default;
+$kendo-actionsheet-item-description-font-size: .875em !default;
+$kendo-actionsheet-item-description-text: $kendo-subtle-text !default;
 
-$actionsheet-item-hover-bg: $kendo-hover-bg !default;
-$actionsheet-item-hover-text: null !default;
-$actionsheet-item-hover-border: null !default;
-$actionsheet-item-hover-gradient: null !default;
-$actionsheet-item-hover-shadow: null !default;
+$kendo-actionsheet-item-hover-bg: $kendo-hover-bg !default;
+$kendo-actionsheet-item-hover-text: null !default;
+$kendo-actionsheet-item-hover-border: null !default;
+$kendo-actionsheet-item-hover-gradient: null !default;
+$kendo-actionsheet-item-hover-shadow: null !default;
 
-$actionsheet-item-focus-bg: null !default;
-$actionsheet-item-focus-text: null !default;
-$actionsheet-item-focus-border: null !default;
-$actionsheet-item-focus-gradient: null !default;
-$actionsheet-item-focus-shadow: $kendo-focus-shadow !default;
+$kendo-actionsheet-item-focus-bg: null !default;
+$kendo-actionsheet-item-focus-text: null !default;
+$kendo-actionsheet-item-focus-border: null !default;
+$kendo-actionsheet-item-focus-gradient: null !default;
+$kendo-actionsheet-item-focus-shadow: $kendo-focus-shadow !default;
 
-$actionsheet-item-disabled-bg: null !default;
-$actionsheet-item-disabled-text: null !default;
-$actionsheet-item-disabled-border: null !default;
-$actionsheet-item-disabled-gradient: null !default;
-$actionsheet-item-disabled-shadow: null !default;
+$kendo-actionsheet-item-disabled-bg: null !default;
+$kendo-actionsheet-item-disabled-text: null !default;
+$kendo-actionsheet-item-disabled-border: null !default;
+$kendo-actionsheet-item-disabled-gradient: null !default;
+$kendo-actionsheet-item-disabled-shadow: null !default;
 
 
 // Adaptive Actionsheet
-$adaptive-actionsheet-titlebar-border-width: 1px !default;
-$adaptive-actionsheet-titlebar-padding-y: k-map-get( $kendo-spacing, 4 ) !default;
-$adaptive-actionsheet-titlebar-padding-x: $adaptive-actionsheet-titlebar-padding-y !default;
-$adaptive-actionsheet-titlebar-border: $kendo-component-border !default;
+$kendo-adaptive-actionsheet-titlebar-border-width: 1px !default;
+$kendo-adaptive-actionsheet-titlebar-padding-y: k-map-get( $kendo-spacing, 4 ) !default;
+$kendo-adaptive-actionsheet-titlebar-padding-x: $kendo-adaptive-actionsheet-titlebar-padding-y !default;
+$kendo-adaptive-actionsheet-titlebar-border: $kendo-component-border !default;
 
-$adaptive-actionsheet-content-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
-$adaptive-actionsheet-content-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
+$kendo-adaptive-actionsheet-content-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-adaptive-actionsheet-content-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
 
-$adaptive-actionsheet-footer-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
-$adaptive-actionsheet-footer-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
+$kendo-adaptive-actionsheet-footer-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-adaptive-actionsheet-footer-padding-x: k-map-get( $kendo-spacing, 4 ) !default;

package/scss/adaptive/_variables.scss

@@ -1,30 +1,30 @@
 // Adaptive
-$adaptive-bg: $kendo-component-bg !default;
-$adaptive-text: $kendo-component-text !default;
-$adaptive-border: $kendo-component-border !default;
+$kendo-adaptive-bg: $kendo-component-bg !default;
+$kendo-adaptive-text: $kendo-component-text !default;
+$kendo-adaptive-border: $kendo-component-border !default;
 
-$adaptive-content-bg: $kendo-app-bg !default;
-$adaptive-content-text: $kendo-app-text !default;
+$kendo-adaptive-content-bg: $kendo-app-bg !default;
+$kendo-adaptive-content-text: $kendo-app-text !default;
 
-$adaptive-menu-bg: $kendo-color-primary !default;
-$adaptive-menu-text: k-contrast-legacy( $adaptive-menu-bg ) !default;
+$kendo-adaptive-menu-bg: $kendo-color-primary !default;
+$kendo-adaptive-menu-text: k-contrast-legacy( $kendo-adaptive-menu-bg ) !default;
 
-$adaptive-menu-clear-text: $kendo-color-primary !default;
+$kendo-adaptive-menu-clear-text: $kendo-color-primary !default;
 
-$adaptive-menu-item-border: $kendo-component-border !default;
-$adaptive-menu-title-text: $kendo-component-text !default;
+$kendo-adaptive-menu-item-border: $kendo-component-border !default;
+$kendo-adaptive-menu-title-text: $kendo-component-text !default;
 
-$adaptive-border-width: 1px !default;
-$adaptive-font-family: $font-family !default;
-$adaptive-font-size: $font-size !default;
-$adaptive-line-height: $line-height !default;
+$kendo-adaptive-border-width: 1px !default;
+$kendo-adaptive-font-family: $kendo-font-family !default;
+$kendo-adaptive-font-size: $kendo-font-size-md !default;
+$kendo-adaptive-line-height: $kendo-line-height-md !default;
 
 
 // Adaptive Grid
-$adaptive-grid-sort-text: $kendo-color-primary !default;
+$kendo-adaptive-grid-sort-text: $kendo-color-primary !default;
 
 
 // Adaptive Scheduler
-$adaptive-scheduler-current-text: $kendo-color-primary !default;
-$adaptive-scheduler-base-text: inherit !default;
-$adaptive-scheduler-subtle-text: $kendo-subtle-text !default;
+$kendo-adaptive-scheduler-current-text: $kendo-color-primary !default;
+$kendo-adaptive-scheduler-base-text: inherit !default;
+$kendo-adaptive-scheduler-subtle-text: $kendo-subtle-text !default;

package/scss/appbar/_variables.scss

@@ -7,9 +7,9 @@ $kendo-appbar-border-width: 0px !default;
 
 $kendo-appbar-zindex: 1000 !default;
 
-$kendo-appbar-font-size: $font-size !default;
-$kendo-appbar-line-height: $line-height !default;
-$kendo-appbar-font-family: $font-family !default;
+$kendo-appbar-font-size: $kendo-font-size-md !default;
+$kendo-appbar-line-height: $kendo-line-height-md !default;
+$kendo-appbar-font-family: $kendo-font-family !default;
 $kendo-appbar-gap: k-map-get( $kendo-spacing, 2 ) !default;
 
 $kendo-appbar-light-bg: $kendo-color-light !default;

package/scss/avatar/_variables.scss

@@ -6,13 +6,13 @@ $kendo-avatar-border-width: 1px !default;
 
 /// Font family of the avatar.
 /// @group avatar
-$kendo-avatar-font-family: $font-family !default;
+$kendo-avatar-font-family: $kendo-font-family !default;
 /// Font size of the avatar.
 /// @group avatar
-$kendo-avatar-font-size: $font-size !default;
+$kendo-avatar-font-size: $kendo-font-size-md !default;
 /// Line height of the avatar.
 /// @group avatar
-$kendo-avatar-line-height: $line-height !default;
+$kendo-avatar-line-height: $kendo-line-height-md !default;
 
 /// The sizes of the avatar.
 /// @group avatar

package/scss/badge/_variables.scss

@@ -12,60 +12,60 @@ $kendo-badge-border-radius: $kendo-border-radius-md !default;
 /// Horizontal padding of the badge.
 /// @group badge
 $kendo-badge-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
-$kendo-badge-padding-x-sm: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
-$kendo-badge-padding-x-md: k-map-get( $kendo-spacing, 1 ) !default;
-$kendo-badge-padding-x-lg: k-map-get( $kendo-spacing, 1.5 ) !default;
+$kendo-badge-sm-padding-x: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-badge-md-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
+$kendo-badge-lg-padding-x: k-map-get( $kendo-spacing, 1.5 ) !default;
 
 /// Vertical padding of the badge.
 /// @group badge
 $kendo-badge-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
-$kendo-badge-padding-y-sm: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
-$kendo-badge-padding-y-md: k-map-get( $kendo-spacing, 1 ) !default;
-$kendo-badge-padding-y-lg: k-map-get( $kendo-spacing, 1.5 ) !default;
+$kendo-badge-sm-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-badge-md-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
+$kendo-badge-lg-padding-y: k-map-get( $kendo-spacing, 1.5 ) !default;
 
 /// Font sizes of the badge.
 /// @group badge
-$kendo-badge-font-size: $font-size-xs !default;
-$kendo-badge-font-size-sm: $font-size-xs !default;
-$kendo-badge-font-size-md: $font-size-xs !default;
-$kendo-badge-font-size-lg: $font-size-xs !default;
+$kendo-badge-font-size: $kendo-font-size-xs !default;
+$kendo-badge-sm-font-size: $kendo-font-size-xs !default;
+$kendo-badge-md-font-size: $kendo-font-size-xs !default;
+$kendo-badge-lg-font-size: $kendo-font-size-xs !default;
 
-/// Line heights used along with $font-size.
+/// Line heights used along with $kendo-font-size.
 /// @group badge
 $kendo-badge-line-height: 1 !default;
-$kendo-badge-line-height-sm: $kendo-badge-line-height !default;
-$kendo-badge-line-height-md: $kendo-badge-line-height !default;
-$kendo-badge-line-height-lg: $kendo-badge-line-height !default;
+$kendo-badge-sm-line-height: $kendo-badge-line-height !default;
+$kendo-badge-md-line-height: $kendo-badge-line-height !default;
+$kendo-badge-lg-line-height: $kendo-badge-line-height !default;
 
 /// Badge min width used for circle badge.
 /// @group badge
 $kendo-badge-min-width: calc( #{$kendo-badge-line-height * 1em} + #{$kendo-badge-padding-y * 2} + #{$kendo-badge-border-width * 2}) !default;
-$kendo-badge-min-width-sm: calc( #{$kendo-badge-line-height-sm * 1em} + #{$kendo-badge-padding-y-sm * 2} + #{$kendo-badge-border-width * 2} ) !default;
-$kendo-badge-min-width-md: calc( #{$kendo-badge-line-height-md * 1em} + #{$kendo-badge-padding-y-md * 2} + #{$kendo-badge-border-width * 2} ) !default;
-$kendo-badge-min-width-lg: calc( #{$kendo-badge-line-height-lg * 1em} + #{$kendo-badge-padding-y-lg * 2} + #{$kendo-badge-border-width * 2} ) !default;
+$kendo-badge-sm-min-width: calc( #{$kendo-badge-sm-line-height * 1em} + #{$kendo-badge-sm-padding-y * 2} + #{$kendo-badge-border-width * 2} ) !default;
+$kendo-badge-md-min-width: calc( #{$kendo-badge-md-line-height * 1em} + #{$kendo-badge-md-padding-y * 2} + #{$kendo-badge-border-width * 2} ) !default;
+$kendo-badge-lg-min-width: calc( #{$kendo-badge-lg-line-height * 1em} + #{$kendo-badge-lg-padding-y * 2} + #{$kendo-badge-border-width * 2} ) !default;
 
 /// Sizes map for the badge.
 /// @group badge
 $kendo-badge-sizes: (
     sm: (
-        padding-x: $kendo-badge-padding-x-sm,
-        padding-y: $kendo-badge-padding-y-sm,
-        font-size: $kendo-badge-font-size-sm,
-        line-height: $kendo-badge-line-height-sm,
-        min-width: $kendo-badge-min-width-sm
+        padding-x: $kendo-badge-sm-padding-x,
+        padding-y: $kendo-badge-sm-padding-y,
+        font-size: $kendo-badge-sm-font-size,
+        line-height: $kendo-badge-sm-line-height,
+        min-width: $kendo-badge-sm-min-width
     ),
     md: (
-        padding-x: $kendo-badge-padding-x-md,
-        padding-y: $kendo-badge-padding-y-md,
-        font-size: $kendo-badge-font-size-md,
-        line-height: $kendo-badge-line-height-md,
-        min-width: $kendo-badge-min-width-md
+        padding-x: $kendo-badge-md-padding-x,
+        padding-y: $kendo-badge-md-padding-y,
+        font-size: $kendo-badge-md-font-size,
+        line-height: $kendo-badge-md-line-height,
+        min-width: $kendo-badge-md-min-width
     ),
     lg: (
-        padding-x: $kendo-badge-padding-x-lg,
-        padding-y: $kendo-badge-padding-y-lg,
-        font-size: $kendo-badge-font-size-lg,
-        line-height: $kendo-badge-line-height-lg,
-        min-width: $kendo-badge-min-width-lg
+        padding-x: $kendo-badge-lg-padding-x,
+        padding-y: $kendo-badge-lg-padding-y,
+        font-size: $kendo-badge-lg-font-size,
+        line-height: $kendo-badge-lg-line-height,
+        min-width: $kendo-badge-lg-min-width
     )
 ) !default;

package/scss/bottom-navigation/_variables.scss

@@ -1,29 +1,29 @@
 // Bottom-navigation
-$bottom-nav-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
-$bottom-nav-padding-y: $bottom-nav-padding-x !default;
-$bottom-nav-gap: $bottom-nav-padding-x !default;
-$bottom-nav-border-width: 1px 0px 0px 0px !default;
+$kendo-bottom-nav-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
+$kendo-bottom-nav-padding-y: $kendo-bottom-nav-padding-x !default;
+$kendo-bottom-nav-gap: $kendo-bottom-nav-padding-x !default;
+$kendo-bottom-nav-border-width: 1px 0px 0px 0px !default;
 
-$bottom-nav-font-family: $font-family !default;
-$bottom-nav-font-size: $font-size !default;
-$bottom-nav-line-height: normal !default;
-$bottom-nav-letter-spacing: .2px !default;
+$kendo-bottom-nav-font-family: $kendo-font-family !default;
+$kendo-bottom-nav-font-size: $kendo-font-size-md !default;
+$kendo-bottom-nav-line-height: normal !default;
+$kendo-bottom-nav-letter-spacing: .2px !default;
 
-$bottom-nav-item-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
-$bottom-nav-item-padding-y: 0 !default;
-$bottom-nav-item-min-width: 72px !default;
-$bottom-nav-item-max-width: null !default;
-$bottom-nav-item-min-height: calc( #{$kendo-icon-size * 2.5} + #{$kendo-padding-md-x * 2} - #{$bottom-nav-padding-x * 2} ) !default;
-$bottom-nav-item-border-radius: $kendo-border-radius-md !default;
-$bottom-nav-item-gap: 0 k-map-get( $kendo-spacing, 1 ) !default;
+$kendo-bottom-nav-item-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-bottom-nav-item-padding-y: 0 !default;
+$kendo-bottom-nav-item-min-width: 72px !default;
+$kendo-bottom-nav-item-max-width: null !default;
+$kendo-bottom-nav-item-min-height: calc( #{$kendo-icon-size * 2.5} + #{$kendo-padding-md-x * 2} - #{$kendo-bottom-nav-padding-x * 2} ) !default;
+$kendo-bottom-nav-item-border-radius: $kendo-border-radius-md !default;
+$kendo-bottom-nav-item-gap: 0 k-map-get( $kendo-spacing, 1 ) !default;
 
-$bottom-nav-item-icon-margin-y: k-map-get( $kendo-spacing, 2 ) !default;
-$bottom-nav-item-icon-margin-x: $bottom-nav-item-icon-margin-y !default;
-$bottom-nav-item-icon-size: k-map-get( $kendo-spacing, 6 ) !default;
-$bottom-nav-item-disabled-opacity: .5 !default;
+$kendo-bottom-nav-item-icon-margin-y: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-bottom-nav-item-icon-margin-x: $kendo-bottom-nav-item-icon-margin-y !default;
+$kendo-bottom-nav-item-icon-size: k-map-get( $kendo-spacing, 6 ) !default;
+$kendo-bottom-nav-item-disabled-opacity: .5 !default;
 
-$bottom-nav-shadow: 0px 0px 5px rgba( black, .12 ) !default;
+$kendo-bottom-nav-shadow: 0px 0px 5px rgba( black, .12 ) !default;
 
-$bottom-nav-flat-bg: $kendo-component-bg !default;
-$bottom-nav-flat-text: $kendo-component-text !default;
-$bottom-nav-flat-border: $kendo-component-border !default;
+$kendo-bottom-nav-flat-bg: $kendo-component-bg !default;
+$kendo-bottom-nav-flat-text: $kendo-component-text !default;
+$kendo-bottom-nav-flat-border: $kendo-component-border !default;

package/scss/breadcrumb/_variables.scss

@@ -1,60 +1,61 @@
-@import "../typography/_variables.scss";
-
-
 // Breadcrumb
 
-$breadcrumb-margin-x: null !default;
-$breadcrumb-margin-y: null !default;
-$breadcrumb-padding-x: null !default;
-$breadcrumb-padding-y: null !default;
-$breadcrumb-border-width: 0px !default;
+$kendo-breadcrumb-margin-x: null !default;
+$kendo-breadcrumb-margin-y: null !default;
+$kendo-breadcrumb-padding-x: null !default;
+$kendo-breadcrumb-padding-y: null !default;
+$kendo-breadcrumb-border-width: 0px !default;
+
+$kendo-breadcrumb-font-family: $kendo-font-family !default;
+$kendo-breadcrumb-font-size: $kendo-font-size-md !default;
+$kendo-breadcrumb-line-height: $kendo-line-height-md !default;
 
-$breadcrumb-font-family: $font-family !default;
-$breadcrumb-font-size: $font-size !default;
-$breadcrumb-line-height: $line-height !default;
+$kendo-breadcrumb-bg: $kendo-component-bg !default;
+$kendo-breadcrumb-text: $kendo-component-text !default;
+$kendo-breadcrumb-border: $kendo-component-border !default;
 
-$breadcrumb-bg: $kendo-component-bg !default;
-$breadcrumb-text: $kendo-component-text !default;
-$breadcrumb-border: $kendo-component-border !default;
+$kendo-breadcrumb-delimiter-icon-font-size: $kendo-icon-size * .75 !default;
 
-$breadcrumb-delimiter-icon-font-size: $kendo-icon-size * .75 !default;
+$kendo-breadcrumb-link-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-breadcrumb-link-padding-y: k-map-get( $kendo-spacing, 1.5 ) !default;
+$kendo-breadcrumb-link-border-radius: $kendo-border-radius-md !default;
 
-$breadcrumb-link-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
-$breadcrumb-link-padding-y: k-map-get( $kendo-spacing, 1.5 ) !default;
-$breadcrumb-link-border-radius: $kendo-border-radius-md !default;
+$kendo-breadcrumb-icon-link-padding-x: $kendo-breadcrumb-link-padding-x !default;
+$kendo-breadcrumb-icon-link-padding-y: $kendo-breadcrumb-icon-link-padding-x !default;
 
-$breadcrumb-icon-link-padding-x: $breadcrumb-link-padding-x !default;
-$breadcrumb-icon-link-padding-y: $breadcrumb-icon-link-padding-x !default;
+$kendo-breadcrumb-root-link-spacing: $kendo-breadcrumb-link-padding-x !default;
+$kendo-breadcrumb-link-icon-spacing: $kendo-icon-spacing !default;
 
-$breadcrumb-root-link-spacing: $breadcrumb-link-padding-x !default;
-$breadcrumb-link-icon-spacing: $kendo-icon-spacing !default;
+$kendo-breadcrumb-link-initial-text: inherit !default;
 
-$breadcrumb-link-initial-text: inherit !default;
+$kendo-breadcrumb-link-bg: null !default;
+$kendo-breadcrumb-link-text: $kendo-link-text !default;
+$kendo-breadcrumb-link-border: null !default;
 
-$breadcrumb-link-bg: null !default;
-$breadcrumb-link-text: $link-text !default;
-$breadcrumb-link-border: null !default;
+$kendo-breadcrumb-link-hover-bg: $kendo-base-bg !default;
+$kendo-breadcrumb-link-hover-text: $kendo-link-hover-text !default;
+$kendo-breadcrumb-link-hover-border: null !default;
 
-$breadcrumb-link-hover-bg: $base-bg !default;
-$breadcrumb-link-hover-text: $link-hover-text !default;
-$breadcrumb-link-hover-border: null !default;
+$kendo-breadcrumb-link-focus-bg: null !default;
+$kendo-breadcrumb-link-focus-text: $kendo-link-text !default;
+$kendo-breadcrumb-link-focus-border: null !default;
+$kendo-breadcrumb-link-focus-shadow: $kendo-focus-shadow !default;
 
-$breadcrumb-link-focus-bg: null !default;
-$breadcrumb-link-focus-text: $link-text !default;
-$breadcrumb-link-focus-border: null !default;
-$breadcrumb-link-focus-shadow: $kendo-focus-shadow !default;
+$kendo-breadcrumb-root-link-bg: null !default;
+$kendo-breadcrumb-root-link-text: null !default;
+$kendo-breadcrumb-root-link-border: null !default;
 
-$breadcrumb-root-link-bg: null !default;
-$breadcrumb-root-link-text: null !default;
-$breadcrumb-root-link-border: null !default;
+$kendo-breadcrumb-root-link-hover-bg: $kendo-base-bg !default;
+$kendo-breadcrumb-root-link-hover-text: null !default;
+$kendo-breadcrumb-root-link-hover-border: null !default;
 
-$breadcrumb-root-link-hover-bg: $base-bg !default;
-$breadcrumb-root-link-hover-text: null !default;
-$breadcrumb-root-link-hover-border: null !default;
+$kendo-breadcrumb-root-link-focus-bg: null !default;
+$kendo-breadcrumb-root-link-focus-text: null !default;
+$kendo-breadcrumb-root-link-focus-border: null !default;
+$kendo-breadcrumb-root-link-focus-shadow: $kendo-breadcrumb-link-focus-shadow !default;
 
-$breadcrumb-root-link-focus-bg: null !default;
-$breadcrumb-root-link-focus-text: null !default;
-$breadcrumb-root-link-focus-border: null !default;
-$breadcrumb-root-link-focus-shadow: $breadcrumb-link-focus-shadow !default;
+$kendo-breadcrumb-current-item-bg: null !default;
+$kendo-breadcrumb-current-item-text: null !default;
+$kendo-breadcrumb-current-item-border: null !default;
 
-$breadcrumb-focus-shadow: 0 0 2px 1px rgba( black, .06 ) !default;
+$kendo-breadcrumb-focus-shadow: 0 0 2px 1px rgba( black, .06 ) !default;

package/scss/button/_variables.scss

@@ -16,61 +16,61 @@ $kendo-button-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
 $kendo-button-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
 /// Font family of the button.
 /// @group button
-$kendo-button-font-family: $font-family !default;
+$kendo-button-font-family: $kendo-font-family !default;
 /// Font sizes of the button.
 /// @group button
-$kendo-button-font-size: $font-size-md !default;
-/// Line heights used along with $font-size.
+$kendo-button-font-size: $kendo-font-size-md !default;
+/// Line heights used along with $kendo-font-size.
 /// @group button
-$kendo-button-line-height: $line-height-md !default;
+$kendo-button-line-height: $kendo-line-height-md !default;
 
-$kendo-button-padding-x-sm: k-map-get( $kendo-spacing, 2 ) !default;
-$kendo-button-padding-y-sm: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
-$kendo-button-font-size-sm: $font-size-md !default;
-$kendo-button-line-height-sm: $line-height-md !default;
+$kendo-button-sm-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-button-sm-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-button-sm-font-size: $kendo-font-size-md !default;
+$kendo-button-sm-line-height: $kendo-line-height-md !default;
 
-$kendo-button-padding-x-md: k-map-get( $kendo-spacing, 2 ) !default;
-$kendo-button-padding-y-md: k-map-get( $kendo-spacing, 1 ) !default;
-$kendo-button-font-size-md: $font-size-md !default;
-$kendo-button-line-height-md: $line-height-md !default;
+$kendo-button-md-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-button-md-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
+$kendo-button-md-font-size: $kendo-font-size-md !default;
+$kendo-button-md-line-height: $kendo-line-height-md !default;
 
-$kendo-button-padding-x-lg: k-map-get( $kendo-spacing, 3 ) !default;
-$kendo-button-padding-y-lg: k-map-get( $kendo-spacing, 2 ) !default;
-$kendo-button-font-size-lg: $font-size-lg !default;
-$kendo-button-line-height-lg: $line-height-lg !default;
+$kendo-button-lg-padding-x: k-map-get( $kendo-spacing, 3 ) !default;
+$kendo-button-lg-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-button-lg-font-size: $kendo-font-size-lg !default;
+$kendo-button-lg-line-height: $kendo-line-height-lg !default;
 
 /// Calculated height of the button.
 /// @group button
 $kendo-button-calc-size: calc( #{$kendo-button-line-height * 1em} + #{$kendo-button-padding-y * 2} + #{$kendo-button-border-width * 2} ) !default;
-$kendo-button-calc-size-sm: calc( #{$kendo-button-line-height-sm * 1em} + #{$kendo-button-padding-y-sm * 2} + #{$kendo-button-border-width * 2} ) !default;
-$kendo-button-calc-size-md: calc( #{$kendo-button-line-height-md * 1em} + #{$kendo-button-padding-y-md * 2} + #{$kendo-button-border-width * 2} ) !default;
-$kendo-button-calc-size-lg: calc( #{$kendo-button-line-height-lg * 1em} + #{$kendo-button-padding-y-lg * 2} + #{$kendo-button-border-width * 2} ) !default;
+$kendo-button-sm-calc-size: calc( #{$kendo-button-sm-line-height * 1em} + #{$kendo-button-sm-padding-y * 2} + #{$kendo-button-border-width * 2} ) !default;
+$kendo-button-md-calc-size: calc( #{$kendo-button-md-line-height * 1em} + #{$kendo-button-md-padding-y * 2} + #{$kendo-button-border-width * 2} ) !default;
+$kendo-button-lg-calc-size: calc( #{$kendo-button-lg-line-height * 1em} + #{$kendo-button-lg-padding-y * 2} + #{$kendo-button-border-width * 2} ) !default;
 
 /// Calculated inner height of the button. Without the border width.
 /// @group button
 $kendo-button-inner-calc-size: calc( #{$kendo-button-line-height * 1em} + #{$kendo-button-padding-y * 2} ) !default;
-$kendo-button-inner-calc-size-sm: calc( #{$kendo-button-line-height-sm * 1em} + #{$kendo-button-padding-y-sm * 2} ) !default;
-$kendo-button-inner-calc-size-md: calc( #{$kendo-button-line-height-md * 1em} + #{$kendo-button-padding-y-md * 2} ) !default;
-$kendo-button-inner-calc-size-lg: calc( #{$kendo-button-line-height-lg * 1em} + #{$kendo-button-padding-y-lg * 2} ) !default;
+$kendo-button-sm-inner-calc-size: calc( #{$kendo-button-sm-line-height * 1em} + #{$kendo-button-sm-padding-y * 2} ) !default;
+$kendo-button-md-inner-calc-size: calc( #{$kendo-button-md-line-height * 1em} + #{$kendo-button-md-padding-y * 2} ) !default;
+$kendo-button-lg-inner-calc-size: calc( #{$kendo-button-lg-line-height * 1em} + #{$kendo-button-lg-padding-y * 2} ) !default;
 
 $kendo-button-sizes: (
     sm: (
-        padding-x: $kendo-button-padding-x-sm,
-        padding-y: $kendo-button-padding-y-sm,
-        font-size: $kendo-button-font-size-sm,
-        line-height: $kendo-button-line-height-sm
+        padding-x: $kendo-button-sm-padding-x,
+        padding-y: $kendo-button-sm-padding-y,
+        font-size: $kendo-button-sm-font-size,
+        line-height: $kendo-button-sm-line-height
     ),
     md: (
-        padding-x: $kendo-button-padding-x-md,
-        padding-y: $kendo-button-padding-y-md,
-        font-size: $kendo-button-font-size-md,
-        line-height: $kendo-button-line-height-md
+        padding-x: $kendo-button-md-padding-x,
+        padding-y: $kendo-button-md-padding-y,
+        font-size: $kendo-button-md-font-size,
+        line-height: $kendo-button-md-line-height
     ),
     lg: (
-        padding-x: $kendo-button-padding-x-lg,
-        padding-y: $kendo-button-padding-y-lg,
-        font-size: $kendo-button-font-size-lg,
-        line-height: $kendo-button-line-height-lg
+        padding-x: $kendo-button-lg-padding-x,
+        padding-y: $kendo-button-lg-padding-y,
+        font-size: $kendo-button-lg-font-size,
+        line-height: $kendo-button-lg-line-height
     )
 ) !default;
 
@@ -78,21 +78,21 @@ $kendo-button-sizes: (
 /// @group button
 $kendo-button-theme-colors: k-map-merge(
     $kendo-theme-colors,
-    ( "base": $base-bg )
+    ( "base": $kendo-base-bg )
 ) !default;
 
 /// The base background of the button.
 /// @group button
-$kendo-button-bg: $base-bg !default;
+$kendo-button-bg: $kendo-base-bg !default;
 /// The base text color of the button.
 /// @group button
-$kendo-button-text: $base-text !default;
+$kendo-button-text: $kendo-base-text !default;
 /// The base border color of the button.
 /// @group button
 $kendo-button-border: k-try-shade( $kendo-button-bg, 2 ) !default;
 /// The base background gradient of the button.
 /// @group button
-$kendo-button-gradient: $base-gradient !default;
+$kendo-button-gradient: $kendo-base-gradient !default;
 /// The base shadow of the button.
 /// @group button
 $kendo-button-shadow: null !default;
@@ -178,7 +178,7 @@ $kendo-button-disabled-gradient: null !default;
 $kendo-button-disabled-shadow: null !default;
 
 // Solid button
-$kendo-solid-button-gradient: $base-gradient !default;
+$kendo-solid-button-gradient: $kendo-base-gradient !default;
 $kendo-solid-button-shade-function: "k-try-shade" !default;
 $kendo-solid-button-shade-text-amount: 0 !default;
 $kendo-solid-button-shade-bg-amount: 0 !default;