@perfma/heaven/es/style/vars.less

An UI Framework base [Ant Design V4](https://ant.design/components/overview-cn/) for React.

@ant-prefix: heaven;

@font-size-base: 14px;
@font-size-lg: 14px; // todo check
@line-height-base: 1.5; // todo check
@black: #3c4252; // #343434 changed to #3C4252
@heading-color: #3c4252;
@text-color: #3c4252;
@text-color-blue: #616a80;
// check next next lines
@text-color-secondary: #686868;
@text-color-blue-secondary: #8393b1;

// 影响 Buttons
@height-lg: 36px;
// 影响 Buttons CollapsePanel Table Card Avatar
@border-radius-base: 4px;
// change 品牌色 ： 3271fe to 346fff
@primary-color: #346fff;
@link-color: #346fff;
@success-color: #52c41a;
@warning-color: #fa8c16;
@error-color: #e04729; // change #d93026 to #e04729
@border-color-base: #9ba4bd; // outline a component
@border-color-split: #9ba4bd; // inside a component
// outline-color: #E8F5FF;
@blue-base: #346fff;
@red-base: #e04729;
@orange-base: #fa8c16;
@green-base: #52c41a;

// Message
@message-notice-content-padding: 12px 16px;

// Menu
@menu-inline-toplevel-item-height: 32px;
@menu-item-height: 32px;

// Modal
@modal-mask-bg: fade(#000000, 50%);

// Input
@input-padding-vertical-base: 6px;
@input-padding-vertical-lg: 8px;
@input-padding-vertical-sm: 2px;
@input-padding-horizontal-base: 11px;
@input-padding-horizontal-lg: 15px;
@input-padding-horizontal-sm: 7px;

// Buttons  不设置颜色，现在的逻辑是降低透明度
@btn-disable-color: '';
@btn-disable-bg: '';
@btn-disable-border: ''; //
@btn-padding-horizontal-lg: 23px;

// Select
@select-single-item-height-lg: 36px;

// Radio
@radio-size: 14px;
@radio-top: 0.25em;

// Checkbox
@checkbox-size: 14px;

// Switch
@switch-sm-min-width: 32px;

// Tabs
@tabs-horizontal-padding: 7px 16px; // ?for 12px[line-height 18px]

// Descriptions
@descriptions-title-margin-bottom: 24px;

// Table
@table-padding-vertical: 11px;
@table-padding-vertical-md: 7px;
@table-padding-horizontal-md: 16px;
@table-padding-vertical-sm: 3px;
@table-padding-horizontal-sm: 16px;

// Form
@form-vertical-label-padding: 0 0 5px;