@use 'ej2-base/styles/definition/fabric' as *;
@forward 'ej2-base/styles/definition/fabric';
$spreadsheet-ribbon-skin: 'fabric' !default;
$border-color: $neutral-light !default;
$spreadsheet-ribbon-border: 1px solid $border-color !default;
$tab-header-height: 38px !default;
$bigger-tab-header-height: 48px !default;
$spreadsheet-ribbon-header-bg-color: $neutral-white !default;
$spreadsheet-ribbon-focused-wrap-focus-border-color: $neutral-secondary-alt !default;
$file-menu-wrap-padding: 0 0 0 8px !default;
$drop-icon-margin: 12.5px 4px !default;
$bigger-drop-icon-margin: 14.5px 5px !default;
$spreadsheet-ribbon-comb-icon-color: $neutral-light-font !default;
$expand-icon-color: $neutral-secondary !default;
$spreadsheet-ribbon-focus-bg-color: initial !default;
$spreadsheet-ribbon-focus-text-color: $neutral-light-font !default;
$spreadsheet-ribbon-drop-icon-font-size: 10px !default;
$tab-file-menu-font-size: 14px !default;
$bigger-tab-file-menu-font-size: 15px !default;
$bigger-spreadsheet-ribbon-drop-icon-font-size: 12px !default;
$spreadsheet-ribbon-content-tbar-border-color: transparent !default;
$spreadsheet-ribbon-tab-menu-items-height: 35px !default;
$spreadsheet-ribbon-tab-menu-items-line-height: 35px !default;
$spreadsheet-ribbon-tab-text-wrap-height: 35px !default;
$spreadsheet-toolbar-item-separator-height: 24px !default;
$bigger-spread-ribbon-tab-text-wrap-height: 41px !default;
$bigger-spread-ribbon-tab-menu-items-height: 41px !default;
$bigger-spread-ribbon-tab-menu-items-line-height: 41px !default;
$spread-ribbon-font-weight-bold: bold !default;