@syncfusion/ej2-angular-documenteditor 20.2.39 → 20.2.40-ngcc

package/styles/document-editor-container/_fusionnew-definition.scss

@@ -1,153 +0,0 @@
-$de-ctnr-height: calc(100%) !default;
-$de-ctnr-tlbr-height: 72px !default;
-$de-ctnr-tlbt-height-big: 81px !default;
-$de-tlbr-margin-first: 8px !default;
-$de-tlbr-margin-first-big: 12px !default;
-$de-tlbr-margin-right: 4px !default;
-$de-tlbr-margin-right-big: 6px !default;
-$de-ctrnr-tblr-separator-margin: 0 14px !default;
-$de-ctrnr-tblr-separator-margin-big: 0 16px !default;
-$de-ctnr-margin-bottom: 12px !default;
-$de-ctnr-margin-bottom-big: 16px !default;
-$de-group-btn-hgt: 31px !default;
-$de-group-btn-hgt-big: 38px !default;
-$de-ctnr-tlbr-width: calc(100% - 75px) !default;
-$de-spellcheck-tlbr-width: 106px !default;
-$de-spellcheck-tlbr-width-big: 145px !default;
-$de-spellcheck-tlbr-height: 34px !default;
-$de-spellcheck-tlbr-margin-left: 7.5px !default;
-$de-zoom-tlbr-margin-left: calc(100% - 360px) !default;
-$de-zoom-tlbr-margin-left-big: calc(100% - 410px) !default;
-
-// Subtract toolbar & statusbar height
-$de-tool-ctnr-editor-height: calc(100% - 115px) !default;
-$de-tool-ctnr-editor-height-big: calc(100% - 126px) !default;
-
-// Subtract statusbar height
-$de-ctnr-editor-height: calc(100% - 42px) !default;
-$de-ctnr-editor-height-big: calc(100% - 46px) !default;
-$de-ctrnr-tblr-item-padding: 0 !default;
-$de-ctrnr-tblr-item-margin: 0 6.5px !default;
-$de-ctrnr-tblr-item-margin-big: 0 6px !default;
-$de-prop-pane-margin: 16px;
-$de-panel-header-size: $text-sm !default;
-$de-table-prop-border-margin: 8px;
-$de-toc-template-content1: 83px !default;
-$de-toc-template-content2: 68px !default;
-$de-toc-template-content3: 60px !default;
-$de-img-span-top: 8px !default;
-$de-img-span-left: 12px !default;
-$de-toggle-btn-outline: none !default;
-$de-toggle-btn-border: none !default;
-$de-page-no-width-spellout: calc(100% - 155px) !default;
-$de-page-no-width-spellout-big: calc(100% - 205px) !default;
-$de-ctnr-status-bar-hgt: 36px !default;
-$de-border-size-button-height-bg: 38px !default;
-$de-border-size-button-width-bg: 95px !default;
-$de-border-size-button-height: 31px !default;
-$de-border-size-button-width: 99px !default;
-$de-list-hover-bg: $primary !default;
-$de-pane-margin-right: 12px;
-$de-pane-margin-right-big: 16px;
-$de-left-panel-width: 151px;
-$de-left-panel-width-big: 169px;
-$de-right-panel-width: 73px;
-$de-text-pane-width: 260px;
-$de-text-pane-width-big: 306px;
-$de-btn-icon-margin: -2px !default;
-$de-left-btn-width: 38.75px;
-$de-left-btn-width-big: 44px;
-$de-right-btn-width: 75px * .5;
-$de-right-btn-width-big: 43px;
-$de-border-btn-width-big: 44px;
-$de-right-font-size-width-big: 86px;
-$de-img-span-top-big: 12px;
-$de-bullet-icon-font-size: $text-xs;
-$de-bullet-icon-line-height: 0;
-$de-list-button-margin-right: 12px;
-$de-list-button-margin-right-bigger: 16px;
-$de-text-pane-style-width: auto;
-$de-btn-font-size: $text-base;
-$de-btn-font-size-bigger: $text-lg;
-$de-ctnr-padding: 12px;
-$de-prop-style-padding: 12px;
-$de-prop-div-padding-top: 12px;
-$de-prop-div-padding-bottom: 12px;
-$de-layout-btn-font-size: $text-sm;
-$de-layout-btn-bgr-font-size: $text-base;
-$de-pagenumber-text-border-radius: 2px;
-$de-pagenumber-text-margin-top: -3px;
-$e-de-pagenumber-input-margin-left: -2px;
-$e-de-ctnr-pg-no-spellout-padd-top: 8px;
-$e-de-ctnr-pg-no-spellout-padd-top-big: 7px;
-$e-de-status-bar-padding-top: 4px;
-$e-de-status-bar-big-padding-top: 5px;
-$e-de-review-pane-width: 440px;
-$e-de-ctnr-linespacing-tick-icon: 8px;
-$de-toolbar-font-size: $text-sm;
-$de-toolbar-padding-bottom: 14px;
-$de-toolbar-padding-bottom-bg: 14px;
-$de-header-font-weight: $font-weight-medium;
-$de-prop-sub-label-mrgn-btm: 4px;
-$de-hdr-ftr-frst-div-mrgn-btm: 12px;
-$de-hdr-ftr-top-div-mrgn-btm: 12px;
-$de-ctnr-pg-no-spellout-fnt-size: $text-sm;
-$de-ctnr-pg-no-spellout-fnt-size-bg: $text-base;
-$de-status-br-lbl-fnt-weight: $font-weight-medium;
-$de-status-br-left: 0 !default;
-$de-status-br-top: 6px !default;
-$e-de-btn-font-size: $text-sm;
-$e-de-btn-font-icon-size: 16px;
-$e-de-btn-font-size-big: 16px;
-$e-de-btn-font-icon-size-big: 18px;
-$e-de-bzr-btn-font-size: 16px;
-$e-de-bzr-btn-font-size-big: 18px;
-$e-de-bzr-button-hover-border-radius: 4px;
-$e-de-bzr-button-hover-border: none;
-$de-clr-pckr-width: 38px;
-$de-page-number-margin-top: 3px;
-$de-page-number-margin-top-big: 4px;
-$de-hlt-clr-height: 20px;
-$de-hlt-clr-height-bigger: 24px;
-
-// Color variable
-$de-pageweb-toggle-outline: $white 0 solid !default;
-$de-title-bar-bg-clr: $primary !default;
-$de-title-bar-font-clr: $primary-text-color !default;
-$de-ctnr-bg-clr: $content-bg-color-alt1 !default;
-$de-ctnr-prop-bg-clr: $content-bg-color-alt1 !default;
-$de-prpty-btn-bg-clr: $content-bg-color-alt1 !default;
-$de-prop-btn-icon-clr: $icon-color;
-$de-toolbar-icon-clr: $icon-color;
-$de-clr-picker-border-clr: $border;
-$de-panel-border: $border-light !default;
-$de-pane-separator: $border-light !default;
-$de-list-thmbnail-border-clr: $border-light;
-$e-de-statusbar-separator-color: $border-light;
-$de-panel-header-color: $content-text-color-alt2 !default;
-$de-panel-sub-label-color: $content-text-color-alt1 !default;
-$de-header-line-color: 1px solid $border-light !default;
-$de-toggle-bg-color: $content-bg-color-alt3 !default;
-$de-font-color: $content-text-color-alt2 !default;
-$de-prop-btn-border-color: $border-light !default;
-$de-prop-btn-bg-color: $content-bg-color !default;
-$de-toggle-btn-color: $icon-color !default;
-$de-pageweb-toggle-color: $content-bg-color-alt3 !default;
-$e-de-pagenumber-bg: $content-bg-color;
-$de-toggle-border-color: darken($secondary-bg-color, 12.5%) !default;
-$de-toggle-hover-color: darken($secondary-bg-color, 7.5%) !default;
-$de-toggle-border-hover-color: darken($secondary-bg-color, 10%) !default;
-$de-toggle-disabled-color: lighten($secondary-bg-color, 65%);
-
-//Blazor
-$e-de-bzr-button-border-color: $white !default;
-$e-de-bzr-button-active-font-color: $white !default;
-$de-white-color: $white !default;
-$de-black-color: $black !default;
-$e-de-bzr-button-bg-color: $content-bg-color-alt1 !default;
-$e-de-bzr-button-hover-bg-color: $secondary-bg-color-hover !default;
-$e-de-bzr-button-font-color: $content-text-color !default;
-$e-de-bzr-button-hover-font-color: $content-text-color-selected !default;
-$e-de-bzr-button-active-bg-color:  $secondary-bg-color-hover !default;
-$e-de-bzr-button-active-border-color: $border !default;
-$de-hover-bg: $content-bg-color-alt2 !default;

