/******************  antd 主题变量   ******************/
// https://github.com/ant-design/ant-design/blob/master/components/style/themes/default.less

@ant-prefix: baas;

// font
@font-family: 'PingFangSC-Regular', 'PingFang SC', -apple-system,
  BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
  sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
  'Noto Color Emoji';

// colors
@ant-prefix: 'baas';
@primary-color: #3c6df0;
@error-color: #f04134;
@success-color: #2fc25a;
@warning-color: #f5a623;
@info-color: #3c6df0;
@highlight-color: #f04134;

// text
@text-color: #111;
@text-color-secondary: #666;
@line-height-base: 22px;
@font-size-base: 14px;
@font-size-lg: 16px;
@font-size-sm: 12px;

// border
@border-radius-base: 0;
@border-color-base: #ddd;
@border-color-split: #e9e9e9;

// disabled
@disabled-color: #b4b4b4;
@disabled-bg: #f6f6f6;

// item
@item-active-bg: rgba(@primary-color, 0.08);
@item-hover-bg: #f9f9f9;

// iconfont
@iconfont-css-prefix: baas-icon;

// button
@btn-font-size-lg: 14px;
@btn-font-size-sm: 14px;
@btn-height-base: 34px;
@btn-height-lg: 40px;
@btn-height-sm: 30px;
@btn-padding-horizontal-base: 19px;
@btn-padding-horizontal-lg: 23px;
@btn-padding-horizontal-sm: 15px;

// radio
@radio-button-checked-bg: rgba(@primary-color, 0.08);

// table
@table-padding-vertical: 12px;
@table-padding-horizontal: 12px;
@table-header-bg: #f6f6f6;
@table-row-hover-bg: #f9f9f9;

// pagination
@pagination-item-size: 28px;

// input
@input-padding-horizontal: 11px;
@input-height-base: 34px;

// control
@control-padding-horizontal: 11px;

// select
@select-dropdown-vertical-padding: 7px;
@select-item-selected-bg: rgba(@primary-color, 0.08);
@select-item-active-bg: #f9f9f9;

// modal
@modal-confirm-body-padding: 32px 20px 20px 32px;
@modal-header-padding: 12px 20px;
@modal-body-padding: 32px;
@modal-footer-padding-vertical: 20px;
@modal-footer-padding-horizontal: 20px;
@modal-header-close-size: 46px;

// link
@link-hover-color: #6592fc;

// input
@input-hover-border-color: #6592fc;
@input-placeholder-color: #999;
@input-height-lg: 40px;
@input-height-base: 34px;
@input-height-sm: 30px;
@input-padding-horizontal: 11px;
@input-padding-horizontal-base: 11px;
@input-padding-horizontal-sm: 11px;
@input-padding-horizontal-lg: 11px;
@input-addon-bg: #f9f9f9;

// alert
@alert-success-border-color: rgba(@success-color, 0.4);
@alert-success-bg-color: rgba(@success-color, 0.08);
@alert-info-border-color: rgba(@info-color, 0.4);
@alert-info-bg-color: rgba(@info-color, 0.08);
@alert-warning-border-color: rgba(@warning-color, 0.4);
@alert-warning-bg-color: rgba(@warning-color, 0.08);
@alert-error-border-color: rgba(@error-color, 0.4);
@alert-error-bg-color: rgba(@error-color, 0.08);
@alert-message-color: @text-color;

// message
@message-notice-content-padding: 10px 16px;

// notification
@notification-padding-vertical: 16px;
@notification-padding-horizontal: 20px;
@notification-padding: @notification-padding-vertical
  @notification-padding-horizontal 20px @notification-padding-horizontal;

// tooltip
@tooltip-max-width: 320px;
@tooltip-bg: #333;

// popover
@popover-padding-horizontal: 20px;
// @popover-min-width: 320px;

// page-header
@page-header-padding: 10px 20px;
@page-header-padding-vertical: 10px;

// tabs
@tabs-bar-margin: 0 0 20px 0;
@tabs-horizontal-margin: 0 20px 0 0;
@tabs-horizontal-padding: 8px 12px;
@tabs-hover-color: #6592fc;
@tabs-active-color: #284ec9;

// badge
@badge-height: 16px;

// steps
@steps-icon-size: 28px;
@steps-icon-top: -2px;

