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

package/scss/scrollview/_theme.scss

@@ -4,19 +4,19 @@
     kendo-scrollview.k-scrollview-wrap,
     .k-scrollview {
         @include fill(
-            $scrollview-text,
-            $scrollview-bg,
-            $scrollview-border
+            $kendo-scrollview-text,
+            $kendo-scrollview-bg,
+            $kendo-scrollview-border
         );
 
         &.k-scrollview-dark {
             kendo-scrollview-pager,
             .k-scrollview-nav-wrap {
-                background-color: $scrollview-dark-bg;
+                background-color: $kendo-scrollview-dark-bg;
             }
             .k-scrollview-next,
             .k-scrollview-prev {
-                color: $scrollview-dark-bg;
+                color: $kendo-scrollview-dark-bg;
 
             }
         }
@@ -24,7 +24,7 @@
         &.k-scrollview-light {
             kendo-scrollview-pager,
             .k-scrollview-nav-wrap {
-                background-color: $scrollview-light-bg;
+                background-color: $kendo-scrollview-light-bg;
             }
 
         }
@@ -38,26 +38,26 @@
 
     .k-scrollview-next,
     .k-scrollview-prev {
-        color: $scrollview-navigation-color;
-        background-color: $scrollview-navigation-bg;
-        text-shadow: $scrollview-navigation-icon-shadow;
-        opacity: $scrollview-navigation-default-opacity;
+        color: $kendo-scrollview-navigation-color;
+        background-color: $kendo-scrollview-navigation-bg;
+        text-shadow: $kendo-scrollview-navigation-icon-shadow;
+        opacity: $kendo-scrollview-navigation-default-opacity;
         outline-width: 0;
 
         &:focus,
         &.k-focus {
-            color: $scrollview-navigation-color;
-            opacity: $scrollview-navigation-hover-opacity;
+            color: $kendo-scrollview-navigation-color;
+            opacity: $kendo-scrollview-navigation-hover-opacity;
             .k-icon::before {
-                box-shadow: $scrollview-pagebutton-shadow;
-                background-color: $scrollview-navigation-hover-span-bg;
+                box-shadow: $kendo-scrollview-pagebutton-shadow;
+                background-color: $kendo-scrollview-navigation-hover-span-bg;
             }
         }
 
         &:hover,
         &.k-hover {
-            color: $scrollview-navigation-color;
-            opacity: $scrollview-navigation-hover-opacity;
+            color: $kendo-scrollview-navigation-color;
+            opacity: $kendo-scrollview-navigation-hover-opacity;
 
         }
     }
@@ -66,24 +66,24 @@
 
     .k-scrollview-pageable > .k-button,
     .k-scrollview-nav > .k-link {
-        background-color: $scrollview-pagebutton-bg;
-        border-color: $scrollview-pagebutton-border;
+        background-color: $kendo-scrollview-pagebutton-bg;
+        border-color: $kendo-scrollview-pagebutton-border;
 
         &.k-primary {
-            background: $scrollview-pagebutton-primary-bg;
-            border: $scrollview-pagebutton-primary-border;
+            background: $kendo-scrollview-pagebutton-primary-bg;
+            border: $kendo-scrollview-pagebutton-primary-border;
         }
 
 
         &:focus,
         &.k-focus {
-            box-shadow: $scrollview-pagebutton-shadow;
+            box-shadow: $kendo-scrollview-pagebutton-shadow;
         }
     }
 
     .k-scrollview-nav > .k-link:hover,
     .k-scrollview-nav > .k-link.k-hover {
-        box-shadow: $scrollview-pagebutton-shadow;
+        box-shadow: $kendo-scrollview-pagebutton-shadow;
     }
 
     .k-scrollview-pageable > .k-button {

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: $kendo-color-primary !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: $kendo-color-primary !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, 3 ) !default;
-$kendo-signature-padding-x-sm: k-map-get( $kendo-spacing, 2 ) !default;
-$kendo-signature-padding-x-md: $kendo-signature-padding-x !default;
-$kendo-signature-padding-x-lg: k-map-get( $kendo-spacing, 4 ) !default;
+$kendo-signature-sm-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-signature-md-padding-x: $kendo-signature-padding-x !default;
+$kendo-signature-lg-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
 
 $kendo-signature-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
-$kendo-signature-padding-y-sm: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
-$kendo-signature-padding-y-md: $kendo-signature-padding-y !default;
-$kendo-signature-padding-y-lg: k-map-get( $kendo-spacing, 2 ) !default;
+$kendo-signature-sm-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-signature-md-padding-y: $kendo-signature-padding-y !default;
+$kendo-signature-lg-padding-y: k-map-get( $kendo-spacing, 2 ) !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: $kendo-button-focus-shadow !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-color( $kendo-color-primary ) !default;
-$slider-draghandle-border: $kendo-color-primary !default;
-$slider-draghandle-gradient: null !default;
-
-$slider-draghandle-hover-bg: k-try-darken( $kendo-color-primary, 7.5% ) !default;
-$slider-draghandle-hover-text: k-contrast-color( $kendo-color-primary ) !default;
-$slider-draghandle-hover-border: k-try-darken( $kendo-color-primary, 10% ) !default;
-$slider-draghandle-hover-gradient: null !default;
-
-$slider-draghandle-pressed-bg: k-try-darken( $kendo-color-primary, 10% ) !default;
-$slider-draghandle-pressed-text: k-contrast-color( $kendo-color-primary ) !default;
-$slider-draghandle-pressed-border: k-try-darken( $kendo-color-primary, 12.5% ) !default;
-$slider-draghandle-pressed-gradient: null !default;
-
-$slider-draghandle-focus-shadow:  0 0 0 3px rgba( $kendo-color-primary, .5 ) !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: $gray-200 !default;
-$slider-selection-bg: $kendo-selected-bg !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: $kendo-button-focus-shadow !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-color( $kendo-color-primary ) !default;
+$kendo-slider-draghandle-border: $kendo-color-primary !default;
+$kendo-slider-draghandle-gradient: null !default;
+
+$kendo-slider-draghandle-hover-bg: k-try-darken( $kendo-color-primary, 7.5% ) !default;
+$kendo-slider-draghandle-hover-text: k-contrast-color( $kendo-color-primary ) !default;
+$kendo-slider-draghandle-hover-border: k-try-darken( $kendo-color-primary, 10% ) !default;
+$kendo-slider-draghandle-hover-gradient: null !default;
+
+$kendo-slider-draghandle-pressed-bg: k-try-darken( $kendo-color-primary, 10% ) !default;
+$kendo-slider-draghandle-pressed-text: k-contrast-color( $kendo-color-primary ) !default;
+$kendo-slider-draghandle-pressed-border: k-try-darken( $kendo-color-primary, 12.5% ) !default;
+$kendo-slider-draghandle-pressed-gradient: null !default;
+
+$kendo-slider-draghandle-focus-shadow:  0 0 0 3px rgba( $kendo-color-primary, .5 ) !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: $gray-200 !default;
+$kendo-slider-selection-bg: $kendo-selected-bg !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;

package/scss/splitter/_variables.scss

@@ -1,24 +1,24 @@
 // Splitter
-$splitter-border-width: 1px !default;
-$splitter-font-family: $font-family !default;
-$splitter-font-size: $font-size !default;
-$splitter-line-height: $line-height !default;
+$kendo-splitter-border-width: 1px !default;
+$kendo-splitter-font-family: $kendo-font-family !default;
+$kendo-splitter-font-size: $kendo-font-size-md !default;
+$kendo-splitter-line-height: $kendo-line-height-md !default;
 
-$splitter-bg: $kendo-component-bg !default;
-$splitter-text: $kendo-component-text !default;
-$splitter-border: $kendo-component-border !default;
+$kendo-splitter-bg: $kendo-component-bg !default;
+$kendo-splitter-text: $kendo-component-text !default;
+$kendo-splitter-border: $kendo-component-border !default;
 
-$splitter-splitbar-size: 8px !default;
-$splitter-resize-icon-size: 10px !default;
-$splitter-drag-handle-length: 20px !default;
-$splitter-drag-handle-thickness: 2px !default;
-$splitter-drag-icon-margin: 7px !default;
+$kendo-splitter-splitbar-size: 8px !default;
+$kendo-splitter-resize-icon-size: 10px !default;
+$kendo-splitter-drag-handle-length: 20px !default;
+$kendo-splitter-drag-handle-thickness: 2px !default;
+$kendo-splitter-drag-icon-margin: 7px !default;
 
-$splitbar-bg: $base-bg !default;
-$splitbar-text: $base-text !default;
+$kendo-splitbar-bg: $kendo-base-bg !default;
+$kendo-splitbar-text: $kendo-base-text !default;
 
-$splitbar-hover-bg: k-try-shade( $splitbar-bg, .5 ) !default;
-$splitbar-hover-text: $splitbar-text !default;
+$kendo-splitbar-hover-bg: k-try-shade( $kendo-splitbar-bg, .5 ) !default;
+$kendo-splitbar-hover-text: $kendo-splitbar-text !default;
 
-$splitbar-selected-bg: $kendo-selected-bg !default;
-$splitbar-selected-text: $kendo-selected-text !default;
+$kendo-splitbar-selected-bg: $kendo-selected-bg !default;
+$kendo-splitbar-selected-text: $kendo-selected-text !default;

package/scss/spreadsheet/_theme.scss

@@ -3,9 +3,9 @@
     // Spreadsheet
     .k-spreadsheet {
         @include fill(
-            $spreadsheet-text,
-            $spreadsheet-bg,
-            $spreadsheet-border
+            $kendo-spreadsheet-text,
+            $kendo-spreadsheet-bg,
+            $kendo-spreadsheet-border
         );
     }
 
@@ -177,34 +177,34 @@
 @include exports( "spreadsheet/drawing/theme" ) {
 
     .k-spreadsheet-insert-image-dialog {
-        border-color: $spreadsheet-insert-image-dialog-preview-border;
+        border-color: $kendo-spreadsheet-insert-image-dialog-preview-border;
 
         .k-spreadsheet-has-image {
             &:hover,
             &.k-hover {
-                box-shadow: $spreadsheet-insert-image-dialog-preview-overlay-shadow;
+                box-shadow: $kendo-spreadsheet-insert-image-dialog-preview-overlay-shadow;
             }
 
             &:hover div,
             &.k-hover div {
-                color: $spreadsheet-insert-image-dialog-overlay-hover-text;
+                color: $kendo-spreadsheet-insert-image-dialog-overlay-hover-text;
             }
         }
     }
 
     .k-spreadsheet-drawing {
         &.k-spreadsheet-active-drawing {
-            outline-color: $spreadsheet-drawing-handle-outline-color;
+            outline-color: $kendo-spreadsheet-drawing-handle-outline-color;
         }
 
         .k-spreadsheet-drawing-handle {
-            border-color: $spreadsheet-drawing-handle-border-color;
-            background-color: $spreadsheet-drawing-handle-bg;
+            border-color: $kendo-spreadsheet-drawing-handle-border-color;
+            background-color: $kendo-spreadsheet-drawing-handle-bg;
         }
     }
 
     .k-spreadsheet-drawing-anchor-cell {
-        background: $spreadsheet-drawing-anchor-bg;
+        background: $kendo-spreadsheet-drawing-anchor-bg;
     }
 
 }

package/scss/spreadsheet/_variables.scss

@@ -1,35 +1,35 @@
 // Spreadsheet
-$spreadsheet-border-width: 1px !default;
-$spreadsheet-font-family: $font-family !default;
-$spreadsheet-font-size: $font-size !default;
-$spreadsheet-line-height: $line-height !default;
+$kendo-spreadsheet-border-width: 1px !default;
+$kendo-spreadsheet-font-family: $kendo-font-family !default;
+$kendo-spreadsheet-font-size: $kendo-font-size-md !default;
+$kendo-spreadsheet-line-height: $kendo-line-height-md !default;
 
-$spreadsheet-bg: $kendo-component-bg !default;
-$spreadsheet-text: $kendo-component-text !default;
-$spreadsheet-border: $kendo-component-border !default;
+$kendo-spreadsheet-bg: $kendo-component-bg !default;
+$kendo-spreadsheet-text: $kendo-component-text !default;
+$kendo-spreadsheet-border: $kendo-component-border !default;
 
-$spreadsheet-insert-image-dialog-border-style: dashed !default;
-$spreadsheet-insert-image-dialog-border-width: 2px !default;
-$spreadsheet-insert-image-dialog-text-margin-bottom: 30px !default;
-$spreadsheet-insert-image-dialog-preview-width: 355px !default;
-$spreadsheet-insert-image-dialog-preview-height: 230px !default;
-$spreadsheet-insert-image-dialog-preview-img: "image-default.png" !default;
-$spreadsheet-insert-image-dialog-preview-border: $kendo-component-border !default;
-$spreadsheet-insert-image-dialog-preview-border-radius: $kendo-border-radius-md !default;
-$spreadsheet-insert-image-dialog-preview-overlay-shadow: inset 0 0 0 2000px rgba( black, .5 ) !default;
-$spreadsheet-insert-image-dialog-preview-overlay-border-radius: $kendo-border-radius-md !default;
-$spreadsheet-insert-image-dialog-overlay-hover-text: $kendo-component-bg !default;
+$kendo-spreadsheet-insert-image-dialog-border-style: dashed !default;
+$kendo-spreadsheet-insert-image-dialog-border-width: 2px !default;
+$kendo-spreadsheet-insert-image-dialog-text-margin-bottom: 30px !default;
+$kendo-spreadsheet-insert-image-dialog-preview-width: 355px !default;
+$kendo-spreadsheet-insert-image-dialog-preview-height: 230px !default;
+$kendo-spreadsheet-insert-image-dialog-preview-img: "image-default.png" !default;
+$kendo-spreadsheet-insert-image-dialog-preview-border: $kendo-component-border !default;
+$kendo-spreadsheet-insert-image-dialog-preview-border-radius: $kendo-border-radius-md !default;
+$kendo-spreadsheet-insert-image-dialog-preview-overlay-shadow: inset 0 0 0 2000px rgba( black, .5 ) !default;
+$kendo-spreadsheet-insert-image-dialog-preview-overlay-border-radius: $kendo-border-radius-md !default;
+$kendo-spreadsheet-insert-image-dialog-overlay-hover-text: $kendo-component-bg !default;
 
-$spreadsheet-drawing-handle-width: 6px !default;
-$spreadsheet-drawing-handle-height: 6px !default;
-$spreadsheet-drawing-handle-border-style: solid !default;
-$spreadsheet-drawing-handle-border-width: 1px !default;
-$spreadsheet-drawing-handle-outline-color: $kendo-color-primary !default;
-$spreadsheet-drawing-handle-border-color: $kendo-selected-bg !default;
-$spreadsheet-drawing-handle-bg: $kendo-color-primary !default;
-$spreadsheet-drawing-handle-border-radius: $kendo-border-radius-lg !default;
+$kendo-spreadsheet-drawing-handle-width: 6px !default;
+$kendo-spreadsheet-drawing-handle-height: 6px !default;
+$kendo-spreadsheet-drawing-handle-border-style: solid !default;
+$kendo-spreadsheet-drawing-handle-border-width: 1px !default;
+$kendo-spreadsheet-drawing-handle-outline-color: $kendo-color-primary !default;
+$kendo-spreadsheet-drawing-handle-border-color: $kendo-selected-bg !default;
+$kendo-spreadsheet-drawing-handle-bg: $kendo-color-primary !default;
+$kendo-spreadsheet-drawing-handle-border-radius: $kendo-border-radius-lg !default;
 
-$spreadsheet-drawing-outline-style: solid !default;
-$spreadsheet-drawing-outline-width: 2px !default;
+$kendo-spreadsheet-drawing-outline-style: solid !default;
+$kendo-spreadsheet-drawing-outline-width: 2px !default;
 
-$spreadsheet-drawing-anchor-bg: rgba( $kendo-selected-bg, .25 ) !default;
+$kendo-spreadsheet-drawing-anchor-bg: rgba( $kendo-selected-bg, .25 ) !default;