package/styles/document-editor-container/_highcontrast-definition.scss

@@ -1,130 +0,0 @@
-$de-title-bar-bg-clr: $selection-bg !default;
-$de-title-bar-font-clr: $bg-base-0 !default;
-$de-ctnr-bg-clr: $bg-base-0 !default;
-$de-ctnr-prop-bg-clr: $de-ctnr-bg-clr !default;
-$de-ctnr-height: calc(100%) !default;
-$de-ctnr-tlbr-height: 82px !default;
-$de-ctnr-tlbt-height-big: 82px !default;
-$de-tlbr-margin-first: 12px !default;
-$de-tlbr-margin-first-big: 16px !default;
-$de-tlbr-margin-right: 6px !default;
-$de-tlbr-margin-right-big: 8px !default;
-$de-ctrnr-tblr-separator-margin: 0 5.5px !default;
-$de-ctrnr-tblr-separator-margin-big: 0 7.5px !default;
-$de-ctnr-margin-bottom: 12px !default;
-$de-ctnr-margin-bottom-big: 16px !default;
-$de-group-btn-hgt: 32px !default;
-$de-group-btn-hgt-big: 38px !default;
-$de-ctnr-tlbr-width: calc(100% - 75px) !default;
-$de-spellcheck-tlbr-width: 111px !default;
-$de-spellcheck-tlbr-width-big: 125px !default;
-$de-spellcheck-tlbr-height: 34px !default;
-$de-spellcheck-tlbr-margin-left: 7.5px !default;
-$de-zoom-tlbr-margin-left: calc(100% - 410px) !default;
-$de-zoom-tlbr-margin-left-big: calc(100% - 435px) !default;
-$e-de-statusbar-separator-color: #dadada;
-
-// Subtract toolbar & statusbar height
-$de-tool-ctnr-editor-height: calc(100% - 118px) !default;
-$de-tool-ctnr-editor-height-big: calc(100% - 118px) !default;
-
-// Subtract statusbar height
-$de-ctnr-editor-height: calc(100% - 40px) !default;
-$de-ctnr-editor-height-big: calc(100% - 40px) !default;
-$de-ctrnr-tblr-item-padding: 0 !default;
-$de-ctrnr-tblr-item-margin: 0 6.5px !default;
-$de-ctrnr-tblr-item-margin-big: 0 6px !default;
-$de-prpty-btn-bg-clr: $bg-base-0 !default;
-$de-panel-header-size: 13px;
-$de-panel-header-color: $content-font !default;
-$de-panel-sub-label-color: $content-font !default;
-$de-header-line-color: 1px solid $bg-base-100 !default;
-$de-group-btn-hgt: 32px !default;
-$de-toc-template-content1: 82px !default;
-$de-toc-template-content2: 63px !default;
-$de-toc-template-content3: 56px !default;
-$de-img-span-top: 7px !default;
-$de-img-span-left: 8px !default;
-$de-toggle-bg-color: $selection-bg !default;
-$de-toggle-btn-outline: $content-font 0 solid !default;
-$de-toggle-btn-border: none !default;
-$de-panel-border: $bg-base-100 !default;
-$de-page-no-width-spellout: calc(100% - 160px) !default;
-$de-page-no-width-spellout-big: calc(100% - 180px) !default;
-$de-font-color: $content-font !default;
-$de-hover-clr:  1px solid #ff8c00;
-$de-hover-bg: #d3d3d3 !default;
-$de-pane-separator: #e0e0e0 !default;
-$de-ctnr-status-bar-hgt: 36px !default;
-$de-border-size-button-height-bg: 38px !default;
-$de-border-size-button-width-bg: 96px !default;
-$de-border-size-button-height: 28px !default;
-$de-border-size-button-width: 100px !default;
-$de-list-hover-bg: $hover-bg !default;
-$de-pane-margin-right: 12px;
-$de-pane-margin-right-big: 16px;
-$de-left-panel-width: 149px;
-$de-left-panel-width-big: $de-left-panel-width;
-$de-right-panel-width: 75px;
-$de-text-pane-width: 260px;
-$de-text-pane-width-big: 272px;
-$de-left-btn-width: 149px * .25;
-$de-right-btn-width: $de-right-panel-width * .5;
-$de-border-btn-width-big: 42px;
-$de-left-btn-width-big: $de-left-btn-width;
-$de-img-span-top-big: 12px;
-$de-bullet-icon-font-size: 29px;
-$de-bullet-icon-line-height: 26px;
-$de-list-button-margin-right: 0;
-$de-list-button-margin-right-bigger: 0;
-$de-ctnr-padding: 12px;
-$de-pageweb-toggle-color: $selection-bg !default;
-$de-pageweb-toggle-outline: #fafafa 0 solid !default;
-$de-layout-btn-font-size: 14px;
-$de-layout-btn-bgr-font-size: 14px;
-$de-pagenumber-text-border-radius: 0;
-$de-pagenumber-text-margin-top: -1px;
-$e-de-pagenumber-input-margin-left: -3px;
-$e-de-ctnr-pg-no-spellout-padd-top: 7px;
-$e-de-ctnr-pg-no-spellout-padd-top-big: $e-de-ctnr-pg-no-spellout-padd-top;
-$e-de-pagenumber-bg: $selection-font !default;
-$e-de-status-bar-padding-top: 1.5px;
-$e-de-status-bar-big-padding-top: 1.5px;
-$e-de-review-pane-width: 400px;
-$e-de-ctnr-linespacing-tick-icon: 11px;
-$e-de-bzr-button-border-color: #000;
-$e-de-bzr-button-bg-color: #000;
-$e-de-bzr-button-hover-bg-color: #685708;
-$e-de-bzr-button-hover-border: 2px solid #fff;
-$e-de-bzr-button-hover-border-radius: 0;
-$e-de-bzr-button-hover-font-color: #fff;
-$e-de-bzr-button-active-font-color: #000;
-$e-de-bzr-button-active-bg-color: #ffd939;
-$e-de-bzr-button-active-border-color: #ffd939;
-$e-de-bzr-button-font-color: #fff;
-$e-de-bzr-btn-font-size: 16px;
-$e-de-bzr-btn-font-size-big: 16px;
-$de-prop-style-padding: 12px;
-$de-prop-div-padding-top: 12.5px;
-$de-prop-div-padding-bottom: 11.5px;
-$de-prop-pane-margin: 14px;
-$de-table-prop-border-margin: 14px;
-$de-clr-pckr-width: 30.8px;
-$de-toolbar-font-size: 12px;
-$de-toolbar-padding-bottom: 6px;
-$de-toolbar-padding-bottom-bg: 6px;
-$de-header-font-weight: normal;
-$de-list-thmbnail-border-clr: #e4e4e4;
-$de-prop-sub-label-mrgn-btm: 8px;
-$de-hdr-ftr-frst-div-mrgn-btm: 10px;
-$de-hdr-ftr-top-div-mrgn-btm: 14px;
-$de-ctnr-pg-no-spellout-fnt-size: 13px;
-$de-ctnr-pg-no-spellout-fnt-size-bg: $de-ctnr-pg-no-spellout-fnt-size;
-$de-status-br-lbl-fnt-weight: normal;
-$de-status-br-left: 15.5 !default;
-$de-status-br-top: 10px !default;
-$de-white-color: #fff !default;
-$de-black-color: #000 !default;
-$de-hlt-clr-height: 18px;
-$de-hlt-clr-height-bigger: 25px;
-$de-prop-btn-icon-clr: #ccc;

