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

package/scss/menu/_variables.scss

@@ -1,47 +1,47 @@
 // Menu
-$menu-border-width: 0px !default;
-$menu-font-family: $font-family !default;
-$menu-font-size: $font-size !default;
-$menu-line-height: $line-height !default;
+$kendo-menu-border-width: 0px !default;
+$kendo-menu-font-family: $kendo-font-family !default;
+$kendo-menu-font-size: $kendo-font-size-md !default;
+$kendo-menu-line-height: $kendo-line-height-md !default;
 
-$menu-bg: $kendo-component-header-bg !default;
-$menu-text: $kendo-component-header-text !default;
-$menu-border: $kendo-component-header-border !default;
-$menu-gradient: null !default;
+$kendo-menu-bg: $kendo-component-header-bg !default;
+$kendo-menu-text: $kendo-component-header-text !default;
+$kendo-menu-border: $kendo-component-header-border !default;
+$kendo-menu-gradient: null !default;
 
-$menu-item-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
-$menu-item-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
-$menu-item-spacing: 0 !default;
-$menu-item-icon-spacing: $kendo-icon-spacing !default;
+$kendo-menu-item-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-menu-item-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-menu-item-spacing: 0 !default;
+$kendo-menu-item-icon-spacing: $kendo-icon-spacing !default;
 
-$menu-item-bg: null !default;
-$menu-item-text: rgba( $menu-text, .5 ) !default;
-$menu-item-border: null !default;
-$menu-item-gradient: null !default;
+$kendo-menu-item-bg: null !default;
+$kendo-menu-item-text: rgba( $kendo-menu-text, .5 ) !default;
+$kendo-menu-item-border: null !default;
+$kendo-menu-item-gradient: null !default;
 
-$menu-item-hover-bg: null !default;
-$menu-item-hover-text: rgba( $menu-text, .7 ) !default;
-$menu-item-hover-border: null !default;
-$menu-item-hover-gradient: null !default;
+$kendo-menu-item-hover-bg: null !default;
+$kendo-menu-item-hover-text: rgba( $kendo-menu-text, .7 ) !default;
+$kendo-menu-item-hover-border: null !default;
+$kendo-menu-item-hover-gradient: null !default;
 
-$menu-item-expanded-bg: null !default;
-$menu-item-expanded-text: rgba( $menu-text, .9 ) !default;
-$menu-item-expanded-border: null !default;
-$menu-item-expanded-gradient: null !default;
+$kendo-menu-item-expanded-bg: null !default;
+$kendo-menu-item-expanded-text: rgba( $kendo-menu-text, .9 ) !default;
+$kendo-menu-item-expanded-border: null !default;
+$kendo-menu-item-expanded-gradient: null !default;
 
-$menu-item-focus-shadow: inset 0 0 0 3px rgba( $menu-text, .15 ) !default;
+$kendo-menu-item-focus-shadow: inset 0 0 0 3px rgba( $kendo-menu-text, .15 ) !default;
 
-$menu-separator-spacing: k-map-get( $kendo-spacing, 1 ) !default;
+$kendo-menu-separator-spacing: k-map-get( $kendo-spacing, 1 ) !default;
 
-$menu-scroll-button-bg: $menu-bg !default;
-$menu-scroll-button-text: rgba( $menu-text, .5 ) !default;
-$menu-scroll-button-border: $menu-border !default;
-$menu-scroll-button-gradient: null !default;
+$kendo-menu-scroll-button-bg: $kendo-menu-bg !default;
+$kendo-menu-scroll-button-text: rgba( $kendo-menu-text, .5 ) !default;
+$kendo-menu-scroll-button-border: $kendo-menu-border !default;
+$kendo-menu-scroll-button-gradient: null !default;
 
-$menu-scroll-button-hover-bg: null !default;
-$menu-scroll-button-hover-text: rgba( $menu-text, .7 ) !default;
-$menu-scroll-button-hover-border: null !default;
-$menu-scroll-button-hover-gradient: null !default;
+$kendo-menu-scroll-button-hover-bg: null !default;
+$kendo-menu-scroll-button-hover-text: rgba( $kendo-menu-text, .7 ) !default;
+$kendo-menu-scroll-button-hover-border: null !default;
+$kendo-menu-scroll-button-hover-gradient: null !default;
 
 
 // Menu popup
