@syncfusion/ej2-angular-spreadsheet 20.4.52 → 20.4.53-ngcc

package/styles/ribbon/_mixin.scss

@@ -1,89 +0,0 @@
-@mixin tab-header-layout {
-  height: 35px;
-  min-height: 35px;
-
-  & .e-toolbar-item:not(.e-separator) {
-    height: 35px;
-    min-height: 35px;
-
-    & .e-tab-wrap {
-      height: 35px;
-    }
-
-    @if $skin-name == 'fabric' or $skin-name == 'highcontrast' {
-      &.e-active .e-text-wrap,
-      & .e-text-wrap {
-        height: 33px;
-      }
-    }
-    @else {
-      & .e-text-wrap {
-        height: 35px;
-      }
-    }
-  }
-
-  & .e-toolbar-items {
-    height: 35px;
-    min-height: 35px;
-
-    & .e-scroll-nav {
-      height: 35px;
-      min-height: 35px;
-    }
-  }
-}
-
-@mixin bigger-tab-header-layout {
-  & .e-tab .e-tab-header {
-    height: 41px;
-    min-height: 41px;
-
-    & .e-toolbar-item:not(.e-separator) {
-      height: 41px;
-      min-height: 41px;
-
-      & .e-tab-wrap {
-        height: 41px;
-      }
-
-      @if $skin-name == 'fabric' or $skin-name == 'highcontrast' {
-        &.e-active .e-text-wrap,
-        & .e-text-wrap {
-          height: 39px;
-        }
-      }
-      @else {
-        & .e-text-wrap {
-          height: 41px;
-        }
-      }
-    }
-
-    & .e-toolbar-items {
-      height: 41px;
-      min-height: 41px;
-
-      & .e-scroll-nav {
-        height: 41px;
-        min-height: 41px;
-      }
-    }
-  }
-}
-
-@mixin default-props {
-  & .e-tab {
-    & .e-tab-header .e-toolbar-item {
-      user-select: none;
-
-      & .e-tab-text {
-        text-transform: none;
-      }
-    }
-
-    &.e-sheet-tab .e-tab-header .e-tab-text {
-      white-space: pre;
-    }
-  }
-}

package/styles/ribbon/_tailwind-dark-definition.scss

@@ -1 +0,0 @@
-@import './tailwind-definition.scss';

package/styles/ribbon/_tailwind-definition.scss

@@ -1,13 +0,0 @@
-$ribbon-skin: 'tailwind' !default;
-$file-menu-wrap-padding: 0 !default;
-$drop-icon-margin: 8px 4px !default;
-$bigger-drop-icon-margin: 16px 5px !default;
-$ribbon-border-color: $border-light !default;
-$ribbon-border: 1px solid $ribbon-border-color !default;
-$ribbon-content-bg-color: $content-bg-color-alt2 !default;
-$ribbon-header-bg-color: $content-bg-color-alt2 !default;
-$separator-border-color: $border-light !default;
-$expand-icon-color: $icon-color !default;
-$ribbon-comb-icon-color: $primary !default;
-$ribbon-focus-bg-color: rgba($content-bg-color-alt2, .12) !default;
-$ribbon-focus-text-color: $primary !default;

package/styles/ribbon/_theme.scss

