@use 'sass:color';
@use 'ej2-base/styles/definition/bootstrap4' as *;
@forward 'ej2-base/styles/definition/bootstrap4';

// Size variables
$breadcrumb-skin: 'bootstrap' !default;
$breadcrumb-last-item-font-weight: normal !default;
$breadcrumb-font-size: 14px !default;
$breadcrumb-bigger-font-size: 16px !default;
$breadcrumb-icon-font-size: 14px !default;
$breadcrumb-icon-bigger-font-size: 16px !default;
$breadcrumb-padding: 10px 0 !default;
$breadcrumb-padding-left: 16px !default;
$breadcrumb-padding-right: 16px !default;
$breadcrumb-bigger-padding: 9px 0 !default;
$breadcrumb-separator-padding: 10px 8px !default;
$breadcrumb-separator-bigger-padding: 9px 8px !default;
$breadcrumb-icon-right-padding: 8px !default;
$breadcrumb-icon-bigger-right-padding: 8px !default;
$breadcrumb-collapsed-icon-padding: 8px 8px !default;
$breadcrumb-collapsed-icon-bigger-padding: 8px 8px !default;
$breadcrumb-collapsed-icon-font-size: 16px !default;
$breadcrumb-collapsed-icon-bigger-font-size: 18px !default;
$breadcrumb-sibling-separator-padding: 0 !default;
$breadcrumb-sibling-separator-margin-left: -7px !default;
$breadcrumb-icon-item-padding: 3px 0 !default;
$breadcrumb-icon-only-item-padding: 10px 11px !default;
$breadcrumb-icon-only-item-bigger-padding: 10px 11px !default;
$breadcrumb-scroll-mode-lineheight: normal !default;
$breadcrumb-popup-item-padding: 0 20px !default;
$breadcrumb-popup-border-radius: 4px !default;
$breadcrumb-popup-item-height: 26px !default;
$breadcrumb-popup-item-line-height: 26px !default;
$cmenu-li-hover-outline-offset: 0 !default;
$breadcrumb-popup-item-bigger-height: 32px !default;
$breadcrumb-popup-item-bigger-line-height: 32px !default;
$breadcrumb-normal-line-height: normal !default;
$breadcrumb-menuitem-height: 1px !default;
$breadcrumb-border-none: 0 !default;
$breadcrumb-padding-none: 0 !default;
$breadcrumb-margin-none: 0 !default;
$breadcrumb-menu-item-margin: -1px !default;
$breadcrumb-border-radius: 4px !default;

// Color variables
$breadcrumb-item-color: $primary !default;
$breadcrumb-separator-color: $gray-600 !default;
$breadcrumb-icon-color: $gray-700 !default;
$breadcrumb-item-hover-color: color.adjust($primary, $lightness: -15%) !default;
$breadcrumb-item-focus-color: color.adjust($primary, $lightness: -15%) !default;
$breadcrumb-item-active-color: color.adjust($primary, $lightness: -20%) !default;
$breadcrumb-last-item-font-color: $gray-600 !default;
$breadcrumb-collapsed-icon-hover-bgcolor: $gray-300 !default;
$breadcrumb-collapsed-icon-active-bgcolor: $gray-400 !default;
$breadcrumb-collapsed-icon-focus-bgcolor: $gray-300 !default;
$breadcrumb-collapsed-icon-color: $gray-700 !default;
$breadcrumb-collapsed-icon-hover-color: $gray-700 !default;
$breadcrumb-disabled-item-color: $gray-500 !default;
$breadcrumb-bgcolor: $gray-200 !default;
$breadcrumb-icon-interaction-color: $indigo !default;
$breadcrumb-popup-item-color: $gray-600 !default;
$breadcrumb-popup-border: 1px solid rgba($black, .15) !default;
$breadcrumb-popup-bgcolor: $content-popup-bg !default;
$breadcrumb-popup-box-shadow: none !default;
$breadcrumb-popup-item-hover-bgcolor: color.adjust($gray-100, $lightness: 2%) !default;
$breadcrumb-popup-item-hover-color: $gray-900 !default;
$breadcrumb-popup-item-hover-outline: 0 solid $gray-200 !default;