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

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;

package/scss/listgroup/_variables.scss

@@ -1,14 +1,14 @@
 // Listgroup
-$listgroup-border-width: 1px !default;
-$listgroup-border-radius: k-map-get( $kendo-spacing, 1 ) !default;
+$kendo-listgroup-border-width: 1px !default;
+$kendo-listgroup-border-radius: k-map-get( $kendo-spacing, 1 ) !default;
 
-$listgroup-font-size: $font-size !default;
-$listgroup-line-height: $line-height !default;
+$kendo-listgroup-font-size: $kendo-font-size-md !default;
+$kendo-listgroup-line-height: $kendo-line-height-md !default;
 
-$listgroup-bg: $kendo-component-bg !default;
-$listgroup-text: $kendo-component-text !default;
-$listgroup-border: $kendo-component-border !default;
+$kendo-listgroup-bg: $kendo-component-bg !default;
+$kendo-listgroup-text: $kendo-component-text !default;
+$kendo-listgroup-border: $kendo-component-border !default;
 
-$listgroup-item-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
-$listgroup-item-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
-$listgroup-item-border-width: $listgroup-border-width !default;
+$kendo-listgroup-item-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
+$kendo-listgroup-item-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-listgroup-item-border-width: $kendo-listgroup-border-width !default;

package/scss/listview/_variables.scss

@@ -2,9 +2,9 @@
 $kendo-listview-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
 $kendo-listview-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
 $kendo-listview-border-width: 1px !default;
-$kendo-listview-font-family: $font-family !default;
-$kendo-listview-font-size: $font-size !default;
-$kendo-listview-line-height: $line-height !default;
+$kendo-listview-font-family: $kendo-font-family !default;
+$kendo-listview-font-size: $kendo-font-size-md !default;
+$kendo-listview-line-height: $kendo-line-height-md !default;
 
 $kendo-listview-bg: $kendo-component-bg !default;
 $kendo-listview-text: $kendo-component-text !default;

package/scss/loader/_variables.scss

@@ -1,27 +1,27 @@
 // Loader
 
 $kendo-loader-segment-border-radius: 50% !default;
-$kendo-loader-segment-size-sm: k-map-get( $kendo-spacing, 1 ) !default;
-$kendo-loader-segment-size-md: k-map-get( $kendo-spacing, 2 ) !default;
-$kendo-loader-segment-size-lg: k-map-get( $kendo-spacing, 4 ) !default;
-
-$kendo-loader-padding-sm: k-math-div( $kendo-loader-segment-size-sm, 2 ) !default;
-$kendo-loader-padding-md: k-math-div( $kendo-loader-segment-size-md, 2 ) !default;
-$kendo-loader-padding-lg: k-math-div( $kendo-loader-segment-size-lg, 2 ) !default;
-
-$kendo-loader-spinner-3-width-sm: ( $kendo-loader-segment-size-sm * 4 ) !default;
-$kendo-loader-spinner-3-height-sm: ( $kendo-loader-spinner-3-width-sm * $equilateral-height ) !default;
-$kendo-loader-spinner-3-width-md: ( $kendo-loader-segment-size-md * 4 ) !default;
-$kendo-loader-spinner-3-height-md: ( $kendo-loader-spinner-3-width-md * $equilateral-height ) !default;
-$kendo-loader-spinner-3-width-lg: ( $kendo-loader-segment-size-lg * 4 ) !default;
-$kendo-loader-spinner-3-height-lg: ( $kendo-loader-spinner-3-width-lg * $equilateral-height ) !default;
-
-$kendo-loader-spinner-4-width-sm: $kendo-loader-segment-size-sm * 4 !default;
-$kendo-loader-spinner-4-height-sm: $kendo-loader-spinner-4-width-sm !default;
-$kendo-loader-spinner-4-width-md: $kendo-loader-segment-size-md * 4 !default;
-$kendo-loader-spinner-4-height-md: $kendo-loader-spinner-4-width-md !default;
-$kendo-loader-spinner-4-width-lg: $kendo-loader-segment-size-lg * 4 !default;
-$kendo-loader-spinner-4-height-lg: $kendo-loader-spinner-4-width-lg !default;
+$kendo-loader-sm-segment-size: k-map-get( $kendo-spacing, 1 ) !default;
+$kendo-loader-md-segment-size: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-loader-lg-segment-size: k-map-get( $kendo-spacing, 4 ) !default;
+
+$kendo-loader-sm-padding: k-math-div( $kendo-loader-sm-segment-size, 2 ) !default;
+$kendo-loader-md-padding: k-math-div( $kendo-loader-md-segment-size, 2 ) !default;
+$kendo-loader-lg-padding: k-math-div( $kendo-loader-lg-segment-size, 2 ) !default;
+
+$kendo-loader-sm-spinner-3-width: ( $kendo-loader-sm-segment-size * 4 ) !default;
+$kendo-loader-sm-spinner-3-height: ( $kendo-loader-sm-spinner-3-width * $equilateral-height ) !default;
+$kendo-loader-md-spinner-3-width: ( $kendo-loader-md-segment-size * 4 ) !default;
+$kendo-loader-md-spinner-3-height: ( $kendo-loader-md-spinner-3-width * $equilateral-height ) !default;
+$kendo-loader-lg-spinner-3-width: ( $kendo-loader-lg-segment-size * 4 ) !default;
+$kendo-loader-lg-spinner-3-height: ( $kendo-loader-lg-spinner-3-width * $equilateral-height ) !default;
+
+$kendo-loader-sm-spinner-4-width: $kendo-loader-sm-segment-size * 4 !default;
+$kendo-loader-sm-spinner-4-height: $kendo-loader-sm-spinner-4-width !default;
+$kendo-loader-md-spinner-4-width: $kendo-loader-md-segment-size * 4 !default;
+$kendo-loader-md-spinner-4-height: $kendo-loader-md-spinner-4-width !default;
+$kendo-loader-lg-spinner-4-width: $kendo-loader-lg-segment-size * 4 !default;
+$kendo-loader-lg-spinner-4-height: $kendo-loader-lg-spinner-4-width !default;
 
 $kendo-loader-secondary-bg: #212529 !default;
 