@@ -1,154 +0,0 @@
-@include export-module('ribbon-theme') {
-  .e-ribbon {
-    background-color: $ribbon-header-bg-color;
-
-    & .e-tab {
-      & .e-tab-header {
-        background-color: inherit;
-
-        @if $skin-name == 'bootstrap' {
-          &::before {
-            border-bottom-color: $ribbon-border-color;
-          }
-
-          & .e-toolbar-item.e-active {
-            border-bottom-color: $ribbon-content-bg-color;
-            border-left-color: $ribbon-border-color;
-            border-right-color: $ribbon-border-color;
-            border-top-color: $ribbon-border-color;
-          }
-        }
-
-        .e-tab-wrap:focus {
-          background: $ribbon-focus-bg-color;
-
-          @if $ribbon-skin == 'fabric' or $ribbon-skin == 'highcontrast' {
-            border-color: $ribbon-focused-wrap-focus-border-color;
-          }
-
-          @if $ribbon-skin == 'bootstrap5' {
-            border: 1px solid $ribbon-focused-wrap-focus-border-color;
-          }
-
-          @if $ribbon-skin == 'highcontrast' {
-            border-style: solid;
-          }
-
-          @if $ribbon-skin == 'bootstrap5' or $ribbon-skin == 'FluentUI' {
-            .e-tab-icon {
-              color: $ribbon-comb-icon-color;
-            }
-          }
-        }
-
-        .e-tab-wrap:focus .e-tab-icon,
-        .e-tab-wrap:focus .e-tab-text {
-          color: $ribbon-focus-text-color;
-        }
-      }
-
-      @if $skin-name == 'material' {
-        & .e-content .e-toolbar .e-toolbar-items .e-toolbar-item.e-separator {
-          border-color: $separator-border-color;
-        }
-
-        & .e-tab-header:not(.e-vertical) .e-toolbar-item.e-active {
-          border: 0;
-        }
-      }
-
-      @if $skin-name == 'FluentUI' {
-        & .e-toolbar,
-        & .e-toolbar-items {
-          background-color: $ribbon-header-bg-color;
-        }
-
-        & .e-hscroll .e-scroll-nav.e-scroll-left-nav,
-        & .e-hscroll .e-scroll-nav.e-scroll-right-nav {
-          background-color: $ribbon-header-bg-color;
-        }
-      }
-    }
-
-    & .e-drop-icon {
-      color: $expand-icon-color;
-    }
-
-    & .e-tab .e-content .e-toolbar {
-      border-bottom-color: transparent;
-      border-top-color: transparent;
-      @if $skin-name == 'FluentUI' {
-        box-shadow: none;
-      }
-    }
-
-    @if $skin-name == 'bootstrap' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'bootstrap5' {
-      & .e-tab {
-        & .e-tab-header .e-toolbar-item {
-          &.e-active {
-            background: $ribbon-content-bg-color;
-          }
-        }
-
-        & .e-content .e-toolbar {
-          background: $ribbon-content-bg-color;
-
-          & .e-toolbar-items,
-          & .e-toolbar-item .e-btn.e-tbar-btn:not(:hover):not(:focus),
-          & .e-toolbar-item.e-overlay {
-            background: transparent;
-          }
-        }
-      }
-    }
-
-    & .e-menu-wrapper {
-      background-color: transparent;
-
-      @if $skin-name == 'bootstrap4' {
-        & ul {
-          background-color: transparent;
-        }
-      }
-    }
-
-    @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5-dark' {
-      & .e-tab,
-      & .e-tab.e-focused {
-
-        & .e-tab-header .e-toolbar-item {
-
-          & .e-tab-wrap:focus {
-            border: 1px solid transparent;
-          }
-
-          & .e-tab-wrap:focus-visible {
-            border: 1px solid $ribbon-focused-wrap-focus-border-color;
-          }
-
-          & .e-tab-wrap:focus-visible:hover {
-            border: 1px solid $ribbon-focused-wrap-focus-border-color;
-          }
-        }
-      }
-
-      & .e-tab .e-tab-header {
-
-        & .e-toolbar-item.e-active .e-tab-wrap {
-          border: 1px solid transparent;
-        }
-
-        & .e-toolbar-item.e-active .e-tab-wrap:hover {
-          border: 1px solid transparent;
-        }
-      }
-
-      & .e-tab:not(.e-focused),
-      & .e-tab:not(.e-focused)> {
-        & .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
-          border: 1px solid transparent;
-        }
-      }
-    }
-  }
-}

package/styles/ribbon/icons/_bootstrap-dark.scss

@@ -1,15 +0,0 @@
-@include export-module('ribbon-bootstrap-icons') {
-  .e-ribbon {
-    & .e-drop-icon {
-      &::before {
-        content: '\e95d';
-      }
-    }
-
-    & .e-menu-wrapper.e-file-menu ul .e-menu-item .e-caret {
-      &::before {
-        content: '\e969';
-      }
-    }
-  }
-}

package/styles/ribbon/icons/_bootstrap.scss

@@ -1,15 +0,0 @@
-@include export-module('ribbon-bootstrap-icons') {
-  .e-ribbon {
-    & .e-drop-icon {
-      &::before {
-        content: '\e95d';
-      }
-    }
-
-    & .e-menu-wrapper.e-file-menu ul .e-menu-item .e-caret {
-      &::before {
-        content: '\e969';
-      }
-    }
-  }
-}

package/styles/ribbon/icons/_bootstrap4.scss

@@ -1,9 +0,0 @@
-@include export-module('ribbon-bootstrap4-icons') {
-  .e-ribbon {
-    & .e-drop-icon {
-      &::before {
-        content: '\e705';
-      }
-    }
-  }
-}

package/styles/ribbon/icons/_bootstrap5-dark.scss

