@use "../core/_index.scss" as *;
@use "../button/_variables.scss" as *;

/// The vertical padding of the small arrow Button.
/// @group split-button
$kendo-split-button-sm-arrow-padding-y: var( --kendo-split-button-sm-arrow-padding-y, calc( #{k-spacing(0.5)} + 1px ) ) !default;
/// The vertical padding of the medium arrow Button.
/// @group split-button
$kendo-split-button-md-arrow-padding-y: var( --kendo-split-button-md-arrow-padding-y, calc( #{k-spacing(1)} + 1px ) ) !default;
/// The vertical padding of the large arrow Button.
/// @group split-button
$kendo-split-button-lg-arrow-padding-y: var( --kendo-split-button-lg-arrow-padding-y, calc( #{k-spacing(2)} + 1px ) ) !default;

/// The horizontal padding of the small arrow Button.
/// @group split-button
$kendo-split-button-sm-arrow-padding-x: var( --kendo-split-button-sm-arrow-padding-x, calc( #{k-spacing(0.5)} + 1px ) ) !default;
/// The horizontal padding of the medium arrow Button.
/// @group split-button
$kendo-split-button-md-arrow-padding-x: var( --kendo-split-button-md-arrow-padding-x, calc( #{k-spacing(0.5)} + 1px ) ) !default;
/// The horizontal padding of the large arrow Button.
/// @group split-button
$kendo-split-button-lg-arrow-padding-x: var( --kendo-split-button-lg-arrow-padding-x, calc( #{k-spacing(1.5)} + 1px ) ) !default;

@forward "@progress/kendo-theme-core/scss/components/split-button/_variables.scss" with (
    $kendo-split-button-sm-arrow-padding-y: $kendo-split-button-sm-arrow-padding-y,
    $kendo-split-button-md-arrow-padding-y: $kendo-split-button-md-arrow-padding-y,
    $kendo-split-button-lg-arrow-padding-y: $kendo-split-button-lg-arrow-padding-y,
    $kendo-split-button-sm-arrow-padding-x: $kendo-split-button-sm-arrow-padding-x,
    $kendo-split-button-md-arrow-padding-x: $kendo-split-button-md-arrow-padding-x,
    $kendo-split-button-lg-arrow-padding-x: $kendo-split-button-lg-arrow-padding-x
);