2020-10-26 17:31:13 +08:00
|
|
|
|
@import '../functions';
|
2021-11-02 15:50:29 +08:00
|
|
|
|
@import './cxd-colors';
|
2020-10-26 17:31:13 +08:00
|
|
|
|
|
2020-10-26 15:39:44 +08:00
|
|
|
|
$remFactor: 16px;
|
|
|
|
|
|
|
|
|
|
$ns: 'cxd-';
|
|
|
|
|
|
2021-11-02 15:50:29 +08:00
|
|
|
|
$info: $B6;
|
|
|
|
|
$primary: $B6;
|
2021-11-02 21:29:12 +08:00
|
|
|
|
$success: $S6;
|
|
|
|
|
$warning: $W6;
|
|
|
|
|
$danger: $E6;
|
2021-11-16 15:39:03 +08:00
|
|
|
|
$light: #eaf6fe;
|
2020-10-26 15:39:44 +08:00
|
|
|
|
$white: #fff;
|
2021-11-02 21:29:12 +08:00
|
|
|
|
$secondary: $G6;
|
2020-10-26 15:39:44 +08:00
|
|
|
|
|
2021-11-03 15:11:04 +08:00
|
|
|
|
$info-bg: $B1;
|
|
|
|
|
$success-bg: $S1;
|
|
|
|
|
$warning-bg: $W1;
|
|
|
|
|
$danger-bg: $E1;
|
2020-10-26 15:39:44 +08:00
|
|
|
|
|
2021-11-01 13:06:31 +08:00
|
|
|
|
$text-color: #151a26;
|
2020-10-26 17:31:13 +08:00
|
|
|
|
|
2020-12-21 19:43:02 +08:00
|
|
|
|
$Number-handler-mode: 'horizontal';
|
2020-12-22 10:47:54 +08:00
|
|
|
|
// css 变量似乎没法用 !important,所以这里用 sass 变量
|
|
|
|
|
$Wizard-steps-liAfterBorder: none !important;
|
2020-10-26 17:31:13 +08:00
|
|
|
|
|
|
|
|
|
@import '../variables';
|
2020-12-21 10:08:40 +08:00
|
|
|
|
@import '../properties';
|
|
|
|
|
|
2021-11-02 21:29:12 +08:00
|
|
|
|
// yunshe4.0 font-size
|
|
|
|
|
$T1: 10px;
|
|
|
|
|
$T2: 12px;
|
|
|
|
|
$T3: 14px;
|
|
|
|
|
$T4: 16px;
|
|
|
|
|
$T5: 18px;
|
|
|
|
|
$T6: 20px;
|
|
|
|
|
$T7: 22px;
|
|
|
|
|
$T8: 24px;
|
|
|
|
|
$T9: 28px;
|
|
|
|
|
$T10: 30px;
|
|
|
|
|
$T11: 32px;
|
|
|
|
|
$T12: 34px;
|
|
|
|
|
$T13: 36px;
|
|
|
|
|
$T14: 40px;
|
|
|
|
|
|
|
|
|
|
// yunshe4.0 font-weight
|
|
|
|
|
$W1: 200;
|
|
|
|
|
$W2: 400;
|
|
|
|
|
$W3: 500;
|
|
|
|
|
$W4: 600;
|
|
|
|
|
|
|
|
|
|
// yunshe4.0 间距
|
|
|
|
|
$H1: 4px;
|
|
|
|
|
$H2: 8px;
|
|
|
|
|
$H3: 16px;
|
|
|
|
|
$H5: 24px;
|
|
|
|
|
$H6: 32px;
|
2021-11-03 21:09:20 +08:00
|
|
|
|
$H7: 40px;
|
|
|
|
|
$H8: 48px;
|
|
|
|
|
$H9: 56px;
|
|
|
|
|
$H10: 80px;
|
2021-11-02 21:29:12 +08:00
|
|
|
|
|
|
|
|
|
// yunshe4.0 border-radius
|
|
|
|
|
$R1: 0;
|
|
|
|
|
$R2: px2rem(2px);
|
|
|
|
|
$R3: px2rem(4px);
|
|
|
|
|
$R4: px2rem(6px);
|
|
|
|
|
$R5: px2rem(8px);
|
|
|
|
|
$R6: px2rem(10px);
|
|
|
|
|
$R7: px2rem(16px);
|
|
|
|
|
$R8: 50%;
|
|
|
|
|
|
|
|
|
|
// yunshe4.0 box-shadow
|
|
|
|
|
|
2020-12-21 10:08:40 +08:00
|
|
|
|
:root {
|
|
|
|
|
--borderColor: #eceff8;
|
2021-11-02 21:29:12 +08:00
|
|
|
|
--borderRadius: #{$R3};
|
2020-12-25 12:35:54 +08:00
|
|
|
|
--body-bg: #ffffff;
|
2021-11-01 13:06:31 +08:00
|
|
|
|
--text-color: #151a26;
|
2020-12-21 10:08:40 +08:00
|
|
|
|
|
2021-11-02 15:50:29 +08:00
|
|
|
|
--text--muted-color: #{$G6};
|
2020-12-21 10:08:40 +08:00
|
|
|
|
--text--loud-color: #333;
|
2021-11-08 10:47:28 +08:00
|
|
|
|
--link-onHover-decoration: underline;
|
2020-12-21 10:08:40 +08:00
|
|
|
|
|
|
|
|
|
--icon-color: #999;
|
|
|
|
|
--icon-onHover-color: var(--primary);
|
|
|
|
|
|
|
|
|
|
--Layout-header-boxShadow: none;
|
|
|
|
|
--Layout-header-bg: #f5f5f5;
|
|
|
|
|
--Layout-aside-width: #{px2rem(180px)};
|
|
|
|
|
--Layout-aside-bg: #1e1e28;
|
|
|
|
|
--Layout-aside-subList-bg: #1e1e28;
|
|
|
|
|
--Layout-brand-bg: #0f1012;
|
|
|
|
|
--Layout-brand-color: #fff;
|
|
|
|
|
--Layout-asideLink-iconColor: rgba(255, 255, 255, 0.6);
|
|
|
|
|
--Layout-asideLink-color: #fff;
|
2021-11-01 13:06:31 +08:00
|
|
|
|
--Layout-asideLink-onHover-color: var(--primary);
|
|
|
|
|
--Layout-asideLink-onActive-color: var(--primary);
|
2020-12-21 10:08:40 +08:00
|
|
|
|
--Layout-asideLink-onHover-iconSize: #{px2rem(16px)};
|
2021-11-01 13:06:31 +08:00
|
|
|
|
--Layout-asideLink-onHover-iconColor: var(--primary);
|
2020-12-21 10:08:40 +08:00
|
|
|
|
--Layout-asideLink-fontSize: #{px2rem(12px)};
|
|
|
|
|
--Layout-asideLink-arrowFontSize: #{px2rem(12px)};
|
|
|
|
|
--Layout-asideLink-arrowColor: #8d99b0;
|
|
|
|
|
--Layout-asideLink-onHover-arrowColor: #fff;
|
|
|
|
|
--Layout-headerBar-borderBottom: 0 none;
|
|
|
|
|
--Layout-asideDivider-margin: 0 #{px2rem(10px)};
|
|
|
|
|
--Layout-asideDivider-bg: #3c3c4d;
|
|
|
|
|
--Layout-nav--folded-height: #{px2rem(40px)};
|
|
|
|
|
|
|
|
|
|
--Page-aside-bg: #ffffff;
|
|
|
|
|
--Page-aside-width: #{px2rem(160px)};
|
|
|
|
|
--Page-content-paddingY: 0;
|
|
|
|
|
--Page-content-paddingX: 0;
|
|
|
|
|
--Page-main-bg: #fff;
|
|
|
|
|
--Page-title-color: #000;
|
2021-04-08 23:19:23 +08:00
|
|
|
|
--Page-header-paddingX: var(--gap-md);
|
2020-12-21 10:08:40 +08:00
|
|
|
|
--Page-header-paddingY: #{px2rem(10px)};
|
|
|
|
|
|
2021-04-02 18:20:19 +08:00
|
|
|
|
--Form-item-gap: var(--gap-base);
|
2021-11-02 15:50:29 +08:00
|
|
|
|
--Form-input-bg: #{$G11};
|
|
|
|
|
--Form-input-color: #{$G2};
|
|
|
|
|
--Form-input-height: #{px2rem(32px)};
|
2021-11-02 21:29:12 +08:00
|
|
|
|
// --Form-input-lineHeight: #{px2rem(32px)};
|
2021-11-02 15:50:29 +08:00
|
|
|
|
--Form-input-borderColor: #{$G8};
|
2021-11-02 21:29:12 +08:00
|
|
|
|
--Form-input-borderRadius: #{$R3};
|
2021-11-02 15:50:29 +08:00
|
|
|
|
--Form-input-onHover-borderColor: #{$B6};
|
|
|
|
|
--Form-input-onFocused-bg: #{$G11};
|
|
|
|
|
--Form-input-onFocused-borderColor: #{$B7};
|
|
|
|
|
--Form-input-onError-borderColor: #{$E6};
|
|
|
|
|
--Form-input-onError-bg: #{$G11};
|
|
|
|
|
--Form-input-onDisabled-bg: #{$G10};
|
|
|
|
|
--Form-input-onDisabled-borderColor: #{$G8};
|
|
|
|
|
--Form-input-onDisabled-color: #{$G5};
|
2020-12-21 10:08:40 +08:00
|
|
|
|
--Form-input-paddingX: #{px2rem(10px)};
|
|
|
|
|
--Form-description-color: #999;
|
2021-04-02 14:30:13 +08:00
|
|
|
|
--Form--horizontal-label-whiteSpace: normal;
|
2020-12-21 10:08:40 +08:00
|
|
|
|
--Form--horizontal-label-widthXs: #{px2rem(50px)};
|
|
|
|
|
--Form--horizontal-label-widthSm: #{px2rem(70px)};
|
|
|
|
|
--Form--horizontal-label-widthBase: #{px2rem(100px)};
|
|
|
|
|
--Form--horizontal-label-widthMd: #{px2rem(140px)};
|
|
|
|
|
--Form--horizontal-label-widthLg: #{px2rem(190px)};
|
|
|
|
|
--Form-input-addOnBg: var(--white);
|
|
|
|
|
--Form-input-addOnColor: #666;
|
|
|
|
|
--Form-input-onFocus-addOnColor: var(--primary);
|
|
|
|
|
--Form-input-addOnDividerBorderWidth: 0;
|
|
|
|
|
|
|
|
|
|
--Form-select-borderWidth: #{px2rem(1px)};
|
2021-11-02 21:29:12 +08:00
|
|
|
|
--Form-select-borderRadius: #{$R3};
|
2021-11-02 15:50:29 +08:00
|
|
|
|
--Form-select-borderColor: #{$G8};
|
2020-12-21 10:08:40 +08:00
|
|
|
|
--Form-select-bg: var(--white);
|
|
|
|
|
--Form-select-onHover-bg: var(--white);
|
|
|
|
|
--Form-select-onHover-borderColor: var(--primary);
|
|
|
|
|
--Form-select-placeholderColor: #999;
|
|
|
|
|
--Form-select-color: #000;
|
2021-11-02 21:29:12 +08:00
|
|
|
|
--Form-select-caret-iconColor: #{$G5};
|
|
|
|
|
--Form-select-caret-onHover-iconColor: #{$G5};
|
2020-12-21 10:08:40 +08:00
|
|
|
|
--Form-select-caret-fontSize: #{px2rem(12px)};
|
|
|
|
|
--Form-select-outer-borderWidth: 0;
|
|
|
|
|
--Form-select-outer-top: #{px2rem(32px)};
|
|
|
|
|
--Form-select-outer-boxShadow: #{px2rem(2px)} #{px2rem(4px)} #{px2rem(8px)} rgba(0, 0, 0, 0.2);
|
2021-11-02 21:29:12 +08:00
|
|
|
|
--Form-select-menu-color: #{$G2};
|
|
|
|
|
--Form-select-menu-onHover-color: #{$G2};
|
|
|
|
|
--Form-select-menu-onHover-bg: #{$B1};
|
|
|
|
|
--Form-select-menu-onActive-color: #{$B6};
|
2020-12-21 10:08:40 +08:00
|
|
|
|
--Form-select-menu-height: #{px2rem(24px)};
|
2021-11-02 21:29:12 +08:00
|
|
|
|
--Form-select-popoverGap: #{$R3};
|
2020-12-21 10:08:40 +08:00
|
|
|
|
--Form-select-search-height: #{px2rem(30px)};
|
|
|
|
|
--Form-selectValue-color: var(--primary);
|
|
|
|
|
|
|
|
|
|
--InputGroup-select-borderWidth: #{px2rem(1px)};
|
|
|
|
|
--InputGroup-select-onFocused-bg: #eaf6fe;
|
|
|
|
|
--InputGroup-select-color: #333;
|
|
|
|
|
--InputGroup-select-onFocused-color: var(--primary);
|
|
|
|
|
--InputGroup-select-arrowColor: #999;
|
|
|
|
|
--InputGroup-select-onFocused-arrowColor: var(--primary);
|
|
|
|
|
--InputGroup-button-borderWidth: #{px2rem(1px)};
|
|
|
|
|
--InputGroup-button-borderRadius: 0;
|
|
|
|
|
|
|
|
|
|
// $Number-bg: #eaf6fe;
|
|
|
|
|
--Number-borderWidth: #{px2rem(1px)};
|
2020-12-21 19:43:02 +08:00
|
|
|
|
|
2020-12-21 10:08:40 +08:00
|
|
|
|
--Number-handler-borderBottom: 0;
|
2021-04-08 23:19:23 +08:00
|
|
|
|
--Number-handler-width: var(--gap-md);
|
2020-12-21 10:08:40 +08:00
|
|
|
|
--Number-handler-color: #666;
|
|
|
|
|
--Number-handler-onDisabled-color: #999;
|
|
|
|
|
// $Number-handler-bg: var(--info);
|
|
|
|
|
--Number-handler-onHover-bg: var(--white);
|
|
|
|
|
--Number-handler-onHover-color: var(--primary);
|
|
|
|
|
--Number-handler-onActive-bg: #f3f9fe;
|
|
|
|
|
--Number-handler-onDisabled-bg: #f5f5f5;
|
|
|
|
|
--Number-handler-fontFamily: 'iconfont';
|
|
|
|
|
--Number-handler-fontSize: #{px2rem(12px)};
|
|
|
|
|
--Number-handler--up-content: '\e6dd';
|
|
|
|
|
--Number-handler--up-transform: rotate(180deg);
|
|
|
|
|
--Number-handler--down-content: '\e6dd';
|
|
|
|
|
|
2021-01-22 11:29:04 +08:00
|
|
|
|
--Checkbox-onDisabled-color: #ebebeb;
|
|
|
|
|
--Checkbox-onDisabled-bg: #cccccc;
|
2021-01-21 18:13:42 +08:00
|
|
|
|
|
2020-12-21 10:08:40 +08:00
|
|
|
|
--Checkbox-inner-size: #{px2rem(8px)};
|
|
|
|
|
--Checkbox--full-inner-size: #{px2rem(10px)};
|
2020-12-25 00:13:14 +08:00
|
|
|
|
--Checkbox--sm-size: #{px2rem(14px)};
|
|
|
|
|
--Checkbox--sm-inner-size: #{px2rem(8px)};
|
|
|
|
|
--Checkbox--sm--full-inner-size: #{px2rem(10px)};
|
2020-12-21 10:08:40 +08:00
|
|
|
|
--Radio-size: #{px2rem(16px)};
|
|
|
|
|
--Radio-inner-size: #{px2rem(10px)};
|
|
|
|
|
|
2021-11-02 15:50:29 +08:00
|
|
|
|
--Switch-height: #{px2rem(20px)};
|
|
|
|
|
--Switch-width: #{px2rem(44px)};
|
|
|
|
|
--Switch-valueColor: #{$G11};
|
|
|
|
|
--Switch-bgColor: #{$G7};
|
|
|
|
|
--Switch-onActive-bgColor: #{$G6};
|
|
|
|
|
--Switch-onHover-bgColor: #{$G6};
|
|
|
|
|
--Switch-checked-bgColor: var(--primary);
|
|
|
|
|
--Switch-checked-onHover-bgColor: #{$B7};
|
|
|
|
|
--Switch-checked-onActive-bgColor: #{$B7};
|
|
|
|
|
--Switch-onDisabled-bgColor: #{$B2};
|
|
|
|
|
--Switch-onDisabled-color: #{$G11};
|
|
|
|
|
// --Switch-onDisabled-circle-BackgroundColor: #fff;
|
2020-12-21 10:08:40 +08:00
|
|
|
|
|
|
|
|
|
--ColorPicker-borderWidth: #{px2rem(1px)};
|
2021-11-03 15:11:04 +08:00
|
|
|
|
--ColorPicker-borderRadius: #{$R3};
|
2020-12-21 10:08:40 +08:00
|
|
|
|
--ColorPicker-bg: var(--white);
|
|
|
|
|
--ColorPicker-onHover-bg: var(--white);
|
|
|
|
|
--ColorPicker-onHover-borderColor: var(--primary);
|
|
|
|
|
--ColorPicker-color: #000;
|
|
|
|
|
--ColorPicker-placeholderColor: #999;
|
|
|
|
|
--ColorPicker-onDisabled-bg: #f5f5f5;
|
|
|
|
|
--ColorPicker-onDisabled-color: #999;
|
|
|
|
|
|
2021-11-23 10:51:33 +08:00
|
|
|
|
--Collapse-border: #{px2rem(1px)} solid #EBEDF5;
|
|
|
|
|
--Collapse-border-color: #EBEDF5;
|
2021-11-03 16:31:49 +08:00
|
|
|
|
--Collapse-header-fontSize: #{$T3};
|
|
|
|
|
--Collapse-header-fontWeight: #{$W3};
|
2021-11-23 10:51:33 +08:00
|
|
|
|
--Collapse-header-padding: #{px2rem(14px)};
|
|
|
|
|
--Collapse-header-bg: #F6F7FA;
|
|
|
|
|
--Collapse-header-onHover-bg: #F3F9FE;
|
|
|
|
|
--Collapse-header-bg-disabled-color: #F6F7FA;
|
2021-11-03 16:31:49 +08:00
|
|
|
|
--Collapse-header-collapsed-borderBottom: none;
|
2021-11-12 12:36:32 +08:00
|
|
|
|
--Collapse-header-wrapper-direction: row-reverse;
|
2021-11-03 16:31:49 +08:00
|
|
|
|
--Collapse-content-padding: #{px2rem(16px)};
|
|
|
|
|
--Collapse-content-color: #{$G4};
|
|
|
|
|
--Collapse-content-fontSize: #{$T2};
|
|
|
|
|
--Collapse-content-fontWeight: #{$W2};
|
|
|
|
|
|
2020-12-21 10:08:40 +08:00
|
|
|
|
--DatePicker-borderWidth: #{px2rem(1px)};
|
2021-11-03 15:11:04 +08:00
|
|
|
|
--DatePicker-borderRadius: #{$R3};
|
2020-12-21 10:08:40 +08:00
|
|
|
|
--DatePicker-bg: var(--white);
|
|
|
|
|
--DatePicker-onHover-bg: var(--white);
|
|
|
|
|
--DatePicker-color: #000;
|
|
|
|
|
--DatePicker-placeholderColor: #999;
|
|
|
|
|
--DatePicker-onDisabled-bg: #f5f5f5;
|
|
|
|
|
--DatePicker-onDisabled-color: #999;
|
|
|
|
|
--DatePicker-iconColor: #666;
|
|
|
|
|
--DatePicker-onHover-iconColor: var(--primary);
|
|
|
|
|
--DatePicker-onHover-borderColor: var(--primary);
|
|
|
|
|
|
2021-11-03 16:31:49 +08:00
|
|
|
|
--LocationPicker-borderRadius: #{$R3};
|
|
|
|
|
|
|
|
|
|
--Calendar-input-borderRadius: 0;
|
2021-11-03 15:11:04 +08:00
|
|
|
|
--Calendar-input-borderRadius: #{$R3};
|
2020-12-21 10:08:40 +08:00
|
|
|
|
--Calendar-shortcuts-bg: #f5f5f5;
|
|
|
|
|
--Calendar-shortcuts-height: #{px2rem(30px)};
|
|
|
|
|
|
|
|
|
|
// button
|
|
|
|
|
--Button-borderWidth: #{px2rem(1px)};
|
|
|
|
|
--Button-boxShadow: none;
|
|
|
|
|
--Button-onActive-boxShadow: none;
|
2021-11-02 15:50:29 +08:00
|
|
|
|
|
2021-11-02 21:29:12 +08:00
|
|
|
|
--Button-borderRadius: #{$R3};
|
2020-12-21 19:43:02 +08:00
|
|
|
|
|
2021-11-02 21:29:12 +08:00
|
|
|
|
--Button-paddingX: #{px2rem(12px)};
|
2020-12-21 10:08:40 +08:00
|
|
|
|
|
|
|
|
|
--Button--lg-height: #{px2rem(40px)};
|
|
|
|
|
--Button--lg-fontSize: #{px2rem(14px)};
|
2021-11-02 21:29:12 +08:00
|
|
|
|
--Button--lg-lineHeight: 30 / 20;
|
|
|
|
|
--Button--lg-paddingX: #{px2rem(16px)};
|
2020-12-21 10:08:40 +08:00
|
|
|
|
|
2021-11-02 21:29:12 +08:00
|
|
|
|
--Button--default-bg: #{$G11};
|
2021-11-02 15:50:29 +08:00
|
|
|
|
--Button--default-border: #{$G8};
|
|
|
|
|
--Button--default-color: #{$G2};
|
2021-11-02 21:29:12 +08:00
|
|
|
|
--Button--default-onHover-bg: #{$G11};
|
2021-11-02 15:50:29 +08:00
|
|
|
|
--Button--default-onHover-border: var(--primary);
|
|
|
|
|
--Button--default-onHover-color: var(--primary);
|
2021-11-02 21:29:12 +08:00
|
|
|
|
--Button--default-onActive-bg: #{$G11};
|
2021-11-02 15:50:29 +08:00
|
|
|
|
--Button--default-onActive-border: #{$B7};
|
|
|
|
|
--Button--default-onActive-color: #{$B7};
|
|
|
|
|
|
2021-11-02 21:29:12 +08:00
|
|
|
|
--Button--emphasize-bg: #{$G11};
|
2021-11-02 15:50:29 +08:00
|
|
|
|
--Button--emphasize-color: var(--primary);
|
2021-11-02 21:29:12 +08:00
|
|
|
|
--Button--emphasize-onHover-bg: #{$G11};
|
2021-11-02 15:50:29 +08:00
|
|
|
|
--Button--emphasize-onHover-border: var(--primary);
|
|
|
|
|
--Button--emphasize-onHover-color: #{$B5};
|
2021-11-02 21:29:12 +08:00
|
|
|
|
--Button--emphasize-onActive-bg: #{$G11};
|
2021-11-02 15:50:29 +08:00
|
|
|
|
--Button--emphasize-onActive-border: #{$B7};
|
|
|
|
|
--Button--emphasize-onActive-color: #{$B7};
|
2020-12-21 10:08:40 +08:00
|
|
|
|
|
|
|
|
|
--Button--primary-bg: var(--primary);
|
|
|
|
|
--Button--primary-border: var(--primary);
|
2021-11-02 15:50:29 +08:00
|
|
|
|
--Button--primary-onHover-bg: #{$B5};
|
|
|
|
|
--Button--primary-onHover-border: #{$B5};
|
2021-11-02 21:29:12 +08:00
|
|
|
|
--Button--primary-onHover-color: #{$G11};
|
2021-11-02 15:50:29 +08:00
|
|
|
|
--Button--primary-onActive-bg: #{$B7};
|
|
|
|
|
--Button--primary-onActive-border: #{$B7};
|
2021-11-02 21:29:12 +08:00
|
|
|
|
--Button--primary-onActive-color: #{$G11};
|
2020-12-21 10:08:40 +08:00
|
|
|
|
|
2021-11-04 11:10:37 +08:00
|
|
|
|
--Button--light-border: var(--light);
|
|
|
|
|
--Button--light-color: var(--button-color);
|
|
|
|
|
|
2021-11-02 15:50:29 +08:00
|
|
|
|
--Button-onDisabled-borderColor: #{$G9};
|
|
|
|
|
--Button-onDisabled-opacity: 0.65;
|
|
|
|
|
--Button-onDisabled-bg: #{$G9};
|
|
|
|
|
|
2021-11-02 21:29:12 +08:00
|
|
|
|
// 这个颜色太奇怪了,先不用
|
|
|
|
|
// --Button--danger-bg: #{$E6};
|
|
|
|
|
// --Button--danger-onHover-bg: #{$E5};
|
|
|
|
|
// --Button--danger-onHover-border: #{$E5};
|
|
|
|
|
// --Button--danger-onActive-bg: #{$E7};
|
|
|
|
|
// --Button--danger-onActive-border: #{$E7};
|
|
|
|
|
|
2020-12-21 10:08:40 +08:00
|
|
|
|
--Button--danger-bg: #ea2e2e;
|
|
|
|
|
--Button--danger-onHover-bg: #f64545;
|
2021-11-02 21:29:12 +08:00
|
|
|
|
--Button--danger-onHover-border: #f64545;
|
2020-12-21 10:08:40 +08:00
|
|
|
|
--Button--danger-onActive-bg: #d72b2b;
|
2021-11-02 21:29:12 +08:00
|
|
|
|
--Button--danger-onActive-border: #d72b2b;
|
2020-12-21 10:08:40 +08:00
|
|
|
|
|
|
|
|
|
--ButtonGroup-divider-width: #{px2rem(1px)};
|
|
|
|
|
--ButtonGroup-divider-color: #fff;
|
|
|
|
|
--ButtonGroup--primary-isActive-color: var(--primary);
|
2021-11-02 21:29:12 +08:00
|
|
|
|
--ButtonGroup--primary-isActive-bg: #{$G11};
|
2020-12-21 10:08:40 +08:00
|
|
|
|
|
|
|
|
|
--Button--link-color: var(--primary);
|
|
|
|
|
--Button--link-onHover-color: #209bfd;
|
|
|
|
|
|
2020-12-29 22:50:51 +08:00
|
|
|
|
--Spinner-bg: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIKImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB3aWR0aD0iMTkycHgiIGhlaWdodD0iMTkycHgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMzQuNSA2MC41IEw5NiAyNC41IEwxNTguNSA2MC41IFYxMzIgTDk2LjUgMTY3LjUgTDM0LjUgMTMyIEwzNC41IDYwLjUgWiIgc3Ryb2tlPSIjMTA4Y2VlIgpzdHlsZT0ic3Ryb2tlLXdpZHRoOiAxNnB4OwogICAgICAgc3Ryb2tlLW9wYWNpdHk6IDE7CiAgICAgICBmaWxsLW9wYWNpdHk6IDA7CiAgICAgICBzdHJva2UtZGFzaGFycmF5OiA4MDAgODAwOwogICAgICAgc3Ryb2tlLWRhc2hvZmZzZXQ6IDgwMDsiPjxhbmltYXRlIGNhbGNNb2RlPSJzcGxpbmUiIGtleVRpbWVzPSIwOyAxIiBrZXlTcGxpbmVzPSIuNSAwIC41IDEiIGF0dHJpYnV0ZU5hbWU9InN0cm9rZS1kYXNoYXJyYXkiIGlkPSJsaW5lIiBmcm9tPSI4MDAgODAwIiB0bz0iODAwIDgwMCIgYmVnaW49ImZpcnN0LmVuZCIgZHVyPSIxLjJzIiBmaWxsID0gImZyZWV6ZSIvPjxhbmltYXRlIGNhbGNNb2RlPSJzcGxpbmUiIGtleVRpbWVzPSIwOyAxIiBrZXlTcGxpbmVzPSIuNSAwIC41IDEiIGF0dHJpYnV0ZU5hbWU9InN0cm9rZS1kYXNob2Zmc2V0IiBmcm9tPSI4MDAiIHRvPSItODAwIiBiZWdpbj0iZmlyc3QuZW5kIiBkdXI9IjEuMnMiIGZpbGwgPSAiZnJlZXplIi8+PC9wYXRoPjxjaXJjbGUgY3g9Ijk2LjUiIGN5PSI5Ni41IiByPSIxMCIgZmlsbD0iIzEwOGNlZSI+PGFuaW1hdGUgY2FsY01vZGU9InNwbGluZSIga2V5VGltZXM9IjA7IDEiIGtleVNwbGluZXM9Ii45IDAgLjMgMSIgYXR0cmlidXRlTmFtZT0iY3giIGlkPSJmaXJzdCIgdG89IjM0LjUiIGJlZ2luPSIwczsgc2Vjb25kLmVuZCArIDAuNyIgZHVyPSIwLjVzIiBmaWxsID0gImZyZWV6ZSIvPjxhbmltYXRlIGNhbGNNb2RlPSJzcGxpbmUiIGtleVRpbWVzPSIwOyAxIiBrZXlTcGxpbmVzPSIuOSAwIC4zIDEiIGF0dHJpYnV0ZU5hbWU9ImN5IiB0bz0iNjAuNSIgYmVnaW49IjBzOyBzZWNvbmQuZW5kICsgMC43IiBkdXI9IjAuNXMiIGZpbGwgPSAiZnJlZXplIi8+PGFuaW1hdGUgY2FsY01vZGU9InNwbGluZSIga2V5VGltZXM9IjA7IDEiIGtleVNwbGluZXM9Ii45IDAgLjMgMSIgYXR0cmlidXRlTmFtZT0iciIgIHRvPSIyMCIgYmVnaW49IjBzOyBzZWNvbmQuZW5kICsgMC43IiBkdXI9IjAuNXMiIGZpbGwgPSAiZnJlZXplIi8+PGFuaW1hdGUgY2FsY01vZGU9InNwbGluZSIga2V5VGltZXM9IjA7IDEiIGtleVNwbGluZXM9Ii45IDAgLjMgMSIgYXR0cmlidXRlTmFtZT0iY3giIGlkPSJzZWNvbmQiIGZyb209IjM0LjUiIHRvPSI5Ni41IiBiZWdpbj0iZmlyc3QuZW5kICsgMS4yIiBkdXI9IjAuNXMiIGZpbGwgPSAiZnJlZXplIi8+PGFuaW1hdGUgY2FsY01vZGU9InNwbGluZSIga2V5VGltZXM9IjA7IDEiIGtleVNwbGluZXM9Ii45IDAgLjMgMSIgYXR0cmlidXRlTmFtZT0iY3kiIGZyb209IjYwLjUiIHRvPSI5Ni41IiBiZWdpbj0iZmlyc3QuZW5kICsgMS4yIiBkdXI9IjAuNXMiIGZpbGwgPSAiZnJlZXplIi8+PGFuaW1hdGUgY2FsY01vZGU9InNwbGluZSIga2V5VGltZXM9IjA7IDEiIGtleVNwbGluZXM9Ii45IDAgLjMgMSIgYXR0cmlidXRlTmFtZT0iciIgIHRvPSIxMCIgYmVnaW49ImZpcnN0LmVuZCArIDEuMiIgZHVyPSIwLjVzIiBmaWxsID0gImZyZWV6ZSIvPjwvY2lyY2xlPjxjaXJjbGUgY3g9Ijk2LjUiIGN5PSI5Ni41IiByPSIxMCIgZmlsbD0iIzEwOGNlZSI+PGFuaW1hdGUgY2FsY01vZGU9InNwbGluZSIga2V5VGltZXM9IjA7IDEiIGtleVNwbGluZXM9Ii45IDAgLjMgMSIgYXR0cmlidXRlTmFtZT0iY3kiIHRvPSIyNC41IiBiZWdpbj0iMHM7IHNlY29uZC5lbmQgKyAwLjciIGR1cj0iMC41cyIgZmlsbCA9ICJmcmVlemUiLz48YW5pbWF0ZSBjYWxjTW9kZT0ic3BsaW5lIiBrZXlUaW1lcz0iMDsgMSIga2V5U3BsaW5lcz0iLjkgMCAuMyAxIiBhdHRyaWJ1dGVOYW1lPSJyIiAgdG89IjIwIiBiZWdpbj0iMHM7IHNlY29uZC5lbmQgKyAwLjciIGR1cj0iMC41cyIgZmlsbCA9ICJmcmVlemUiLz48YW5pbWF0ZSBjYWxjTW9kZT0ic3BsaW5lIiBrZXlUaW1lcz0iMDsgMSIga2V5U3BsaW5lcz0iLjkgMCAuMyAxIiBhdHRyaWJ1dGVOYW1lPSJjeSIgZnJvbT0iMjQuNSIgdG89Ijk2LjUiIGJlZ2luPSJmaXJzdC5lbmQgKyAxLjIiIGR1cj0iMC41cyIgZmlsbCA9ICJmcmVlemUiLz48YW5pbWF0ZSBjYWxjTW9kZT0ic3BsaW5lIiBrZXlUaW1lcz0iMDsgMSIga2V5U3BsaW5lcz0iLjkgMCAuMyAxIiBhdHRyaWJ1dGVOYW1lPSJyIiAgdG89IjEwIiBiZWdpbj0iZmlyc3QuZW5kICsgMS4yIiBkdXI9IjAuNXMiIGZpbGwgPSAiZnJlZXplIi8+PC9jaXJjbGU+PGNpcmNsZSBjeD0iOTYuNSIgY3k9Ijk2LjUiIHI9IjEwIiBmaWxsPSIjMTA4Y2VlIj48YW5pbWF0ZSBjYWxjTW9kZT0ic3BsaW5lIiBrZXlUaW1lcz0iMDsgMSIga2V5U3BsaW5lcz0iLjkgMCAuMyAxIiBhdHRyaWJ1dGVOYW1lPSJjeCIgZnJvbT0iOTYuNSIgdG89IjE1OC41IiBiZWdpbj0iMHM7IHNlY29uZC5lbmQgKyAwLjciIGR1cj0iMC41cyIgZmlsbCA9ICJmcmVlemUiLz48YW5pbWF0ZSBjYWxjTW9kZT0ic3BsaW5lIiBrZXlUaW1lcz0iMDsgMSIga2V5U3BsaW5lcz0iLjkgMCAuMyAxIiBhdHRyaWJ1dGVOYW1lPSJjeSIgZnJvbT0iOTYuNSIgdG89IjYwLjUiIGJlZ2luPSIwczsgc2Vjb25kLmVuZCArIDAuNyIgZHVyPSIwLjVzIiBmaWxsID0gImZyZWV6ZSIvPjxhbmltYXRlIGNhbGNNb2RlPSJzcGxpbmUiIGtleVRpbWVzPSIwOyAxIiBrZXlTcGxpbmVzPSIuOSAwIC4zIDEiIGF0dHJpYnV0ZU5hbWU9InIiICB0bz0iMjAiIGJlZ2luPSIwczsgc2Vjb25kLmVuZCArIDAuNyIgZHVyPSIwLjVzIiBmaWxsID0gImZyZWV6ZSIvPjxhbmltYXRlIGNhbGNNb2RlPSJzcGxpbmUi
|
2020-12-21 10:08:40 +08:00
|
|
|
|
|
|
|
|
|
--Crud-toolbar-gap: #{px2rem(10px)};
|
|
|
|
|
|
|
|
|
|
// Table
|
|
|
|
|
--Table-bg: #fff;
|
|
|
|
|
--Table-fontSize: #{px2rem(12px)};
|
|
|
|
|
--Table-color: #333;
|
|
|
|
|
--Table-thead-color: #333;
|
|
|
|
|
--Table-lineHeight: 20 / 12;
|
|
|
|
|
--Table-borderColor: #f5f5f5;
|
|
|
|
|
--Table-tree-borderColor: #{darken(#f5f5f5, 10%)};
|
|
|
|
|
--Table-thead-bg: #f5f5f5;
|
|
|
|
|
--Table-thead-borderColor: #fff;
|
|
|
|
|
--Table-thead-iconColor: #999;
|
|
|
|
|
--Table-strip-bg: transparent;
|
2021-09-14 15:15:39 +08:00
|
|
|
|
--Table-onHover-bg: #f5f5f5;
|
2020-12-21 10:08:40 +08:00
|
|
|
|
--Table-onHover-bg-rgb: 245, 251, 255;
|
|
|
|
|
--Table-onHover-borderColor: #eceff8;
|
|
|
|
|
--Table-onChecked-bg: transparent;
|
|
|
|
|
--Table-onChecked-borderColor: #eceff8;
|
|
|
|
|
--Table-onChecked-color: #333;
|
2021-09-14 15:15:39 +08:00
|
|
|
|
--Table-onChecked-onHover-bg: #f5f5f5;
|
2020-12-21 10:08:40 +08:00
|
|
|
|
--Table-onChecked-onHover-borderColor: #eceff8;
|
|
|
|
|
--Table-onChecked-onHover-color: #666;
|
|
|
|
|
--TableCell-paddingX: #{px2rem(10px)};
|
|
|
|
|
|
|
|
|
|
--TableCell-sortBtn-width: #{px2rem(14px)};
|
|
|
|
|
|
|
|
|
|
--TableCell-filterPopOver-dropDownItem-height: #{px2rem(30px)};
|
|
|
|
|
--TableCell-filterPopOver-dropDownItem-padding: 0 #{px2rem(10px)};
|
|
|
|
|
|
|
|
|
|
// listControl
|
|
|
|
|
--ListControl-item-borderWidth: #{px2rem(1px)};
|
|
|
|
|
--ListControl-item-borderColor: #ccc;
|
2021-11-02 21:29:12 +08:00
|
|
|
|
--ListControl-item-borderRadius: #{$R3};
|
2020-12-21 10:08:40 +08:00
|
|
|
|
--ListControl-item-paddingX: #{px2rem(10px)};
|
|
|
|
|
--ListControl-item-bg: var(--Button--default-bg);
|
|
|
|
|
--ListControl-item-color: var(--Button--default-color);
|
|
|
|
|
|
|
|
|
|
--ListControl-item-onHover-color: var(--primary);
|
|
|
|
|
--ListControl-item-onHover-bg: var(--Button--default-onHover-bg);
|
|
|
|
|
--ListControl-item-onHover-borderColor: var(--primary);
|
|
|
|
|
|
2021-11-02 21:29:12 +08:00
|
|
|
|
--ListControl-item-onActive-bg: #{$G11};
|
|
|
|
|
--ListControl-item-onActive-onHover-bg: #{$G11};
|
|
|
|
|
--ListControl-item-onActive-color: #{$B7};
|
|
|
|
|
--ListControl-item-onActive-borderColor: #{$B7};
|
|
|
|
|
--ListControl-item-onActive-before-bg: #{$B7};
|
|
|
|
|
--ListControl-item-onActive-after-borderColor: #{$G11};
|
2020-12-21 10:08:40 +08:00
|
|
|
|
|
|
|
|
|
--ListControl-item-onDisabled-opacity: 1;
|
2021-11-02 21:29:12 +08:00
|
|
|
|
--ListControl-item-onDisabled-bg: #{$G9};
|
|
|
|
|
--ListControl-item-onDisabled-color: #{$G6};
|
|
|
|
|
--ListControl-item-onDisabled-borderColor: #{$G9};
|
2020-12-21 10:08:40 +08:00
|
|
|
|
|
|
|
|
|
// 图片上传
|
|
|
|
|
--ImageControl-addBtn-bg: #fff;
|
2020-12-21 19:43:02 +08:00
|
|
|
|
--ImageControl-addBtn-border: #dbdbdb;
|
2021-11-03 16:31:49 +08:00
|
|
|
|
--ImageControl-addBtn-borderRadius: #{$R3};
|
2020-12-21 10:08:40 +08:00
|
|
|
|
--ImageControl-addBtn-color: #666;
|
|
|
|
|
--ImageControl-addBtn-onHover-bg: var(--ImageControl-addBtn-bg);
|
|
|
|
|
--ImageControl-addBtn-onHover-border: var(--primary);
|
|
|
|
|
--ImageControl-addBtn-onHover-color: var(--primary);
|
|
|
|
|
--ImageControl-addBtn-onActive-bg: #f3f9fe;
|
|
|
|
|
--ImageControl-addBtn-onActive-border: var(--primary);
|
|
|
|
|
--ImageControl-addBtn-onActive-color: var(--primary);
|
|
|
|
|
--ImageControl-addBtn-onDisabled-bg: #f5f5f5;
|
|
|
|
|
--ImageControl-addBtn-onDisabled-border: #ebebeb;
|
|
|
|
|
--ImageControl-addBtn-onDisabled-color: #ccc;
|
2021-11-03 16:31:49 +08:00
|
|
|
|
--ImageControl-progress-borderRadius: #{$R2};
|
|
|
|
|
|
|
|
|
|
// 文件上传
|
|
|
|
|
--FileControl-progress-borderRadius: #{$R2};
|
2020-12-21 10:08:40 +08:00
|
|
|
|
|
|
|
|
|
// Modal
|
2021-11-03 21:09:20 +08:00
|
|
|
|
--Modal-title-fontSize: #{$T3};
|
|
|
|
|
--Modal-title-color: #{$W3};
|
|
|
|
|
--Modal-title-fontWeight: #{$G2};
|
2020-12-21 10:08:40 +08:00
|
|
|
|
--Modal-overlay-bg: rgba(0, 0, 0, 0.7);
|
|
|
|
|
--Modal-content-borderWidth: 0;
|
|
|
|
|
--Modal-content-borderRadius: 0;
|
|
|
|
|
--Modal-content-minHeight: #{px2rem(193px)};
|
2021-11-03 21:09:20 +08:00
|
|
|
|
--Modal-header-bg: #fff;
|
|
|
|
|
--Modal-header-paddingY: 0;
|
|
|
|
|
--Modal-header-paddingX: 0;
|
2020-12-21 10:08:40 +08:00
|
|
|
|
--Modal-title-color: #333;
|
2021-04-02 18:20:19 +08:00
|
|
|
|
--Modal-body-paddingY: var(--gap-md);
|
|
|
|
|
--Modal-body-paddingX: var(--gap-md);
|
2020-12-21 10:08:40 +08:00
|
|
|
|
--Modal-body-borderTop: none;
|
2021-11-03 21:09:20 +08:00
|
|
|
|
--Modal-body-borderBottom: none;
|
|
|
|
|
--Modal-footer-marginX: 0;
|
|
|
|
|
--Modal-footer-marginY: 0;
|
|
|
|
|
--Modal-footer-padding: 0;
|
2020-12-21 10:08:40 +08:00
|
|
|
|
|
|
|
|
|
// Drawer
|
2021-11-03 21:09:20 +08:00
|
|
|
|
--Drawer-header-padding: #{px2rem(16px)} #{px2rem(24px)};
|
2020-12-21 10:08:40 +08:00
|
|
|
|
--Drawer-widthBase: #{px2rem(400px)};
|
2021-11-03 21:09:20 +08:00
|
|
|
|
--Drawer-header-bg: #fff;
|
|
|
|
|
--Drawer-body-padding: #{px2rem(24px)};
|
2020-12-21 10:08:40 +08:00
|
|
|
|
|
|
|
|
|
// Remark
|
|
|
|
|
--Remark-icon-fontSize: #{px2rem(12px)};
|
|
|
|
|
--Remark-iconColor: #999;
|
|
|
|
|
--Remark-onHover-iconColor: #fff;
|
|
|
|
|
--Remark-bg: #fff;
|
|
|
|
|
--Remark-onHover-bg: #f38900;
|
|
|
|
|
--Remark-borderWidth: #{px2rem(1px)};
|
|
|
|
|
--Remark-borderColor: #999;
|
|
|
|
|
--Remark-onHover-borderColor: #f38900;
|
|
|
|
|
|
|
|
|
|
// Wizard
|
|
|
|
|
--Wizard-steps-bg: #fff;
|
|
|
|
|
--Wizard-steps-borderWidth: 0;
|
|
|
|
|
--Wizard-steps-textAlign: center;
|
|
|
|
|
--Wizard-steps-ulDisplay: inline-block;
|
|
|
|
|
--Wizard-steps-height: #{px2rem(60px)};
|
|
|
|
|
--Wizard-steps-padding: #{px2rem(10)} 0;
|
|
|
|
|
--Wizard-steps-liVender: 'iconfont';
|
|
|
|
|
--Wizard-steps-liAfterContent: '\e6ee';
|
2020-12-22 10:47:54 +08:00
|
|
|
|
|
2020-12-21 10:08:40 +08:00
|
|
|
|
--Wizard-steps-li-onActive-color: #333333;
|
|
|
|
|
--Wizard-steps-bg--isComplete: #fff;
|
|
|
|
|
--Wizard-badge-size: #{px2rem(26px)};
|
|
|
|
|
--Wizard-badge-color: #999999;
|
|
|
|
|
--Wizard-badge-onActive-backgroundColor: #333333;
|
2021-07-26 17:22:12 +08:00
|
|
|
|
--Wizard-badge-onComplete-backgroundColor: #333333;
|
2020-12-21 10:08:40 +08:00
|
|
|
|
--Wizard-badge-fontSize: #{px2rem(14px)};
|
|
|
|
|
--Wizard-badge-border: #{px2rem(1px)} solid #999999;
|
|
|
|
|
--Wizard-badge-borderRadius: 50%;
|
|
|
|
|
--Wizard-badge-bg: var(--white);
|
|
|
|
|
--Wizard-badge-marginRight: #{px2rem(6px)};
|
|
|
|
|
|
|
|
|
|
// Tabs
|
|
|
|
|
--Tabs-linkFontSize: #{px2rem(14px)};
|
|
|
|
|
--Tabs--card-onActive-borderColor: var(--white);
|
|
|
|
|
--Tabs--card-bg: var(--Table-thead-bg);
|
|
|
|
|
--Tabs--radio-bg: var(--white);
|
2021-01-27 10:21:09 +08:00
|
|
|
|
--Tabs--chrome-onHover-bg: #fcfcfc;
|
|
|
|
|
--Tabs--chrome-bg: #f5f5f5;
|
2020-12-21 10:08:40 +08:00
|
|
|
|
|
|
|
|
|
// Pagination
|
|
|
|
|
--Pagination-fontSize: #{px2rem(12px)};
|
|
|
|
|
--Pagination-onActive-backgroundColor: var(--white);
|
|
|
|
|
--Pagination-onActive-color: var(--primary);
|
|
|
|
|
--Pagination-onActive-border: #{px2rem(1px)} solid var(--primary);
|
|
|
|
|
|
|
|
|
|
// Panel
|
2021-11-03 15:11:04 +08:00
|
|
|
|
--Panel-borderRadius: #{$R3};
|
2020-12-21 10:08:40 +08:00
|
|
|
|
--Panel-fixedBottom-boxShadow: 0 -2px 10px 0 rgba(0, 0, 0, 0.05);
|
2021-09-14 15:15:39 +08:00
|
|
|
|
--Panel--default-bg: #f5f5f5;
|
2020-12-21 10:08:40 +08:00
|
|
|
|
|
|
|
|
|
// Nav
|
|
|
|
|
--Nav-item-fontSize: #{px2rem(16px)};
|
|
|
|
|
--Nav-item-borderRadius: 0;
|
|
|
|
|
--Nav-item-onActive-bg: #f6f7fb;
|
|
|
|
|
--Nav-item-onActive-color: var(--primary);
|
2021-04-21 00:08:16 +08:00
|
|
|
|
--Nav-item-onActive-borderLeft: #{px2rem(3px)} solid var(--primary);
|
2020-12-21 10:08:40 +08:00
|
|
|
|
--Nav-subItem-fontSize: #{px2rem(12px)};
|
|
|
|
|
--Nav-subItem-onActiveBeforeBg: var(--primary);
|
|
|
|
|
|
|
|
|
|
// TransferSelect
|
|
|
|
|
--TransferSelect--table-heading-bg: var(--white);
|
|
|
|
|
--TransferSelect--normal-heading-bg: #f6f7fb;
|
|
|
|
|
--TransferSelect-heading-borderBottom: 0;
|
|
|
|
|
|
|
|
|
|
// Alert
|
2021-11-03 15:11:04 +08:00
|
|
|
|
--Alert-height: #{px2rem(40px)};
|
|
|
|
|
--Alert-paddingX: #{px2rem(16px)};
|
|
|
|
|
--Alert-fontSize: #{$T2};
|
|
|
|
|
--Alert-borderRadius: #{$R3};
|
2020-12-21 10:08:40 +08:00
|
|
|
|
--Alert-marginBottom: var(--Alert-md);
|
|
|
|
|
|
2021-11-03 15:11:04 +08:00
|
|
|
|
--Alert--danger-color: #{$G4};
|
2020-12-21 10:08:40 +08:00
|
|
|
|
--Alert--danger-bg: #{$danger-bg};
|
|
|
|
|
--Alert--danger-borderColor: transparent;
|
|
|
|
|
|
2021-11-03 15:11:04 +08:00
|
|
|
|
--Alert--info-color: #{$G4};
|
2020-12-21 10:08:40 +08:00
|
|
|
|
--Alert--info-bg: #{$info-bg};
|
|
|
|
|
--Alert--info-borderColor: transparent;
|
|
|
|
|
|
2021-11-03 15:11:04 +08:00
|
|
|
|
--Alert--success-color: #{$G4};
|
2020-12-21 10:08:40 +08:00
|
|
|
|
--Alert--success-bg: #{$success-bg};
|
|
|
|
|
--Alert--success-borderColor: transparent;
|
|
|
|
|
|
2021-11-03 15:11:04 +08:00
|
|
|
|
--Alert--warning-color: #{$G4};
|
2020-12-21 10:08:40 +08:00
|
|
|
|
--Alert--warning-bg: #{$warning-bg};
|
|
|
|
|
--Alert--warning-borderColor: transparent;
|
|
|
|
|
|
|
|
|
|
// Toast size
|
|
|
|
|
--Toast-width: #{px2rem(300px)};
|
|
|
|
|
--Toast-borderRadius: 0;
|
|
|
|
|
--Toast-paddingL: #{px2rem(26px)};
|
|
|
|
|
--Toast--info-paddingL: 0;
|
|
|
|
|
--Toast-border-width: #{px2rem(1px)};
|
|
|
|
|
--Toast-opacity: 1;
|
|
|
|
|
--Toast-title-display: inline;
|
|
|
|
|
|
|
|
|
|
// Toast color
|
|
|
|
|
--Toast-color: var(--white);
|
2021-11-03 15:11:04 +08:00
|
|
|
|
--Toast-borderRadius: #{$R3};
|
|
|
|
|
--Toast-paddingX: #{px2rem(16px)};
|
2020-12-21 10:08:40 +08:00
|
|
|
|
|
2021-11-03 15:11:04 +08:00
|
|
|
|
--Toast--danger-color: #{$G2};
|
|
|
|
|
--Toast--danger-bgColor: #{$G11};
|
|
|
|
|
--Toast--danger-borderColor: #{$G11};
|
2020-12-21 10:08:40 +08:00
|
|
|
|
|
2021-11-03 15:11:04 +08:00
|
|
|
|
--Toast--info-color: #{$G2};
|
|
|
|
|
--Toast--info-bgColor: #{$G11};
|
|
|
|
|
--Toast--info-borderColor: #{$G11};
|
2020-12-21 10:08:40 +08:00
|
|
|
|
|
2021-11-03 15:11:04 +08:00
|
|
|
|
--Toast--success-color: #{$G2};
|
|
|
|
|
--Toast--success-bgColor: #{$G11};
|
|
|
|
|
--Toast--success-borderColor: #{$G11};
|
2020-12-21 10:08:40 +08:00
|
|
|
|
|
2021-11-03 15:11:04 +08:00
|
|
|
|
--Toast--warning-color: #{$G2};
|
|
|
|
|
--Toast--warning-bgColor: #{$G11};
|
|
|
|
|
--Toast--warning-borderColor: #{$G11};
|
2020-12-21 10:08:40 +08:00
|
|
|
|
|
|
|
|
|
--Toast-close-color: var(--icon-color);
|
|
|
|
|
--Toast-close--onHover-color: var(--icon-onHover-color);
|
|
|
|
|
|
|
|
|
|
--TagControl-sugTip-color: var(--primary);
|
|
|
|
|
|
|
|
|
|
// Card
|
|
|
|
|
--Card-actions-borderColor: #{lighten(#eceff8, 2.5%)};
|
|
|
|
|
--Card-onChecked-bg: var(--white);
|
|
|
|
|
--Card-onChecked-borderColor: var(--primary);
|
|
|
|
|
--Card-onChecked-color: var(--primary);
|
|
|
|
|
|
2021-06-08 23:48:57 +08:00
|
|
|
|
--Card-onModified-bg: #e8f0fe;
|
2020-12-21 10:08:40 +08:00
|
|
|
|
--Card-onModified-borderColor: var(--primary);
|
2021-06-08 23:48:57 +08:00
|
|
|
|
--Card-onModified-color: #4285f4;
|
2020-12-21 10:08:40 +08:00
|
|
|
|
|
|
|
|
|
--Card-actions-onHover-bg: white;
|
|
|
|
|
--Card-actions-onHover-color: var(--primary);
|
|
|
|
|
--Card-actions-onChecked-onHover-bg: var(--white);
|
|
|
|
|
|
|
|
|
|
--Card-actions-fontSize: #{px2rem(12px)};
|
|
|
|
|
|
|
|
|
|
// Combo
|
2021-04-08 23:19:23 +08:00
|
|
|
|
--Combo--horizontal-dragger-top: var(--gap-xs);
|
2020-12-21 10:08:40 +08:00
|
|
|
|
|
|
|
|
|
// ListMenu
|
|
|
|
|
--ListMenu-borderWidth: 0;
|
|
|
|
|
--ListMenu-borderRadius: 0;
|
|
|
|
|
--ListMenu-item-height: #{px2rem(30px)};
|
|
|
|
|
--ListMenu-item-color: #333;
|
|
|
|
|
--ListMenu-item--onHover-color: #000;
|
|
|
|
|
--ListMenu-item--onHover-bg: #eaf6fe;
|
2021-09-14 15:15:39 +08:00
|
|
|
|
--ListItem--strip-bg: #f6f6f6;
|
|
|
|
|
--ListItem-onChecked-color: #0052cc;
|
|
|
|
|
--ListItem-onChecked-bg: #f0f6ff;
|
|
|
|
|
--ListItem-onChecked-borderColor: #0052cc;
|
|
|
|
|
--ListItem-onChecked-fieldLabel-color: #0052cc;
|
2020-12-21 10:08:40 +08:00
|
|
|
|
|
|
|
|
|
--Transfer-title-bg: var(--Table-thead-bg);
|
|
|
|
|
|
|
|
|
|
--Satus-icon-width: #{px2rem(14px)};
|
2021-11-02 21:29:12 +08:00
|
|
|
|
|
|
|
|
|
--Tree-itemHeight: #{px2rem(32px)};
|
2021-11-03 15:11:04 +08:00
|
|
|
|
|
|
|
|
|
--Progress-borderRadius: #{$R7};
|
2020-12-21 10:08:40 +08:00
|
|
|
|
}
|