package/styles/document-editor-container/_highcontrast-light-definition.scss

@@ -1,133 +0,0 @@
-$de-title-bar-bg-clr: $selection-bg !default;
-$de-title-bar-font-clr: $bg-base-0 !default;
-$de-ctnr-bg-clr: $bg-base-0 !default;
-$de-ctnr-prop-bg-clr: $de-ctnr-bg-clr !default;
-$de-ctnr-height: calc(100%) !default;
-$de-ctnr-tlbr-height: 82px !default;
-$de-ctnr-tlbt-height-big: 82px !default;
-$de-tlbr-margin-first: 12px !default;
-$de-tlbr-margin-first-big: 16px !default;
-$de-tlbr-margin-right: 6px !default;
-$de-tlbr-margin-right-big: 8px !default;
-$de-ctrnr-tblr-separator-margin: 0 5.5px !default;
-$de-ctrnr-tblr-separator-margin-big: 0 7.5px !default;
-$de-ctnr-margin-bottom: 12px !default;
-$de-ctnr-margin-bottom-big: 16px !default;
-$de-group-btn-hgt: 32px !default;
-$de-group-btn-hgt-big: 38px !default;
-$de-ctnr-tlbr-width: calc(100% - 75px) !default;
-$de-spellcheck-tlbr-width: 91px !default;
-$de-spellcheck-tlbr-width-big: 111px !default;
-$de-spellcheck-tlbr-height: 34px !default;
-$de-spellcheck-tlbr-margin-left: 7.5px !default;
-$de-zoom-tlbr-margin-left: calc(100% - 362px) !default;
-$de-zoom-tlbr-margin-left-big: calc(100% - 395px) !default;
-$e-de-statusbar-separator-color: #dadada;
-
-// Subtract toolbar & statusbar height
-$de-tool-ctnr-editor-height: calc(100% - 113px) !default;
-$de-tool-ctnr-editor-height-big: calc(100% - 118px) !default;
-
-// Subtract statusbar height
-$de-ctnr-editor-height: calc(100% - 38px) !default;
-$de-ctnr-editor-height-big: calc(100% - 38px) !default;
-$de-ctrnr-tblr-item-padding: 0 !default;
-$de-ctrnr-tblr-item-margin: 0 6.5px !default;
-$de-ctrnr-tblr-item-margin-big: 0 6px !default;
-$de-prpty-btn-bg-clr: $bg-base-0 !default;
-$de-panel-header-size: 13px;
-$de-panel-header-color: $content-font !default;
-$de-panel-sub-label-color: $content-font !default;
-$de-header-line-color: 1px solid $bg-base-100 !default;
-$de-group-btn-hgt: 32px !default;
-$de-toc-template-content1: 82px !default;
-$de-toc-template-content2: 63px !default;
-$de-toc-template-content3: 56px !default;
-$de-img-span-top: 7px !default;
-$de-img-span-left: 8px !default;
-$de-toggle-bg-color: $selection-bg !default;
-$de-toggle-btn-outline: $content-font 0 solid !default;
-$de-toggle-btn-border: none !default;
-$de-panel-border: $bg-base-100 !default;
-$de-page-no-width: 100px !default;
-$de-page-no-width-spellout: calc(100% - 160px) !default;
-$de-page-no-width-spellout-big: calc(100% - 180px) !default;
-$de-font-color: $content-font !default;
-$de-hover-clr:  1px solid #ff8c00;
-$de-hover-bg: #d3d3d3 !default;
-$de-pane-separator: #e0e0e0 !default;
-$de-ctnr-status-bar-hgt: 36px !default;
-$de-border-size-button-height-bg: 38px !default;
-$de-border-size-button-width-bg: 96px !default;
-$de-border-size-button-height: 28px !default;
-$de-border-size-button-width: 100px !default;
-$de-list-hover-bg: $hover-bg !default;
-$de-pane-margin-right: 12px;
-$de-pane-margin-right-big: 16px;
-$de-left-panel-width: 149px;
-$de-left-panel-width-big: $de-left-panel-width;
-$de-right-panel-width: 75px;
-$de-text-pane-width: 260px;
-$de-text-pane-width-big: 272px;
-$de-left-btn-width: 149px * .25;
-$de-right-btn-width: $de-right-panel-width * .5;
-$de-border-btn-width-big: 42px;
-$de-left-btn-width-big: $de-left-btn-width;
-$de-img-span-top-big: 12px;
-$de-bullet-icon-font-size: 29px;
-$de-bullet-icon-line-height: 26px;
-$de-list-button-margin-right: 0;
-$de-list-button-margin-right-bigger: 0;
-$de-ctnr-padding: 12px;
-$de-pageweb-toggle-color: $selection-bg !default;
-$de-pageweb-toggle-outline: #fafafa 0 solid !default;
-$de-layout-btn-font-size: 14px;
-$de-layout-btn-bgr-font-size: 14px;
-$de-pagenumber-text-border-radius: 2px;
-$de-pagenumber-text-margin-top: -3px;
-$e-de-pagenumber-input-margin-left: -3px;
-$e-de-ctnr-pg-no-spellout-padd-top: 8px;
-$e-de-ctnr-pg-no-spellout-padd-top-big: $e-de-ctnr-pg-no-spellout-padd-top;
-$e-de-pagenumber-bg: $selection-font !default;
-$e-de-status-bar-padding-top: 1.5px;
-$e-de-status-bar-big-padding-top: 1.5px;
-$e-de-review-pane-width: 400px;
-$e-de-ctnr-linespacing-tick-icon: 11px;
-$de-prop-style-padding: 12px;
-$de-prop-div-padding-top: 12.5px;
-$de-prop-div-padding-bottom: 11.5px;
-$de-prop-pane-margin: 14px;
-$de-table-prop-border-margin: 14px;
-$de-clr-pckr-width: 30.8px;
-$de-toolbar-font-size: 12px;
-$de-toolbar-padding-bottom: 6px;
-$de-toolbar-padding-bottom-bg: 6px;
-$de-header-font-weight: normal;
-$de-list-thmbnail-border-clr: #e4e4e4;
-$de-prop-sub-label-mrgn-btm: 8px;
-$de-hdr-ftr-frst-div-mrgn-btm: 10px;
-$de-hdr-ftr-top-div-mrgn-btm: 14px;
-$de-ctnr-pg-no-spellout-fnt-size: 13px;
-$de-ctnr-pg-no-spellout-fnt-size-bg: $de-ctnr-pg-no-spellout-fnt-size;
-$de-status-br-lbl-fnt-weight: normal;
-$de-status-br-left: 15.5 !default;
-$de-status-br-top: 10px !default;
-$e-de-bzr-btn-font-size: 16px;
-$e-de-bzr-btn-font-size-big: 16px;
-$de-white-color: #fff !default;
-$de-black-color: #000 !default;
-$de-hlt-clr-height: 18px;
-$de-hlt-clr-height-bigger: 25px;
-$e-de-bzr-button-border-color: #000;
-$e-de-bzr-button-bg-color: #000;
-$e-de-bzr-button-hover-bg-color: #685708;
-$e-de-bzr-button-hover-border: 2px solid #fff;
-$e-de-bzr-button-hover-border-radius: 0;
-$e-de-bzr-button-hover-font-color: #fff;
-$e-de-bzr-button-active-font-color: #000;
-$e-de-bzr-button-active-bg-color: #ffd939;
-$e-de-bzr-button-active-border-color: #ffd939;
-$e-de-bzr-button-font-color: #fff;
-$e-de-bzr-btn-font-size: 16px;
-$e-de-bzr-btn-font-size-big: 16px;
-$de-prop-btn-icon-clr: #ccc;