@@ -31,17 +31,17 @@ $kendo-loader-container-panel-border-color: $kendo-component-border !default;
 $kendo-loader-container-panel-border-radius: $kendo-border-radius-md !default;
 $kendo-loader-container-panel-bg: $kendo-color-white !default;
 
-$kendo-loader-container-padding-sm: k-map-get( $kendo-spacing, 4 ) !default;
-$kendo-loader-container-gap-sm: k-map-get( $kendo-spacing, 1 ) !default;
-$kendo-loader-container-font-size-sm: $font-size-sm !default;
+$kendo-loader-sm-container-padding: k-map-get( $kendo-spacing, 4 ) !default;
+$kendo-loader-sm-container-gap: k-map-get( $kendo-spacing, 1 ) !default;
+$kendo-loader-sm-container-font-size: $kendo-font-size-sm !default;
 
-$kendo-loader-container-padding-md: k-map-get( $kendo-spacing, 5 ) !default;
-$kendo-loader-container-gap-md: k-map-get( $kendo-spacing, 2 ) !default;
-$kendo-loader-container-font-size-md: $font-size-md !default;
+$kendo-loader-md-container-padding: k-map-get( $kendo-spacing, 5 ) !default;
+$kendo-loader-md-container-gap: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-loader-md-container-font-size: $kendo-font-size-md !default;
 
-$kendo-loader-container-padding-lg: k-map-get( $kendo-spacing, 6 ) !default;
-$kendo-loader-container-gap-lg: k-map-get( $kendo-spacing, 3 ) !default;
-$kendo-loader-container-font-size-lg: $font-size-lg !default;
+$kendo-loader-lg-container-padding: k-map-get( $kendo-spacing, 6 ) !default;
+$kendo-loader-lg-container-gap: k-map-get( $kendo-spacing, 3 ) !default;
+$kendo-loader-lg-container-font-size: $kendo-font-size-lg !default;
 
 
 // Loading

package/scss/map/_variables.scss

@@ -1,28 +1,28 @@
 // Map
-$map-border-width: 0px !default;
+$kendo-map-border-width: 0px !default;
 
-$map-font-size: $font-size !default;
-$map-line-height: $line-height !default;
-$map-font-family: $font-family !default;
+$kendo-map-font-size: $kendo-font-size-md !default;
+$kendo-map-line-height: $kendo-line-height-md !default;
+$kendo-map-font-family: $kendo-font-family !default;
 
