@use "sass:map";
@use "./base";

// ===== collapse =====
$collapse-size-list: (sm, md) !default;
$collapse-font-size: (
  sm: base.$font-size-sm,
  md: base.$font-size-md,
) !default;
$collapse-expand-icon-size: $collapse-font-size !default;
$collapse-expand-icon-margin: base.padding(3);
$collapse-padding-horizontal-base: base.padding(4) !default;
$collapse-padding-vertical: (
  sm: base.padding(2),
  md: base.padding(3),
) !default;
$collapse-expand-icon-with-extra: (
  sm: 20px,
  md: 22px,
) !default;

$collapse-border-radius: base.$border-radius-medium !default;

$collapse-header-padding-indent: (
  sm: map.get($collapse-expand-icon-size, sm) + $collapse-expand-icon-margin,
  md: map.get($collapse-expand-icon-size, md) + $collapse-expand-icon-margin,
) !default;
$collapse-header-color-disabled: base.$color-text-disabled !default;
$collapse-header-bgc-disabled: base.$form-control-bg-color-disabled !default;
$collapse-content-bgc: base.color-gray(2) !default;
$collapse-extra-icon-btn-sibling-margin: base.padding(2) !default;