@@ -1 +0,0 @@
-@import './bootstrap5.scss';

package/styles/ribbon/icons/_bootstrap5.scss

@@ -1,15 +0,0 @@
-@include export-module('ribbon-bootstrap5-icons') {
-  .e-ribbon {
-    & .e-drop-icon {
-      &::before {
-        content: '\e729';
-      }
-    }
-
-    & .e-menu-wrapper.e-file-menu ul .e-menu-item .e-caret {
-      &::before {
-        content: '\e729';
-      }
-    }
-  }
-}

package/styles/ribbon/icons/_fabric-dark.scss

@@ -1,9 +0,0 @@
-@include export-module('ribbon-fabric-icons') {
-  .e-ribbon {
-    & .e-drop-icon {
-      &::before {
-        content: '\e36a';
-      }
-    }
-  }
-}

package/styles/ribbon/icons/_fabric.scss

@@ -1,9 +0,0 @@
-@include export-module('ribbon-fabric-icons') {
-  .e-ribbon {
-    & .e-drop-icon {
-      &::before {
-        content: '\e36a';
-      }
-    }
-  }
-}

package/styles/ribbon/icons/_fluent-dark.scss

@@ -1 +0,0 @@
-@import './fluent.scss';

package/styles/ribbon/icons/_fluent.scss

@@ -1,15 +0,0 @@
-@include export-module('ribbon-fluent-icons') {
-  .e-ribbon {
-    & .e-drop-icon {
-      &::before {
-        content: '\e729';
-      }
-    }
-
-    & .e-menu-wrapper.e-file-menu ul .e-menu-item .e-caret {
-      &::before {
-        content: '\e729';
-      }
-    }
-  }
-}

package/styles/ribbon/icons/_fusionnew.scss

@@ -1,15 +0,0 @@
-@include export-module('ribbon-fusionnew-icons') {
-  .e-ribbon {
-    & .e-drop-icon {
-      &::before {
-        content: '\e729';
-      }
-    }
-
-    & .e-menu-wrapper.e-file-menu ul .e-menu-item .e-caret {
-      &::before {
-        content: '\e729';
-      }
-    }
-  }
-}

package/styles/ribbon/icons/_highcontrast.scss

@@ -1,9 +0,0 @@
-@include export-module('ribbon-highcontrast-icons') {
-  .e-ribbon {
-    & .e-drop-icon {
-      &::before {
-        content: '\e966';
-      }
-    }
-  }
-}

package/styles/ribbon/icons/_material-dark.scss

@@ -1,15 +0,0 @@
-@include export-module('ribbon-material-icons') {
-  .e-ribbon {
-    & .e-drop-icon {
-      &::before {
-        content: '\e94d';
-      }
-    }
-
-    & .e-menu-wrapper.e-file-menu ul .e-menu-item .e-caret {
-      &::before {
-        content: '\e969';
-      }
-    }
-  }
-}

package/styles/ribbon/icons/_material.scss

@@ -1,15 +0,0 @@
-@include export-module('ribbon-material-icons') {
-  .e-ribbon {
-    & .e-drop-icon {
-      &::before {
-        content: '\e94d';
-      }
-    }
-
-    & .e-menu-wrapper.e-file-menu ul .e-menu-item .e-caret {
-      &::before {
-        content: '\e969';
-      }
-    }
-  }
-}

package/styles/ribbon/icons/_material3.scss

@@ -1,15 +0,0 @@
-@include export-module('ribbon-material3-icons') {
-  .e-ribbon {
-    & .e-drop-icon {
-      &::before {
-        content: '\e729';
-      }
-    }
-
-    & .e-menu-wrapper.e-file-menu ul .e-menu-item .e-caret {
-      &::before {
-        content: '\e729';
-      }
-    }
-  }
-}

package/styles/ribbon/icons/_tailwind-dark.scss

@@ -1,15 +0,0 @@
-@include export-module('ribbon-tailwind-dark-icons') {
-  .e-ribbon {
-    & .e-drop-icon {
-      &::before {
-        content: '\e729';
-      }
-    }
-
-    & .e-menu-wrapper.e-file-menu ul .e-menu-item .e-caret {
-      &::before {
-        content: '\e729';
-      }
-    }
-  }
-}

package/styles/ribbon/icons/_tailwind.scss

