// 该文档用于定义项目的样式变量

$base-line = #CACCD4

$base-line-light = #E5E6EB

$base-input-bg-color = #F6F7FA

$base-content-bg-color = #F1F3F5

$base-panel-bg-color = #E6E7EB

$base-page-bg-color = #D7DADE

// Main-Color
$primary-color = #006CE1
$danger-color = #EC3751
$dark-color = #3C3C46
// Semantic-Color
$notice-color = #209BFF
$success-color = #53C093
$warning-color = #FFB24D
$error-color = #EF7D67

$title-color = #191919
$text-color = $title-color
$action-text-color = #8288AB

$cursor-disabled = default // not-allowed

// Button
$btn-font-weight = normal
$btn-border-radius = 4px

$btn-font-size = 12px
$btn-line-height = 20px

$btn-small-circle = 12px
$btn-middle-circle = 14px
$btn-large-circle = 18px

$btn-small-padding = 1px 7px
$btn-middle-padding = 3px 11px
$btn-large-padding = 7px 15px

$btn-small-icon = 16px
$btn-small-icon-transform = translateY(2px)
$btn-middle-icon = 16px
$btn-middle-icon-transform = translateY(2px)
$btn-large-icon = 20px
$btn-large-icon-transform = translateY(3px)

// Icon
$icon-action-color = $action-text-color
$icon-action-hover-color = $primary-color
$icon-action-disabled-color = #D9DEE2

// Dropdown Menu
$drop-menu-line-margin = 4px 6px
$drop-menu-line-color = #DBE2EA
$drop-menu-min-width = 124px

$drop-menu-item-disabled-color = #D9DFE5
$drop-menu-sub-left = calc(100% - 4px)
$drop-menu-sub-top = -4px

// Poptip
$poptip-min-width = 150px
$poptip-offset-padding = 7px
$poptip-content-color = #FFFFFF
$poptip-content-bg = #e8e9ed
$poptip-content-invert-bg = #2B3240
$poptip-content-padding = 10px
$poptip-content-radius = 6px

$poptip-content-btn-bg = #364157
$poptip-content-btn-hover-bg = #404A60

// Progress
$progress-bg = #F2F5FC

// Modal
$popup-mask-bg-color = rgba(0,0,0,0.4)
$popup-header-bg-color = #D7DADE
$popup-bg-color = #E6E7EB
$popup-radius = 6px
$popup-min-width = 480px
$popup-padding = 20px

$popup-header-height = 48px
$popup-footer-height = 56px

$popup-box-shadow = 0px 8px 24px rgba(0,0,0,0.24)