@@ -56,31 +56,31 @@ $kendo-menu-popup-padding-y: null !default;
 
 /// Width of the border around the menu popup.
 /// @group menu
-$kendo-menu-popup-border-width: $popup-border-width !default;
+$kendo-menu-popup-border-width: $kendo-popup-border-width !default;
 
 /// Font sizes of the menu popup.
 /// @group menu
-$kendo-menu-popup-font-size: $font-size-md !default;
-$kendo-menu-popup-font-size-sm: $font-size-md !default;
-$kendo-menu-popup-font-size-md: $font-size-md !default;
-$kendo-menu-popup-font-size-lg: $font-size-md !default;
+$kendo-menu-popup-font-size: $kendo-font-size-md !default;
+$kendo-menu-popup-sm-font-size: $kendo-font-size-md !default;
+$kendo-menu-popup-md-font-size: $kendo-font-size-md !default;
+$kendo-menu-popup-lg-font-size: $kendo-font-size-md !default;
 
-/// Line heights used along with $font-size.
+/// Line heights used along with $kendo-font-size.
 /// @group menu
-$kendo-menu-popup-line-height: $line-height-md !default;
-$kendo-menu-popup-line-height-sm: $line-height-md !default;
-$kendo-menu-popup-line-height-md: $line-height-md !default;
-$kendo-menu-popup-line-height-lg: $line-height-md !default;
+$kendo-menu-popup-line-height: $kendo-line-height-md !default;
+$kendo-menu-popup-sm-line-height: $kendo-line-height-md !default;
+$kendo-menu-popup-md-line-height: $kendo-line-height-md !default;
+$kendo-menu-popup-lg-line-height: $kendo-line-height-md !default;
 
 /// The background of the menu popup.
 /// @group menu
-$kendo-menu-popup-bg: $popup-bg !default;
+$kendo-menu-popup-bg: $kendo-popup-bg !default;
 /// The text color of the menu popup.
 /// @group menu
-$kendo-menu-popup-text: $popup-text !default;
+$kendo-menu-popup-text: $kendo-popup-text !default;
 /// The border color of the menu popup.
 /// @group menu
-$kendo-menu-popup-border: $popup-border !default;
+$kendo-menu-popup-border: $kendo-popup-border !default;
 /// The background gradient of the menu popup.
 /// @group menu
 $kendo-menu-popup-gradient: null !default;
@@ -91,35 +91,35 @@ $kendo-menu-popup-gradient: null !default;
 /// Horizontal padding of the menu item in popup.
 /// @group menu
 $kendo-menu-popup-item-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
-$kendo-menu-popup-item-padding-x-sm: k-map-get( $kendo-spacing, 4 ) !default;
-$kendo-menu-popup-item-padding-x-md: k-map-get( $kendo-spacing, 4 ) !default;
-$kendo-menu-popup-item-padding-x-lg: k-map-get( $kendo-spacing, 4 ) !default;
+$kendo-menu-popup-sm-item-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
+$kendo-menu-popup-md-item-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
+$kendo-menu-popup-lg-item-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
 
 /// Vertical padding of the menu item in popup.
 /// @group menu
 $kendo-menu-popup-item-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