-$map-bg: $kendo-component-bg !default;
-$map-text: $kendo-component-text !default;
-$map-border: $kendo-component-border !default;
+$kendo-map-bg: $kendo-component-bg !default;
+$kendo-map-text: $kendo-component-text !default;
+$kendo-map-border: $kendo-component-border !default;
 
-$map-navigator-margin: k-map-get( $kendo-spacing, 4 ) !default;
-$map-navigator-padding: 2px !default;
-$map-navigator-width: calc( #{$kendo-icon-size * 3} + #{$map-navigator-padding * 2} ) !default;
-$map-navigator-height: $map-navigator-width !default;
-$map-navigator-border-width: 1px !default;
+$kendo-map-navigator-margin: k-map-get( $kendo-spacing, 4 ) !default;
+$kendo-map-navigator-padding: 2px !default;
+$kendo-map-navigator-width: calc( #{$kendo-icon-size * 3} + #{$kendo-map-navigator-padding * 2} ) !default;
+$kendo-map-navigator-height: $kendo-map-navigator-width !default;
+$kendo-map-navigator-border-width: 1px !default;
 
-$map-zoom-control-margin: k-map-get( $kendo-spacing, 4 ) !default;
-$map-zoom-control-button-padding-x: $kendo-button-padding-y !default;
-$map-zoom-control-button-padding-y: $map-zoom-control-button-padding-x !default;
+$kendo-map-zoom-control-margin: k-map-get( $kendo-spacing, 4 ) !default;
+$kendo-map-zoom-control-button-padding-x: $kendo-button-padding-y !default;
+$kendo-map-zoom-control-button-padding-y: $kendo-map-zoom-control-button-padding-x !default;
 
-$map-attribution-padding-x: $kendo-padding-sm-x !default;
-$map-attribution-padding-y: $kendo-padding-sm-y !default;
-$map-attribution-font-size: ($map-font-size * .75) !default;
-$map-attribution-bg: rgba( $map-bg, .8 ) !default;
+$kendo-map-attribution-padding-x: $kendo-padding-sm-x !default;
+$kendo-map-attribution-padding-y: $kendo-padding-sm-y !default;
+$kendo-map-attribution-font-size: ($kendo-map-font-size * .75) !default;
+$kendo-map-attribution-bg: rgba( $kendo-map-bg, .8 ) !default;
 
-$map-marker-size: $kendo-icon-size-xxl !default;
-$map-marker-fill: $kendo-color-primary !default;
+$kendo-map-marker-size: $kendo-icon-size-xxl !default;
+$kendo-map-marker-fill: $kendo-color-primary !default;

package/scss/mediaplayer/_variables.scss

@@ -1,16 +1,16 @@
 // Media player
-$mediaplayer-border-width: 1px !default;
-$mediaplayer-font-family: $font-family !default;
-$mediaplayer-font-size: $font-size !default;
-$mediaplayer-line-height: $line-height !default;
+$kendo-media-player-border-width: 1px !default;
+$kendo-media-player-font-family: $kendo-font-family !default;
+$kendo-media-player-font-size: $kendo-font-size-md !default;
+$kendo-media-player-line-height: $kendo-line-height-md !default;
 
-$mediaplayer-bg: $kendo-component-bg !default;
-$mediaplayer-text: $kendo-component-text !default;
-$mediaplayer-border: $kendo-component-border !default;
+$kendo-media-player-bg: $kendo-component-bg !default;
+$kendo-media-player-text: $kendo-component-text !default;
+$kendo-media-player-border: $kendo-component-border !default;
 
-$mediaplayer-titlebar-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
-$mediaplayer-titlebar-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
-$mediaplayer-titlebar-bg: null !default;
-$mediaplayer-titlebar-text: $mediaplayer-bg !default;
-$mediaplayer-titlebar-border: null !default;
-$mediaplayer-titlebar-gradient: rgba( $mediaplayer-text, .7 ), rgba( $mediaplayer-text, 0 ) !default;
+$kendo-media-player-titlebar-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-media-player-titlebar-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-media-player-titlebar-bg: null !default;
+$kendo-media-player-titlebar-text: $kendo-media-player-bg !default;
+$kendo-media-player-titlebar-border: null !default;
+$kendo-media-player-titlebar-gradient: rgba( $kendo-media-player-text, .7 ), rgba( $kendo-media-player-text, 0 ) !default;