package/styles/document-editor-container/_layout.scss

@@ -1,87 +0,0 @@
-@include export-module('document-editor-container-layout') {
-  .e-de-toolbar {
-    height: 100%;
-  }
-
-  .e-de-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text .e-de-text-wrap {
-    height: 0;
-    @if $skin-name == 'tailwind' {
-      line-height: 1;
-    }
-    @else if $skin-name == 'bootstrap5' or $skin-name == 'FluentUI' {
-      line-height: .5;
-    }
-    @else {
-      line-height: 0;
-    }
-  }
-
-  .e-de-ctnr-file-picker {
-    left: -110em;
-    position: fixed;
-  }
-
-  .e-de-ctnr-rtl {
-    direction: rtl;
-  }
-
-  .e-de-ctnr-hglt-btn {
-    border: .5px solid transparent;
-    display: inline-block;
-    height: 25px;
-    margin: 3px;
-    width: 25px;
-  }
-
-  .e-color-selected,
-  .e-de-ctnr-hglt-btn:hover {
-    border-color: $de-white-color;
-    outline: $de-black-color .5px solid;
-  }
-
-  .e-hglt-no-color {
-    height: 30px;
-    padding-top: 1px;
-    width: 157px;
-
-    #{if(&, '&', '*')}:hover {
-      background-color: $de-hover-bg;
-      cursor: pointer;
-    }
-  }
-
-  .e-de-ctnr-hglt-no-color {
-    font-size: 12px;
-    font-weight: normal;
-    left: 40px;
-    padding-top: 11px;
-    position: absolute;
-    top: 100px;
-  }
-
-  /* stylelint-disable */
-  .e-de-scrollbar-hide::-webkit-scrollbar {
-    width: 0;
-  }
-
-  .e-de-scrollbar-hide {
-    -ms-overflow-style: none;
-    scrollbar-width: none;
-  }
-
-  /* stylelint-enable */
-  @if $skin-name == 'FluentUI' {
-    //Font color icons is smaller when comparing with other icons.
-    .e-de-ctnr-group-btn .e-btn .e-btn-icon.e-icons.e-de-ctnr-fontcolor,
-    .e-de-ctnr-group-btn .e-btn .e-btn-icon.e-icons.e-de-ctnr-change-case {
-      font-size: 18px;
-    }
-
-    .e-bigger {
-      .e-de-ctnr-group-btn .e-btn .e-btn-icon.e-icons.e-de-ctnr-fontcolor,
-      .e-de-ctnr-group-btn .e-btn .e-btn-icon.e-icons.e-de-ctnr-change-case {
-        font-size: 21px;
-      }
-    }
-  }
-}