-$kendo-menu-popup-item-padding-y-sm: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
-$kendo-menu-popup-item-padding-y-md: k-map-get( $kendo-spacing, 1 ) !default;
-$kendo-menu-popup-item-padding-y-lg: k-map-get( $kendo-spacing, 1.5 ) !default;
+$kendo-menu-popup-sm-item-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-menu-popup-md-item-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
+$kendo-menu-popup-lg-item-padding-y: k-map-get( $kendo-spacing, 1.5 ) !default;
 
 /// The end padding of the menu item in popup.
 /// @group menu
 $kendo-menu-popup-item-padding-end: calc( #{$kendo-menu-popup-item-padding-x * 2} + #{$kendo-icon-size} ) !default;
-$kendo-menu-popup-item-padding-end-sm: calc( #{$kendo-menu-popup-item-padding-x-sm * 2} + #{$kendo-icon-size} ) !default;
-$kendo-menu-popup-item-padding-end-md: calc( #{$kendo-menu-popup-item-padding-x-md * 2} + #{$kendo-icon-size} ) !default;
-$kendo-menu-popup-item-padding-end-lg: calc( #{$kendo-menu-popup-item-padding-x-lg * 2} + #{$kendo-icon-size} ) !default;
+$kendo-menu-popup-sm-item-padding-end: calc( #{$kendo-menu-popup-sm-item-padding-x * 2} + #{$kendo-icon-size} ) !default;
+$kendo-menu-popup-md-item-padding-end: calc( #{$kendo-menu-popup-md-item-padding-x * 2} + #{$kendo-icon-size} ) !default;
+$kendo-menu-popup-lg-item-padding-end: calc( #{$kendo-menu-popup-lg-item-padding-x * 2} + #{$kendo-icon-size} ) !default;
 
 /// The start margin of the menu item expand icon.
 /// @group menu
-$kendo-menu-popup-item-icon-margin-start-sm: $kendo-menu-popup-item-padding-x-sm !default;
-$kendo-menu-popup-item-icon-margin-start: $kendo-menu-popup-item-padding-x-md !default;
-$kendo-menu-popup-item-icon-margin-start-lg: $kendo-menu-popup-item-padding-x-lg !default;
+$kendo-menu-popup-sm-item-icon-margin-start: $kendo-menu-popup-sm-item-padding-x !default;
+$kendo-menu-popup-md-item-icon-margin-start: $kendo-menu-popup-md-item-padding-x !default;
+$kendo-menu-popup-lg-item-icon-margin-start: $kendo-menu-popup-lg-item-padding-x !default;
 
 /// The end margin of the menu item expand icon.
 /// @group menu
-$kendo-menu-popup-item-icon-margin-end-sm: calc( -1 * (#{$kendo-menu-popup-item-padding-end-sm} - #{k-math-div( $kendo-menu-popup-item-padding-x-sm, 2 )}) ) !default;
-$kendo-menu-popup-item-icon-margin-end: calc( -1 * (#{$kendo-menu-popup-item-padding-end-md} - #{k-math-div( $kendo-menu-popup-item-padding-x-md, 2 )}) ) !default;
-$kendo-menu-popup-item-icon-margin-end-lg: calc( -1 * (#{$kendo-menu-popup-item-padding-end-lg} - #{k-math-div( $kendo-menu-popup-item-padding-x-lg, 2 )}) ) !default;
+$kendo-menu-popup-sm-item-icon-margin-end: calc( -1 * (#{$kendo-menu-popup-sm-item-padding-end} - #{k-math-div( $kendo-menu-popup-sm-item-padding-x, 2 )}) ) !default;
+$kendo-menu-popup-md-item-icon-margin-end: calc( -1 * (#{$kendo-menu-popup-md-item-padding-end} - #{k-math-div( $kendo-menu-popup-md-item-padding-x, 2 )}) ) !default;
+$kendo-menu-popup-lg-item-icon-margin-end: calc( -1 * (#{$kendo-menu-popup-lg-item-padding-end} - #{k-math-div( $kendo-menu-popup-lg-item-padding-x, 2 )}) ) !default;
 
 /// The spacing between the menu items in popup.
 /// @group menu
@@ -166,4 +166,4 @@ $kendo-menu-popup-item-expanded-gradient: null !default;
 
 /// The base shadow of focused menu item in popup.
 /// @group menu
-$kendo-menu-popup-item-focus-shadow: $menu-item-focus-shadow !default;
+$kendo-menu-popup-item-focus-shadow: $kendo-menu-item-focus-shadow !default;

package/scss/messagebox/_variables.scss

@@ -1,15 +1,15 @@
 // Message box
-$message-box-margin: 0 0 k-map-get( $kendo-spacing, 4 ) 0 !default;
-$message-box-padding-x: $kendo-padding-md-x !default;
-$message-box-padding-y: $kendo-padding-md-y !default;
-$message-box-border-width: 0 0 0 4px !default;
+$kendo-message-box-margin: 0 0 k-map-get( $kendo-spacing, 4 ) 0 !default;
+$kendo-message-box-padding-x: $kendo-padding-md-x !default;
+$kendo-message-box-padding-y: $kendo-padding-md-y !default;
+$kendo-message-box-border-width: 0 0 0 4px !default;
 
-$message-box-font-size: $font-size !default;
-$message-box-line-height: $line-height !default;
+$kendo-message-box-font-size: $kendo-font-size-md !default;
+$kendo-message-box-line-height: $kendo-line-height-md !default;
 
-$message-box-bg-level: -10 !default;
-$message-box-text-level: 6 !default;
-$message-box-border-level: -9 !default;
+$kendo-message-box-bg-level: -10 !default;
+$kendo-message-box-text-level: 6 !default;
+$kendo-message-box-border-level: -9 !default;
 
-$message-box-link-font-style: normal !default;
-$message-box-link-text-decoration: underline !default;
+$kendo-message-box-link-font-style: normal !default;
+$kendo-message-box-link-text-decoration: underline !default;

package/scss/notification/_variables.scss

@@ -14,16 +14,16 @@ $kendo-notification-border-width: $alert-border-width !default;
 $kendo-notification-border-radius: $alert-border-radius !default;
 /// Box shadow of the notification.
 /// @group notification
-$kendo-notification-shadow: $popup-shadow !default;
+$kendo-notification-shadow: $kendo-popup-shadow !default;
 /// Font family of the notification.
 /// @group notification
-$kendo-notification-font-family: $font-family !default;
+$kendo-notification-font-family: $kendo-font-family !default;
 /// Font size of the notification.
 /// @group notification
-$kendo-notification-font-size: $font-size-sm !default;
+$kendo-notification-font-size: $kendo-font-size-sm !default;
 /// Line height of the notification.
 /// @group notification
-$kendo-notification-line-height: $line-height !default;
+$kendo-notification-line-height: $kendo-line-height-md !default;
 
 /// Horizontal spacing of the notification icon.
 /// @group notification

package/scss/orgchart/_variables.scss

@@ -1,57 +1,57 @@
 // Orgchart
-$orgchart-spacer: k-map-get( $kendo-spacing, 6 ) !default;
-$orgchart-padding-y: $orgchart-spacer !default;
-$orgchart-padding-x: $orgchart-padding-y !default;
-$orgchart-font-family: $font-family !default;
-$orgchart-font-size: $font-size !default;
-$orgchart-line-height: $line-height !default;
-$orgchart-bg: $kendo-component-bg !default;
-$orgchart-text: $kendo-component-text !default;
-$orgchart-border: $kendo-component-border !default;
-
-$orgchart-node-gap: $orgchart-spacer !default;
-$orgchart-group-gap: $orgchart-spacer !default;
-$orgchart-node-container-gap: $orgchart-spacer !default;
-
-$orgchart-node-group-padding-y: $orgchart-spacer !default;
-$orgchart-node-group-padding-x: $orgchart-node-group-padding-y !default;
-$orgchart-node-group-border-width: 1px !default;
-$orgchart-node-group-border-radius: $kendo-border-radius-md !default;
-$orgchart-node-group-bg: $base-bg !default;
-$orgchart-node-group-text: $base-text !default;
-$orgchart-node-group-border: $base-border !default;
-
-$orgchart-node-group-focus-border: $card-focus-border !default;
-$orgchart-node-group-focus-shadow: $card-focus-shadow !default;
-
-$orgchart-node-group-title-font-size: $font-size-lg !default;
-$orgchart-node-group-title-margin-bottom: k-math-div( $orgchart-spacer, 4 ) !default;
-$orgchart-node-group-title-line-height: $line-height-sm !default;
-
-$orgchart-node-group-subtitle-margin-bottom: $orgchart-spacer !default;
-$orgchart-node-group-subtitle-font-size: $font-size !default;
-$orgchart-node-group-subtitle-text: $kendo-subtle-text !default;
-
-$orgchart-card-width: 300px !default;
-$orgchart-card-padding-y: $card-padding-y !default;
-$orgchart-card-padding-x: $orgchart-card-padding-y !default;
-$orgchart-card-border-width: $card-border-width !default;
-$orgchart-card-shadow: $card-shadow !default;
-$orgchart-card-focus-shadow: $card-focus-shadow !default;
-
-$orgchart-card-title-margin-bottom: 0px !default;
-$orgchart-card-title-font-size: null !default;
-
-$orgchart-card-subtitle-margin-bottom: 0px !default;
-$orgchart-card-subtitle-font-size: null !default;
-
-$orgchart-card-body-border-width: 2px 0 0 !default;
-$orgchart-card-body-border-color: transparent !default;
-
-$orgchart-card-body-vbox-margin-right: k-math-div( $orgchart-spacer, 2 ) !default;
-$orgchart-card-body-vbox-min-height: $card-avatar-size !default;
-
-$orgchart-line-size: 1px !default;
-$orgchart-line-fill: $base-border !default;
-
-$orgchart-line-v-height: 25px !default;
+$kendo-orgchart-spacer: k-map-get( $kendo-spacing, 6 ) !default;
+$kendo-orgchart-padding-y: $kendo-orgchart-spacer !default;
+$kendo-orgchart-padding-x: $kendo-orgchart-padding-y !default;
+$kendo-orgchart-font-family: $kendo-font-family !default;
+$kendo-orgchart-font-size: $kendo-font-size-md !default;
+$kendo-orgchart-line-height: $kendo-line-height-md !default;
+$kendo-orgchart-bg: $kendo-component-bg !default;
+$kendo-orgchart-text: $kendo-component-text !default;
+$kendo-orgchart-border: $kendo-component-border !default;
+
+$kendo-orgchart-node-gap: $kendo-orgchart-spacer !default;
+$kendo-orgchart-group-gap: $kendo-orgchart-spacer !default;
+$kendo-orgchart-node-container-gap: $kendo-orgchart-spacer !default;
+
+$kendo-orgchart-node-group-padding-y: $kendo-orgchart-spacer !default;
+$kendo-orgchart-node-group-padding-x: $kendo-orgchart-node-group-padding-y !default;
+$kendo-orgchart-node-group-border-width: 1px !default;
+$kendo-orgchart-node-group-border-radius: $kendo-border-radius-md !default;
+$kendo-orgchart-node-group-bg: $kendo-base-bg !default;
+$kendo-orgchart-node-group-text: $kendo-base-text !default;
+$kendo-orgchart-node-group-border: $kendo-base-border !default;
+
+$kendo-orgchart-node-group-focus-border: $kendo-card-focus-border !default;
+$kendo-orgchart-node-group-focus-shadow: $kendo-card-focus-shadow !default;
+
+$kendo-orgchart-node-group-title-font-size: $kendo-font-size-lg !default;
+$kendo-orgchart-node-group-title-margin-bottom: k-math-div( $kendo-orgchart-spacer, 4 ) !default;
+$kendo-orgchart-node-group-title-line-height: $kendo-line-height-sm !default;
+
+$kendo-orgchart-node-group-subtitle-margin-bottom: $kendo-orgchart-spacer !default;
+$kendo-orgchart-node-group-subtitle-font-size: $kendo-font-size-md !default;
+$kendo-orgchart-node-group-subtitle-text: $kendo-subtle-text !default;
+
+$kendo-orgchart-card-width: 300px !default;
+$kendo-orgchart-card-padding-y: $kendo-card-padding-y !default;
+$kendo-orgchart-card-padding-x: $kendo-orgchart-card-padding-y !default;
+$kendo-orgchart-card-border-width: $kendo-card-border-width !default;
+$kendo-orgchart-card-shadow: $kendo-card-shadow !default;
+$kendo-orgchart-card-focus-shadow: $kendo-card-focus-shadow !default;
+
+$kendo-orgchart-card-title-margin-bottom: 0px !default;
+$kendo-orgchart-card-title-font-size: null !default;
+
+$kendo-orgchart-card-subtitle-margin-bottom: 0px !default;
+$kendo-orgchart-card-subtitle-font-size: null !default;
+
+$kendo-orgchart-card-body-border-width: 2px 0 0 !default;
+$kendo-orgchart-card-body-border-color: transparent !default;
+
+$kendo-orgchart-card-body-vbox-margin-right: k-math-div( $kendo-orgchart-spacer, 2 ) !default;
+$kendo-orgchart-card-body-vbox-min-height: $kendo-card-avatar-size !default;
+
+$kendo-orgchart-line-size: 1px !default;
+$kendo-orgchart-line-fill: $kendo-base-border !default;
+
+$kendo-orgchart-line-v-height: 25px !default;

package/scss/overlay/_variables.scss

@@ -1,4 +1,4 @@
-$overlay-theme-colors: $kendo-theme-colors !default;
+$kendo-overlay-theme-colors: $kendo-theme-colors !default;
 
-$overlay-bg: $kendo-color-black !default;
-$overlay-opacity: .5 !default;
+$kendo-overlay-bg: $kendo-color-black !default;
+$kendo-overlay-opacity: .5 !default;

package/scss/pager/_variables.scss

@@ -1,45 +1,42 @@
-@import "../typography/_variables.scss";
-
-
 // Pager
 
 /// Horizontal padding of the pager according to the pager size.
 /// @group pager
 $kendo-pager-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
-$kendo-pager-padding-x-sm: k-map-get( $kendo-spacing, 1 ) !default;
-$kendo-pager-padding-x-md: k-map-get( $kendo-spacing, 2 ) !default;
-$kendo-pager-padding-x-lg: k-map-get( $kendo-spacing, 2.5 ) !default;
+$kendo-pager-sm-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
+$kendo-pager-md-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-pager-lg-padding-x: k-map-get( $kendo-spacing, 2.5 ) !default;
 /// Vertical padding of the pager according to the pager size.
 /// @group pager
 $kendo-pager-padding-y: $kendo-pager-padding-x !default;
-$kendo-pager-padding-y-sm: $kendo-pager-padding-x-sm !default;
-$kendo-pager-padding-y-md: $kendo-pager-padding-x-md !default;
-$kendo-pager-padding-y-lg: $kendo-pager-padding-x-lg !default;
+$kendo-pager-sm-padding-y: $kendo-pager-sm-padding-x !default;
+$kendo-pager-md-padding-y: $kendo-pager-md-padding-x !default;
+$kendo-pager-lg-padding-y: $kendo-pager-lg-padding-x !default;
 
 /// Minimum width of the pager items according to the pager size.
 /// @group pager
-$kendo-pager-item-min-width-sm: $kendo-button-calc-size-sm !default;
-$kendo-pager-item-min-width-md: $kendo-button-calc-size-md !default;
-$kendo-pager-item-min-width-lg: $kendo-button-calc-size-lg !default;
+$kendo-pager-sm-item-min-width: $kendo-button-sm-calc-size !default;
+$kendo-pager-md-item-min-width: $kendo-button-md-calc-size !default;
+$kendo-pager-lg-item-min-width: $kendo-button-lg-calc-size !default;
 
 /// Margin between pager item groups according to the pager size.
 /// @group pager
-$kendo-pager-item-group-spacing-sm: k-map-get( $kendo-spacing, 3.5 ) !default;
-$kendo-pager-item-group-spacing-md: k-map-get( $kendo-spacing, 4 ) !default;
-$kendo-pager-item-group-spacing-lg: k-map-get( $kendo-spacing, 4.5 ) !default;
+$kendo-pager-sm-item-group-spacing: k-map-get( $kendo-spacing, 3.5 ) !default;
+$kendo-pager-md-item-group-spacing: k-map-get( $kendo-spacing, 4 ) !default;
+$kendo-pager-lg-item-group-spacing: k-map-get( $kendo-spacing, 4.5 ) !default;
 
 /// Border width of the pager.
 /// @group pager
 $kendo-pager-border-width: 1px !default;
 /// Font family of the pager.
 /// @group pager
-$kendo-pager-font-family: $font-family !default;
+$kendo-pager-font-family: $kendo-font-family !default;
 /// Font size of the pager.
 /// @group pager
-$kendo-pager-font-size: $font-size !default;
+$kendo-pager-font-size: $kendo-font-size-md !default;
 /// Line height of the pager.
 /// @group pager
-$kendo-pager-line-height: $line-height !default;
+$kendo-pager-line-height: $kendo-line-height-md !default;
 /// Background color of the pager.
 /// @group pager
 $kendo-pager-bg: $kendo-component-header-bg !default;
@@ -75,7 +72,7 @@ $kendo-pager-item-spacing: (-1 * $kendo-pager-item-border-width) !default;
 $kendo-pager-item-bg: $kendo-component-bg !default;
 /// Text color of the pager items.
 /// @group pager
-$kendo-pager-item-text: $link-text !default;
+$kendo-pager-item-text: $kendo-link-text !default;
 /// Border color of the pager items.
 /// @group pager
 $kendo-pager-item-border: $kendo-component-border !default;
@@ -85,7 +82,7 @@ $kendo-pager-item-border: $kendo-component-border !default;
 $kendo-pager-item-hover-bg: $kendo-hover-bg !default;
 /// Text color of the hovered pager items.
 /// @group pager
-$kendo-pager-item-hover-text: $link-hover-text !default;
+$kendo-pager-item-hover-text: $kendo-link-hover-text !default;
 /// Border color of the hovered pager items.
 /// @group pager
 $kendo-pager-item-hover-border: $kendo-hover-border !default;
@@ -118,32 +115,32 @@ $kendo-pager-input-width: 5em !default;
 
 /// Width of the pager dropdowns according to the pager size.
 /// @group pager
-$kendo-pager-dropdown-width-sm: 5em !default;
-$kendo-pager-dropdown-width-md: 5em !default;
-$kendo-pager-dropdown-width-lg: 6em !default;
+$kendo-pager-sm-dropdown-width: 5em !default;
+$kendo-pager-md-dropdown-width: 5em !default;
+$kendo-pager-lg-dropdown-width: 6em !default;
 
 /// Sizes map of the pager.
 /// @group pager
 $kendo-pager-sizes: (
     sm: (
-        padding-x: $kendo-pager-padding-x-sm,
-        padding-y: $kendo-pager-padding-y-sm,
-        item-group-spacing: $kendo-pager-item-group-spacing-sm,
-        item-min-width: $kendo-pager-item-min-width-sm,
-        pager-dropdown-width: $kendo-pager-dropdown-width-sm
+        padding-x: $kendo-pager-sm-padding-x,
+        padding-y: $kendo-pager-sm-padding-y,
+        item-group-spacing: $kendo-pager-sm-item-group-spacing,
+        item-min-width: $kendo-pager-sm-item-min-width,
+        pager-dropdown-width: $kendo-pager-sm-dropdown-width
     ),
     md: (
-        padding-x: $kendo-pager-padding-x-md,
-        padding-y: $kendo-pager-padding-y-md,
-        item-group-spacing: $kendo-pager-item-group-spacing-md,
-        item-min-width: $kendo-pager-item-min-width-md,
-        pager-dropdown-width: $kendo-pager-dropdown-width-md
+        padding-x: $kendo-pager-md-padding-x,
+        padding-y: $kendo-pager-md-padding-y,
+        item-group-spacing: $kendo-pager-md-item-group-spacing,
+        item-min-width: $kendo-pager-md-item-min-width,
+        pager-dropdown-width: $kendo-pager-md-dropdown-width
     ),
     lg: (
-        padding-x: $kendo-pager-padding-x-lg,
-        padding-y: $kendo-pager-padding-y-lg,
-        item-group-spacing: $kendo-pager-item-group-spacing-lg,
-        item-min-width: $kendo-pager-item-min-width-lg,
-        pager-dropdown-width: $kendo-pager-dropdown-width-lg
+        padding-x: $kendo-pager-lg-padding-x,
+        padding-y: $kendo-pager-lg-padding-y,
+        item-group-spacing: $kendo-pager-lg-item-group-spacing,
+        item-min-width: $kendo-pager-lg-item-min-width,
+        pager-dropdown-width: $kendo-pager-lg-dropdown-width
     )
 ) !default;