@charset "UTF-8";

////
/// @module collapse: 折叠面板
/// @tag Collapse
/// @category component
/// @family data-display
/// @varPrefix $collapse-
/// @classPrefix {prefix}-collapse
/// @order {"size/bounding":10,"size/divider":11,"size/title":12,"size/icon":13,"size/content":14,"statement/normal":10,"statement/normal/title":100,"statement/normal/icon":101,"statement/normal/content":102,"statement/divider":11,"statement/disabled":12,"statement/disabled/title":120,"statement/hover":13,"statement/hover/title":130}
////

$collapse-prefix: '.#{$css-prefix}collapse';

// collapse variables
// --------------------------------------------------

// Common

/// border
/// @namespace size/bounding
$collapse-border-width: 1px !default;

/// corner
/// @namespace size/bounding
$collapse-border-corner: $shape-radius !default;
/// border
/// @namespace statement/normal
$collapse-border-color: $gray-03 !default;
/// border
/// @namespace statement/divider
$collapse-panel-border-color: $gray-02 !default;
/// border
/// @namespace statement/disabled
$collapse-disabled-border-color: $gray-02 !default;

/// border
/// @namespace size/divider
$collapse-title-border-width: 1px !default;
/// line height
/// @namespace size/title
$collapse-title-height: $line-height-body !default;
/// background
/// @namespace statement/normal/title
$collapse-title-bg-color: $background-section !default;
/// text
/// @namespace statement/normal/title
$collapse-title-font-color: $gray-08 !default;
$collapse-title-text-font-color: $gray-08 !default;
$collapse-title-text-hover-font-color: $primary-brand !default;
/// text
/// @namespace statement/disabled/title
$collapse-title-font-disabled-color: $gray-05 !default;
/// text
/// @namespace statement/hover/title
$collapse-title-hover-font-color: $gray-08 !default;
/// text
/// @namespace size/title
$collapse-title-font-size: $font-size-body !default;
/// weight
/// @namespace size/title
$collapse-title-font-weight: $font-weight-medium !default;
/// weight
/// @namespace statement/hover/title
$collapse-title-hover-font-weight: $font-weight-medium !default;
/// padding(t,b)
/// @namespace size/title
$collapse-title-padding-tb: $S12 !default;

/// size
/// @namespace size/icon
$collapse-icon-size: $icon-m !default;
/// color
/// @namespace statement/normal/icon
$collapse-icon-color: $gray-06 !default;
/// color
/// @namespace statement/hover/icon
$collapse-icon-hover-color: $primary-brand !default;
/// margin (r)
/// @namespace size/icon
$collapse-icon-margin-r: $S8 !default;
/// margin (l)
/// @namespace size/icon
$collapse-icon-margin-l: $S12 !default;

$collapse-icon-rotation-collapsed: 90deg;
$collapse-icon-rotation-expanded: 180deg;
$collapse-icon-rotation-collapsed-rtl: $collapse-icon-rotation-collapsed * 3;

/// background
/// @namespace statement/normal/content
$collapse-content-bg-color: $background-section !default;
/// padding (l,r)
/// @namespace size/content
$collapse-content-padding-x: $S40 !default;
/// padding (t,b)
/// @namespace size/content
$collapse-content-padding-y: $S16 !default;
/// text
/// @namespace size/content
$collapse-content-font-size: $font-size-body !default;
/// text
/// @namespace statement/normal/content
$collapse-content-color: $gray-07 !default;