package/styles/document-editor-container/_material-dark-definition.scss

@@ -1,131 +0,0 @@
-$de-title-bar-bg-clr: $primary !default;
-$de-title-bar-font-clr: $grey-white !default;
-$de-ctnr-bg-clr: $grey-dark !default;
-$de-ctnr-prop-bg-clr: $de-ctnr-bg-clr !default;
-$de-ctnr-height: calc(100%) !default;
-$de-ctnr-tlbr-height: 77px !default;
-$de-ctnr-tlbt-height-big: 82px !default;
-$de-tlbr-margin-first: 12px !default;
-$de-tlbr-margin-first-big: 16px !default;
-$de-tlbr-margin-right: 6px !default;
-$de-tlbr-margin-right-big: 8px !default;
-$de-ctrnr-tblr-separator-margin: 0 5.5px !default;
-$de-ctrnr-tblr-separator-margin-big: 0 7.5px !default;
-$de-ctnr-margin-bottom: 12px !default;
-$de-ctnr-margin-bottom-big: 16px !default;
-$de-ctnr-tlbr-width: calc(100% - 75px) !default;
-$de-spellcheck-tlbr-width: 91px !default;
-$de-spellcheck-tlbr-width-big: 111px !default;
-$de-spellcheck-tlbr-height: 34px !default;
-$de-spellcheck-tlbr-margin-left: 7.5px !default;
-$de-zoom-tlbr-margin-left: calc(100% - 380px) !default;
-$de-zoom-tlbr-margin-left-big: calc(100% - 410px) !default;
-$e-de-statusbar-separator-color: #626161;
-
-// Subtract toolbar & statusbar height
-$de-tool-ctnr-editor-height: calc(100% - 115px) !default;
-$de-tool-ctnr-editor-height-big: calc(100% - 122px) !default;
-
-// Subtract statusbar height
-$de-ctnr-editor-height: calc(100% - 40px) !default;
-$de-ctnr-editor-height-big: calc(100% - 40px) !default;
-$de-ctrnr-tblr-item-padding: 0 !default;
-$de-ctrnr-tblr-item-margin: 0 6.5px !default;
-$de-ctrnr-tblr-item-margin-big: 0 6px !default;
-$de-group-btn-hgt: 28px !default;
-$de-group-btn-hgt-big: 36px !default;
-$de-prpty-btn-bg-clr: $grey-900 !default;
-$de-panel-header-size: 12px !default;
-$de-panel-header-color: $grey-500 !default;
-$de-header-line-color: 1px solid $grey-700 !default;
-$de-panel-sub-label-color:  $grey-500 !default;
-$de-group-btn-hgt: 28px !default;
-$de-toc-template-content1: 78px !default;
-$de-toc-template-content2: 63px !default;
-$de-toc-template-content3: 55px !default;
-$de-img-span-top: 7px !default;
-$de-img-span-left: 8px !default;
-$de-toggle-bg-color: #7d7d7d !default;
-$de-toggle-border-clr: transparent !default;
-$de-toggle-btn-outline: $grey-50 0 solid !default;
-$de-toggle-btn-border: none !default;
-$de-panel-border: $grey-700 !default;
-$de-panel-btn-bg-clr: '' !default;
-$de-page-no-width-spellout: calc(100% - 140px) !default;
-$de-page-no-width-spellout-big: calc(100% - 160px) !default;
-$de-font-color: $grey-dark-font !default;
-$de-hover-clr:  1px solid #ff8c00 !default;
-$de-hover-bg: rgba(255, 255, 255, .1) !default;
-$de-pane-separator: $grey-700 !default;
-$de-ctnr-status-bar-hgt: 36px !default;
-$de-border-size-button-height-bg: 36px !default;
-$de-border-size-button-width-bg: 96px !default;
-$de-border-size-button-height: 28px !default;
-$de-border-size-button-width: 100px !default;
-$de-list-hover-bg: rgba($grey-black, .12) !default;
-$de-pane-margin-right: 12px;
-$de-pane-margin-right-big: $de-pane-margin-right;
-$de-left-panel-width: 150px;
-$de-right-panel-width: 72px;
-$de-left-panel-width-big: $de-left-panel-width;
-$de-text-pane-width: 262px;
-$de-text-pane-width-big: 270px;
-$de-left-btn-width: 154px * .25;
-$de-right-btn-width: $de-right-panel-width * .5;
-$de-border-btn-width-big: 42px;
-$de-left-btn-width-big: $de-left-btn-width;
-$de-img-span-top-big: 12px;
-$de-bullet-icon-font-size: 29px;
-$de-bullet-icon-line-height: 26px;
-$de-list-button-margin-right: 0;
-$de-list-button-margin-right-bigger: 0;
-$de-ctnr-padding: 12px;
-$de-pageweb-toggle-color: $grey-700 !default;
-$de-pageweb-toggle-outline: #fafafa 0 solid !default;
-$de-layout-btn-font-size: 14px;
-$de-layout-btn-bgr-font-size: 14px;
-$de-pagenumber-text-border-radius: 2px;
-$de-pagenumber-text-margin-top: -2px;
-$e-de-pagenumber-input-margin-left: -3px;
-$e-de-ctnr-pg-no-spellout-padd-top: 8px;
-$e-de-ctnr-pg-no-spellout-padd-top-big: $e-de-ctnr-pg-no-spellout-padd-top;
-$e-de-pagenumber-bg: $grey-black;
-$e-de-status-bar-padding-top: 2.5px;
-$e-de-status-bar-big-padding-top: 3.5px;
-$e-de-review-pane-width: 400px;
-$e-de-ctnr-linespacing-tick-icon: 11px;
-$de-prop-style-padding: 12px;
-$de-prop-div-padding-top: 12.5px;
-$de-prop-div-padding-bottom: 11.5px;
-$de-prop-pane-margin: 14px;
-$de-table-prop-border-margin: 14px;
-$de-clr-pckr-width: 30.8px;
-$de-toolbar-padding-bottom: 6px;
-$de-toolbar-padding-bottom-bg: 6px;
-$de-toolbar-font-size: 12px;
-$de-header-font-weight: normal;
-$de-list-thmbnail-border-clr: #e4e4e4;
-$de-prop-sub-label-mrgn-btm: 8px;
-$de-hdr-ftr-frst-div-mrgn-btm: 10px;
-$de-hdr-ftr-top-div-mrgn-btm: 14px;
-$de-ctnr-pg-no-spellout-fnt-size: 13px;
-$de-ctnr-pg-no-spellout-fnt-size-bg: $de-ctnr-pg-no-spellout-fnt-size;
-$de-status-br-lbl-fnt-weight: normal;
-$de-status-br-left: 15.5 !default;
-$de-status-br-top: 10px !default;
-$e-de-bzr-btn-font-size: 14px;
-$e-de-bzr-btn-font-size-big: 16px;
-$de-white-color: #fff !default;
-$de-black-color: #000 !default;
-$de-hlt-clr-height: 18px;
-$de-hlt-clr-height-bigger: 22px;
-$e-de-bzr-button-border-color: #fff;
-$e-de-bzr-button-font-color: #333;
-$e-de-bzr-button-bg-color: #212121;
-$e-de-bzr-button-hover-bg-color: #e6e6e6;
-$e-de-bzr-button-hover-border: 1px solid #adadad;
-$e-de-bzr-button-hover-border-radius: 4px;
-$e-de-bzr-button-hover-font-color: #333;
-$e-de-bzr-btn-font-size: 14px;
-$e-de-bzr-btn-font-size-big: 16px;
-$de-prop-btn-icon-clr: #ccc;