/******************  自定义变量   ******************/
// font
@font-family-bold: 'PingFangSC-Semibold, PingFang SC';
@font-weight-bold: 600;
@line-height-lg: 24px;
@line-height-sm: 20px;
// colors
@text-color-hint: #999; // 提示文字信息颜色
@text-color-disabled: #b4b4b4; // 失效文字颜色
@primary-color-hover: #6592fc; // 主题色hover颜色
@primary-color-active: #284ec9; // 主题色点击效果颜色
@primary-color-focus: #284ec9; // 主题色focus颜色
@error-color-hover: #fc635d; // 失败色hover颜色
@error-color-active: #c93322; // 失败色点击效果颜色
@error-color-focus: #c93322; // 失败色focus颜色
@warning-color-hover: #ffb44a; // 警告色hover颜色
@warning-color-active: #cf8d13; // 警告色点击效果颜色
@warning-color-focus: #cf8d13; // 警告色focus颜色
@success-color-hover: #51cf70; // 成功色hover颜色
@success-color-active: #1e9c45; // 成功色点击效果颜色
@success-color-focus: #1e9c45; // 成功色focus颜色

// icon
@icon-size: 20px;
@icon-color-base: #999;
@icon-with-hover-background-size: 28px;
@icon-with-hover-background-color: #f6f6f6;

// buttons
@btn-height-xs: 24px; // xs按钮高度
@btn-font-size-xs: 12px; // xs按钮字体
@btn-padding-horizontal-xs: 11px; // xs按钮左右padding
@btn-padding-vertical-xs: 1px; // xs按钮上下padding
@btn-padding-vertical-base: 5px; // 正常按钮上下padding
@btn-padding-vertical-lg: 8px; // lg按钮上下padding
@btn-padding-vertical-sm: 4px; // sm按钮上下padding
@btn-line-height-xs: 1.6667; // xs按钮行高
@btn-line-height-base: @line-height-base; // 正常按钮行高
@btn-line-height-lg: @line-height-base; // lg按钮行高
@btn-line-height-sm: @line-height-base; // sm按钮行高

// checkbox
@checkbox-label-padding-right: 8px; // checkbox label 右 padding
@checkbox-label-padding-left: 8px; // // checkbox label 左 padding

// radio
@radio-label-padding-right: 8px; // radio label 右 padding
@radio-label-padding-left: 8px; // // radio label 左 padding

// pagination
@pagination-item-input-padding-horizontal: 11px;
@pagination-item-input-padding-vertical: 2px;
@pagination-item-select-padding-left: 11px; // 分页器下拉选框的 左 padding
@pagination-item-select-padding-right: 4px; // 分页器下拉选框的 右 padding
@pagination-item-select-selection-item-padding-right: 24px; // 分页器下拉选框的文本 右 padding

// select
@select-single-padding-right: 8px; // 单选框的右 padding
@select-multiple-padding-horizontal: 11px; // 多选框的水平padding
@select-multiple-padding-vertical: 2px; // 多选框的上下padding，tag 上下 margin为2

// modal
@modal-confirm-icon-size: 40px;
@modal-confirm-icon-margin-right: 12px;
@modal-confirm-title-font-size: 16px;
@modal-confirm-btns-margin-top: 20px;
@modal-waiting-icon-size: 60px;

// alert
@alert-font-size: 12px;
@alert-line-height: 20px;
@alert-padding-vertical: 9px;
@alert-padding-left: 11px;
@alert-icon-margin-right: 4px;
@alert-padding: @alert-padding-vertical @alert-padding-left
  @alert-padding-vertical @alert-padding-left + @icon-size +
  @alert-icon-margin-right;
@alert-no-icon-padding: @alert-padding-vertical @alert-padding-left;
@alert-close-right: 8px;
@alert-with-description-message-margin-bottom: 8px;
@alert-description-color: @text-color-secondary;

// message
@message-icon-margin-right: 4px;
@message-notice-content-min-width: 160px;

// notification
@notification-icon-size: 28px;
@notification-icon-margin-right: 12px;
@notification-message-margin-bottom: 8px;
@notification-description-color: @text-color-secondary;

// tooltip
@tooltip-inner-padding: 8px 12px 10px 12px;

//popover
@popover-padding-vertical: 12px;
@popover-title-padding: 12px 20px 0 20px;
@popover-title-border-bottom: none;
@popover-with-title-conetnt-padding: 8px 20px 12px 20px;
@popover-with-title-conetnt-min-width: 320px;

// page-header
@page-header-back-icon-size: 28px;
@page-header-back-icon-margin: 0 8px 0 0;
@page-header-title-margin: 2px 0;
@page-header-subtitle-margin: 3px 0;
@page-header-footer-margin-top: 12px;

// tabs
@tabs-bar-icon-margin-right: 2px;
@tabs-bar-badge-margin-left: 4px;

// badge
@badge-count-padding: 0 4px;

// dropdown
@dropdown-menu-item-padding: 7px 11px;
@dropdown-menu-item-icon-margin-right: 4px;

// menu
@menu-item-icon-margin-right: 8px;

// steps
@steps-icon-border-width: 2px;