@@ -1,15 +0,0 @@
-@include export-module('ribbon-tailwind-icons') {
-  .e-ribbon {
-    & .e-drop-icon {
-      &::before {
-        content: '\e729';
-      }
-    }
-
-    & .e-menu-wrapper.e-file-menu ul .e-menu-item .e-caret {
-      &::before {
-        content: '\e729';
-      }
-    }
-  }
-}

package/styles/spreadsheet/_all.scss

@@ -1,2 +0,0 @@
-@import 'layout.scss';
-@import 'theme.scss';

package/styles/spreadsheet/_bootstrap-dark-definition.scss

@@ -1,154 +0,0 @@
-//default
-$sheet-skin: 'bootstrap-dark' !default;
-$spreadsheet-border-color: $grey-88 !default;
-$spreadsheet-border-width: 1px;
-$spreadsheet-border: $spreadsheet-border-width solid $spreadsheet-border-color !default;
-$header-cell-bg-color: $gray-dark !default;
-$header-cell-color: $grey-light-font !default;
-$select-all-size: 26px !default;
-$select-all-bg-color: $grey-ad !default;
-$select-all-hover-bg-color: $grey-f9 !default;
-$select-all-active-bg-color: $brand-primary !default;
-$cell-background: #fff !default;
-$cell-color: #000 !default;
-$cell-border-color: #e0e0e0 !default;
-$hdr-cell-border-color: $grey-99 !default;
-$dlg-error-color: #dd2c2c !default;
-$agg-clr: #fff !default;
-
-//enddefault
-//selection
-$selection-bg-color: rgba($brand-primary, .12) !default;
-$selection-border-color: $brand-primary !default;
-$hdr-selection-bg-color: $grey-88 !default;
-$hdr-selection-border: 1px solid !default;
-$hdr-selection-border-color: $grey-lighter !default;
-$hdr-selection-color: $header-cell-color !default;
-$hdr-hover-bg-color: $gray-darker !default;
-$copy-indicator-t-b: 'data:image/gif;base64,R0lGODlhBgAEAJECAP///wBw8P///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjBDRTVBNjM4RDg3NzExRTlBQzNCRUNFRTExMkM4REQwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjBDRTVBNjM5RDg3NzExRTlBQzNCRUNFRTExMkM4REQwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MENFNUE2MzZEODc3MTFFOUFDM0JFQ0VFMTEyQzhERDAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MENFNUE2MzdEODc3MTFFOUFDM0JFQ0VFMTEyQzhERDAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQFAwACACwAAAAABgAEAAACB4wDcJh6uQoAIfkEBQMAAgAsAAAAAAYABAAAAgiMAXYZqM1CAQAh+QQFAwACACwBAAAABAAEAAACBhQUhnksBQAh+QQFAwACACwBAAAABAAEAAACBoQihpcMBQAh+QQFAwACACwAAAAABgAEAAACBwSCYcl6aQoAIfkEBQMAAgAsAAAAAAYABAAAAghEHmComHtAAQA7' !default;
-$copy-indicator-l-r: 'data:image/gif;base64,R0lGODlhBAAGAJECAP///wBw8P///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU3RTkwMDFERDg3NjExRTk4Qjg1QzEwMjVENzU4QUJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU3RTkwMDFFRDg3NjExRTk4Qjg1QzEwMjVENzU4QUJFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTdFOTAwMUJEODc2MTFFOThCODVDMTAyNUQ3NThBQkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTdFOTAwMUNEODc2MTFFOThCODVDMTAyNUQ3NThBQkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQFAwACACwAAAAABAAGAAACBwQShsurCQoAIfkEBQMAAgAsAAAAAAQABgAAAgeMA2B5qN4KACH5BAUDAAIALAAAAQAEAAQAAAIFjAOpeVEAIfkEBQMAAgAsAAABAAQABAAAAgZMAIaoGQUAIfkEBQMAAgAsAAAAAAQABgAAAghMAIbGvJdCAQAh+QQFAwACACwAAAAABAAGAAACB4QRqctxUAAAOw==' !default;
-
-//end selection
-//Tab
-$sheets-btn-height: 38px !default;
-$msheets-btn-height: 48px !default;
-$sheet-tab-panel-bg-color: $gray-darker !default;
-$sheet-tab-bg-color: $sheet-tab-panel-bg-color !default;
-$sheet-tab-active-bg-color: $grey-88 !default;
-$sheet-tab-color: #9e9e9e !default;
-$sheet-tab-hover-bg-color: $gray-light !default;
-$sheet-tab-indicator-color: $brand-primary !default;
-$select-icon-color: $brand-primary !default;
-$right-tbar-height: 39px !default;
-
-//End Tab
-//Formula bar
-$formula-bar-bg-color: #191919 !default;
-$formula-bar-font-size: 14px !default;
-$bigger-formula-bar-font-size: 15px !default;
-$name-box-width: 124px !default;
-$namebox-icon-size: 8px !default;
-$formula-textarea-width: calc(100% - 180px) !default;
-$formula-bar-color: $grey-dark-font !default;
-$mformula-bar-height: 42px !default;
-$expand-icon-margin: 4px !default;
-
-//End formula bar
-//Insert dialog box
-$dlg-list-border: 1px solid $grey-44 !default;
-$dlg-description-font-weight: 500 !default;
-$dlg-content-padding: 15px !default;
-$dlg-category-margin-bottom: 5px !default;
-$dlg-min-height: 510px !default;
-
-//End Insert dialogbox
-//Ribbon
-$fontsize-btn-width: 52px !default;
-$bigger-fontsize-btn-width: 64.51px !default;
-$align-ddb-item-height: 32px !default;
-$align-ddb-ul-padding: 7px !default;
-$align-ddb-item-padding: 0 8px !default;
-$align-ddb-item-margin: 0 4px !default;
-$ctrl-btn-padding: 15px !default;
-$ribbon-btn-width: 25px !default;
-$ribbon-btn-height: 30px !default;
-$ribbon-btn-padding: 2.5px !default;
-$bigger-ribbon-btn-height: 35px !default;
-$bigger-ribbon-btn-padding: 7px !default;
-$cpicker-btn-width: 29px !default;
-$bigger-cpicker-btn-width: 36px !default;
-$menu-extension-padding: 12px !default;
-$ribbon-item-hover-border-color: $tbar-hover-border-color !default;
-$ribbon-item-active-border-color: $tbar-focus-border-color !default;
-$font-family-collection: ('Arial', 'Arial Black', 'Axettac Demo', 'Batang', 'Book Antiqua', 'Calibri', 'Comic Sans MS', 'Courier', 'Courier New', 'Din Condensed', 'Georgia', 'Helvetica', 'Helvetica New', 'Roboto', 'Tahoma', 'Times New Roman', 'Verdana') !default;
-$normal-btn-padding: 8px !default;
-
-//End Ribbon
-//Sorting
-$sort-error-bg-color: #fce7e9;
-$sort-error-font-color: #333;
-
-//End Sorting
-//Hyperlink
-$hyper-doc-border-color: #c8c8c8 !default;
-$hyper-text-border: #979797 !default;
-
-//End Hyperlink
-//Filtering
-$filter-icon-margin-bottom: 14px !default;
-$filter-icon-bigger-margin-bottom: 22px !default;
-$filter-selectall-padding: 22px !default;
-$filter-selectall-bigger-padding: 27px !default;
-
-//End Filtering
-//Find And Replace
-$find-popup-border-top-color: #fafafa !default;
-$find-popup-border-color: #e0e0e0 !default;
-$find-tool-dlg-width: 370px !default;
-$find-tool-dlg-height: 46px !default;
-$find-dlg-width: 442px !default;
-$bigger-find-tool-dlg-width: 419px !default;
-$bigger-find-tool-dlg-height: 54px !default;
-$bigger-find-goto-dlg-height: 255px !default;
-
-//End Find And Replace
-//Protect Sheet
-$protect-dlg-height: 421px !default;
-$protect-dlg-width: 282px !default;
-
-//End Protect Sheet
-//Conditional Formatting
-$ele-color: #616161;
-$ele-hover-color: #eee;
-$dark-ele-color: #303030;
-$dark-ele-hover-color: rgba(255, 255, 255, .1) !default;
-
-//End Conditional Formatting
-//Formula selection
-$vborder-selection: #673ab8;
-$pborder-selection: #9c27b0;
-$cborder-selection: #029688;
-$gborder-selection: #4caf51;
-$oborder-selection: #fe9800;
-$bborder-selection: #3f52b5;
-
-//End Formula selection
-//Freeze pane
-$freezepane-color: $grey-88 !default;
-
-//End Freeze pane
-$mac-scrollbar-background: rgba(0, 0, 0, .5) !default;
-
-//Custom Format
-$custom-listview-color: #ddd;
-
-//End Custom Format
-//File Name Dialog
-$open-dlg-width: 340px !default;
-
-//End File Name Dialog
-//Data Validation
-$bigger-validation-list-icon-height-width: 0 !default;
-$bigger-validation-list-width: 26px !default;
-
-//End Data Validation