@use 'sass:color';
@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
@use '@syncfusion/ej2-buttons/styles/button/bootstrap4-definition' as *;
@use '../drop-down-button/bootstrap4-definition' as *;

$split-btn-zindex: 2;
$split-btn-border-radius: 4px;
$split-btn-focus-border-color: $gray-600;
$split-btn-focus-vertical-border-color: $gray-600;
$split-btn-focus-outline-offset: 0;
$split-btn-vertical-secondary-icon-line-height: .334em;
$split-btn-seperator-border: 1px solid;
$split-btn-seperator-border-color: $gray-600;
$split-btn-seperator-default-border-color: $gray-600;
$split-btn-seperator-vertical-border-color: $gray-600;
$split-btn-hover-border-color: color.adjust($gray-600, $lightness: -10%);
$split-btn-hover-vertical-border-color: color.adjust($gray-600, $lightness: -10%);
$split-btn-active-border-color: color.adjust($gray-600, $lightness: -12.5%);
$split-btn-active-vertical-border-color: color.adjust($gray-600, $lightness: -12.5%);
$split-btn-disabled-vertical-border-color: rgba($gray-600, .65);
$split-btn-active-box-shadow: $btn-active-box-shadow;
$split-btn-disabled-left-border-color: rgba($gray-600, .65);
$split-btn-hover-left-border-color: color.adjust($gray-600, $lightness: -10%);
$split-btn-focus-left-border-color: $gray-600;
$split-btn-active-left-border-color: $gray-600;
$split-btn-sec-btn-margin-left: -1px;
$split-btn-icon-btn-padding: 8px;
$split-btn-icon-btn-padding-bigger: 12px;
$split-btn-bigger-padding-left: 12px !default;
$split-btn-bigger-padding-right: 6px !default;
$drop-dbtn-bigger-padding-left: 10px !default;
$drop-dbtn-bigger-padding-right: 10px !default;
$split-btn-bgr-vertical-padding-bottom: 6px !default;
$split-btn-bgr-vertical-padding-right: 12px !default;
$drop-down-btn-bgr-vertical-padding-bottom: 4px !default;
$drop-down-btn-bgr-vertical-padding-top: 4px !default;
$drop-down-bigger-btn-icon-margin-left: 0 !default;
$drop-down-bigger-btn-icon-padding-right: 10px !default;
$drop-down-bigger-icon-top-padding-bottom: 6px !default;
$drop-down-zero-padding-margin: 0 !default;
$drop-down-zero-border-radius: 0 !default;
$drop-down-bigger-rtl-padding-left: 6px !default;
$drop-down-bigger-rtl-padding-right: 12px !default;
$drop-down-bgr-rtl-icon-padding-left: 10px !default;
$drop-dbtn-bigger-padding-left: 4px !default;
$drop-dbtn-bigger-padding-right: 4px !default;
$drop-dbtn-icon-font-size: 16px !default;
$drop-dbtn-icon-font-size-bigger: 20px !default;

$split-rtl-btn-padding-left: 4px !default;
$split-rtl-btn-padding-right: 10px !default;

$split-btn-icon-padding-right: 8px !default;
$split-rtl-btn-icon-padding-left: 8px !default;

$split-btn-padding-left: 10px !default;
$split-btn-padding-right: 10px !default;
$split-btn-top-icon-padding-bottom: 10px !default;
$split-btn-top-icon-padding-top: 10px !default;
$split-btn-icon-top-padding-bottom: 4px !default;
$drop-down-btn-padding-left: 4px !default;
$drop-down-btn-padding-right: 4px !default;
$split-btn-line-height: 1 !default;
$split-btn-vertical-padding-bottom: 4px !default;
$split-btn-vertical-padding-right: 10px !default;
$split-btn-vertical-icon-top-padding: 4px !default;
$drop-down-btn-vertical-padding-bottom: 4px !default;
$drop-down-btn-vertical-padding-top: 4px !default;
$split-btn-top-icon-padding-bottom: 12px !default;
$split-btn-top-icon-padding-top: 12px !default;
$split-auto-width: auto !default;
$split-full-width: 100% !default;