@import '../functions'; $remFactor: 16px; $ns: 'cxd-'; $info: #108cee; $primary: #108cee; $success: #5fb333; $warning: #f39000; $danger: #ea2e2e; $light: #eaf6fe; $white: #fff; $info-bg: #eaf6fe; $success-bg: #f1fdeb; $warning-bg: #fcf7f1; $danger-bg: #fff5f5; $text-color: #666; $Toast-icon-fillHeight: false; $Number-handler-mode: 'horizontal'; // css 变量似乎没法用 !important,所以这里用 sass 变量 $Wizard-steps-liAfterBorder: none !important; @import '../variables'; @import '../properties'; :root { --borderColor: #eceff8; --body-bg: #ffffff; --text-color: #666; --text--muted-color: #999; --text--loud-color: #333; --link-onHover-decoration: none; --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; --Layout-asideLink-onHover-color: #108cee; --Layout-asideLink-onActive-color: #108cee; --Layout-asideLink-onHover-iconSize: #{px2rem(16px)}; --Layout-asideLink-onHover-iconColor: #108cee; --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; --Page-header-paddingX: var(--gap-md); --Page-header-paddingY: #{px2rem(10px)}; --Form-item-gap: var(--gap-base); --Form-input-onFocused-bg: var(--white); --Form-input-borderRadius: 0; --Form-input-borderColor: #ccc; --Form-input-onFocused-borderColor: var(--primary); --Form-input-onError-borderColor: #d0021b; --Form-input-paddingX: #{px2rem(10px)}; --Form-description-color: #999; --Form-input-onError-bg: #fffbfb; --Form-input-onDisabled-bg: #f5f5f5; --Form-input-onDisabled-borderColor: #ebebeb; --Form--horizontal-label-whiteSpace: normal; --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)}; --Form-select-borderRadius: 0; --Form-select-borderColor: #ccc; --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; --Form-select-caret-iconColor: #999; --Form-select-caret-onHover-iconColor: var(--primary); --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); --Form-select-menu-color: #333; --Form-select-menu-onHover-color: #000; --Form-select-menu-onHover-bg: #eaf6fe; --Form-select-menu-height: #{px2rem(24px)}; --Form-select-popoverGap: #{px2rem(3px)}; --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)}; --Number-handler-borderBottom: 0; --Number-handler-width: var(--gap-md); --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'; --Checkbox-onDisabled-color: #ebebeb; --Checkbox-onDisabled-bg: #cccccc; --Checkbox-inner-size: #{px2rem(8px)}; --Checkbox--full-inner-size: #{px2rem(10px)}; --Checkbox--sm-size: #{px2rem(14px)}; --Checkbox--sm-inner-size: #{px2rem(8px)}; --Checkbox--sm--full-inner-size: #{px2rem(10px)}; --Radio-size: #{px2rem(16px)}; --Radio-inner-size: #{px2rem(10px)}; --Switch-bgColor: #ccc; --Switch-borderColor: #f0f0f0; --Switch-onActive-bgColor: var(--primary); --Switch-onDisabled-bgColor: #f5f5f5; --Switch-onDisabled-color: #ccc; --Switch-onDisabled-circle-BackgroundColor: #ccc; --ColorPicker-borderWidth: #{px2rem(1px)}; --ColorPicker-borderRadius: 0; --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; --DatePicker-borderWidth: #{px2rem(1px)}; --DatePicker-borderRadius: 0; --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); --Calendar-input-borderRadius: 0; --Calendar-shortcuts-bg: #f5f5f5; --Calendar-shortcuts-height: #{px2rem(30px)}; // button --Button-borderWidth: #{px2rem(1px)}; --Button-boxShadow: none; --Button-onActive-boxShadow: none; --Button-borderRadius: 0; --Button--lg-borderRadius: 0; --Button--sm-borderRadius: 0; --Button-paddingX: #{px2rem(10px)}; --Button--lg-height: #{px2rem(40px)}; --Button--lg-fontSize: #{px2rem(14px)}; --Button--default-bg: var(--white); --Button--default-border: #cccccc; --Button--default-color: #000; --Button--default-onHover-bg: var(--white); --Button--default-onHover-border: var(--primary); --Button--default-onHover-color: var(--primary); --Button--default-onActive-bg: #f6fbff; --Button--default-onActive-border: var(--primary); --Button--default-onActive-color: var(--primary); --Button--primary-bg: var(--primary); --Button--primary-border: var(--primary); --Button--primary-onHover-bg: #209bfd; --Button--primary-onHover-border: var(--primary); --Button--primary-onHover-color: var(--white); --Button--primary-onActive-bg: #047bdb; --Button--primary-onActive-border: var(--primary); --Button--primary-onActive-color: var(--white); --Button--danger-bg: #ea2e2e; --Button--danger-onHover-bg: #f64545; --Button--danger-onActive-bg: #d72b2b; --ButtonGroup-divider-width: #{px2rem(1px)}; --ButtonGroup-divider-color: #fff; --ButtonGroup--primary-isActive-color: var(--primary); --ButtonGroup--primary-isActive-bg: var(--white); --Button--link-color: var(--primary); --Button--link-onHover-color: #209bfd; --Spinner-bg: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIKImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB3aWR0aD0iMTkycHgiIGhlaWdodD0iMTkycHgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMzQuNSA2MC41IEw5NiAyNC41IEwxNTguNSA2MC41IFYxMzIgTDk2LjUgMTY3LjUgTDM0LjUgMTMyIEwzNC41IDYwLjUgWiIgc3Ryb2tlPSIjMTA4Y2VlIgpzdHlsZT0ic3Ryb2tlLXdpZHRoOiAxNnB4OwogICAgICAgc3Ryb2tlLW9wYWNpdHk6IDE7CiAgICAgICBmaWxsLW9wYWNpdHk6IDA7CiAgICAgICBzdHJva2UtZGFzaGFycmF5OiA4MDAgODAwOwogICAgICAgc3Ryb2tlLWRhc2hvZmZzZXQ6IDgwMDsiPjxhbmltYXRlIGNhbGNNb2RlPSJzcGxpbmUiIGtleVRpbWVzPSIwOyAxIiBrZXlTcGxpbmVzPSIuNSAwIC41IDEiIGF0dHJpYnV0ZU5hbWU9InN0cm9rZS1kYXNoYXJyYXkiIGlkPSJsaW5lIiBmcm9tPSI4MDAgODAwIiB0bz0iODAwIDgwMCIgYmVnaW49ImZpcnN0LmVuZCIgZHVyPSIxLjJzIiBmaWxsID0gImZyZWV6ZSIvPjxhbmltYXRlIGNhbGNNb2RlPSJzcGxpbmUiIGtleVRpbWVzPSIwOyAxIiBrZXlTcGxpbmVzPSIuNSAwIC41IDEiIGF0dHJpYnV0ZU5hbWU9InN0cm9rZS1kYXNob2Zmc2V0IiBmcm9tPSI4MDAiIHRvPSItODAwIiBiZWdpbj0iZmlyc3QuZW5kIiBkdXI9IjEuMnMiIGZpbGwgPSAiZnJlZXplIi8+PC9wYXRoPjxjaXJjbGUgY3g9Ijk2LjUiIGN5PSI5Ni41IiByPSIxMCIgZmlsbD0iIzEwOGNlZSI+PGFuaW1hdGUgY2FsY01vZGU9InNwbGluZSIga2V5VGltZXM9IjA7IDEiIGtleVNwbGluZXM9Ii45IDAgLjMgMSIgYXR0cmlidXRlTmFtZT0iY3giIGlkPSJmaXJzdCIgdG89IjM0LjUiIGJlZ2luPSIwczsgc2Vjb25kLmVuZCArIDAuNyIgZHVyPSIwLjVzIiBmaWxsID0gImZyZWV6ZSIvPjxhbmltYXRlIGNhbGNNb2RlPSJzcGxpbmUiIGtleVRpbWVzPSIwOyAxIiBrZXlTcGxpbmVzPSIuOSAwIC4zIDEiIGF0dHJpYnV0ZU5hbWU9ImN5IiB0bz0iNjAuNSIgYmVnaW49IjBzOyBzZWNvbmQuZW5kICsgMC43IiBkdXI9IjAuNXMiIGZpbGwgPSAiZnJlZXplIi8+PGFuaW1hdGUgY2FsY01vZGU9InNwbGluZSIga2V5VGltZXM9IjA7IDEiIGtleVNwbGluZXM9Ii45IDAgLjMgMSIgYXR0cmlidXRlTmFtZT0iciIgIHRvPSIyMCIgYmVnaW49IjBzOyBzZWNvbmQuZW5kICsgMC43IiBkdXI9IjAuNXMiIGZpbGwgPSAiZnJlZXplIi8+PGFuaW1hdGUgY2FsY01vZGU9InNwbGluZSIga2V5VGltZXM9IjA7IDEiIGtleVNwbGluZXM9Ii45IDAgLjMgMSIgYXR0cmlidXRlTmFtZT0iY3giIGlkPSJzZWNvbmQiIGZyb209IjM0LjUiIHRvPSI5Ni41IiBiZWdpbj0iZmlyc3QuZW5kICsgMS4yIiBkdXI9IjAuNXMiIGZpbGwgPSAiZnJlZXplIi8+PGFuaW1hdGUgY2FsY01vZGU9InNwbGluZSIga2V5VGltZXM9IjA7IDEiIGtleVNwbGluZXM9Ii45IDAgLjMgMSIgYXR0cmlidXRlTmFtZT0iY3kiIGZyb209IjYwLjUiIHRvPSI5Ni41IiBiZWdpbj0iZmlyc3QuZW5kICsgMS4yIiBkdXI9IjAuNXMiIGZpbGwgPSAiZnJlZXplIi8+PGFuaW1hdGUgY2FsY01vZGU9InNwbGluZSIga2V5VGltZXM9IjA7IDEiIGtleVNwbGluZXM9Ii45IDAgLjMgMSIgYXR0cmlidXRlTmFtZT0iciIgIHRvPSIxMCIgYmVnaW49ImZpcnN0LmVuZCArIDEuMiIgZHVyPSIwLjVzIiBmaWxsID0gImZyZWV6ZSIvPjwvY2lyY2xlPjxjaXJjbGUgY3g9Ijk2LjUiIGN5PSI5Ni41IiByPSIxMCIgZmlsbD0iIzEwOGNlZSI+PGFuaW1hdGUgY2FsY01vZGU9InNwbGluZSIga2V5VGltZXM9IjA7IDEiIGtleVNwbGluZXM9Ii45IDAgLjMgMSIgYXR0cmlidXRlTmFtZT0iY3kiIHRvPSIyNC41IiBiZWdpbj0iMHM7IHNlY29uZC5lbmQgKyAwLjciIGR1cj0iMC41cyIgZmlsbCA9ICJmcmVlemUiLz48YW5pbWF0ZSBjYWxjTW9kZT0ic3BsaW5lIiBrZXlUaW1lcz0iMDsgMSIga2V5U3BsaW5lcz0iLjkgMCAuMyAxIiBhdHRyaWJ1dGVOYW1lPSJyIiAgdG89IjIwIiBiZWdpbj0iMHM7IHNlY29uZC5lbmQgKyAwLjciIGR1cj0iMC41cyIgZmlsbCA9ICJmcmVlemUiLz48YW5pbWF0ZSBjYWxjTW9kZT0ic3BsaW5lIiBrZXlUaW1lcz0iMDsgMSIga2V5U3BsaW5lcz0iLjkgMCAuMyAxIiBhdHRyaWJ1dGVOYW1lPSJjeSIgZnJvbT0iMjQuNSIgdG89Ijk2LjUiIGJlZ2luPSJmaXJzdC5lbmQgKyAxLjIiIGR1cj0iMC41cyIgZmlsbCA9ICJmcmVlemUiLz48YW5pbWF0ZSBjYWxjTW9kZT0ic3BsaW5lIiBrZXlUaW1lcz0iMDsgMSIga2V5U3BsaW5lcz0iLjkgMCAuMyAxIiBhdHRyaWJ1dGVOYW1lPSJyIiAgdG89IjEwIiBiZWdpbj0iZmlyc3QuZW5kICsgMS4yIiBkdXI9IjAuNXMiIGZpbGwgPSAiZnJlZXplIi8+PC9jaXJjbGU+PGNpcmNsZSBjeD0iOTYuNSIgY3k9Ijk2LjUiIHI9IjEwIiBmaWxsPSIjMTA4Y2VlIj48YW5pbWF0ZSBjYWxjTW9kZT0ic3BsaW5lIiBrZXlUaW1lcz0iMDsgMSIga2V5U3BsaW5lcz0iLjkgMCAuMyAxIiBhdHRyaWJ1dGVOYW1lPSJjeCIgZnJvbT0iOTYuNSIgdG89IjE1OC41IiBiZWdpbj0iMHM7IHNlY29uZC5lbmQgKyAwLjciIGR1cj0iMC41cyIgZmlsbCA9ICJmcmVlemUiLz48YW5pbWF0ZSBjYWxjTW9kZT0ic3BsaW5lIiBrZXlUaW1lcz0iMDsgMSIga2V5U3BsaW5lcz0iLjkgMCAuMyAxIiBhdHRyaWJ1dGVOYW1lPSJjeSIgZnJvbT0iOTYuNSIgdG89IjYwLjUiIGJlZ2luPSIwczsgc2Vjb25kLmVuZCArIDAuNyIgZHVyPSIwLjVzIiBmaWxsID0gImZyZWV6ZSIvPjxhbmltYXRlIGNhbGNNb2RlPSJzcGxpbmUiIGtleVRpbWVzPSIwOyAxIiBrZXlTcGxpbmVzPSIuOSAwIC4zIDEiIGF0dHJpYnV0ZU5hbWU9InIiICB0bz0iMjAiIGJlZ2luPSIwczsgc2Vjb25kLmVuZCArIDAuNyIgZHVyPSIwLjVzIiBmaWxsID0gImZyZWV6ZSIvPjxhbmltYXRlIGNhbGNNb2RlPSJzcGxpbmUiIGtleVRpbWVzPSIwOyAxIiBrZXlTcGxpbmVzPSIuOSAwIC4zIDEiIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIxNTguNSIgdG89Ijk2LjUiIGJlZ2luPSJmaXJzdC5lbmQgKyAxLjIiIGR1cj0iMC41cyIgZmlsbCA9ICJmcmVlemUiLz48YW5pbWF0ZSBjYWxjTW9kZT0ic3BsaW5lIiBrZXlUaW1lcz0iMDsgMSIga2V5U3BsaW5lcz0iLjkgMCAuMyAxIiBhdHRyaWJ1dGVOYW1lPSJjeSIgZnJvbT0iNjAuNSIgdG89Ijk2LjUiIGJlZ2luPSJmaXJzdC5lbmQgKyAxLjIiIGR1cj0iMC41cyIgZmlsbCA9ICJmcmVlemUiLz48YW5pbWF0ZSBjYWxjTW9kZT0ic3BsaW5lIiBrZXlUaW1lcz0iMDsgMSIga2V5U3BsaW5lcz0iLjkgMCAuMyAxIiBhdHRyaWJ1dGVOYW1lPSJyIiAgdG89IjEwIiBiZWdpbj0iZmlyc3QuZW5kICsgMS4yIiBkdXI9IjAuNXMiIGZpbGwgPSAiZnJlZXplIi8+PC9jaXJjbGU+PGNpcmNsZSBjeD0iOTYuNSIgY3k9Ijk2LjUiIHI9IjEwIiBmaWxsPSIjMTA4Y2VlIj48YW5pbWF0ZSBjYWxjTW9kZT0ic3BsaW5lIiBrZXlUaW1lcz0iMDsgMSIga2V5U3BsaW5lcz0iLjkgMCAuMyAxIiBhdHRyaWJ1dGVOYW1lPSJjeCIgZnJvbT0iOTYuNSIgdG89IjE1OC41IiBiZWdpbj0iMHM7IHNlY29uZC5lbmQgKyAwLjciIGR1cj0iMC41cyIgZmlsbCA9ICJmcmVlemUiLz48YW5pbWF0ZSBjYWxjTW9kZT0ic3BsaW5lIiBrZXlUaW1lcz0iMDsgMSIga2V5U3BsaW5lcz0iLjkgMCAuMyAxIiBhdHRyaWJ1dGVOYW1lPSJjeSIgZnJvbT0iOTYuNSIgdG89IjEzMiIgYmVnaW49IjBzOyBzZWNvbmQuZW5kICsgMC43IiBkdXI9IjAuNXMiIGZpbGwgPSAiZnJlZXplIi8+PGFuaW1hdGUgY2FsY01vZGU9InNwbGluZSIga2V5VGltZXM9IjA7IDEiIGtleVNwbGluZXM9Ii45IDAgLjMgMSIgYXR0cmlidXRlTmFtZT0iciIgIHRvPSIyMCIgYmVnaW49IjBzOyBzZWNvbmQuZW5kICsgMC43IiBkdXI9IjAuNXMiIGZpbGwgPSAiZnJlZXplIi8+PGFuaW1hdGUgY2FsY01vZGU9InNwbGluZSIga2V5VGltZXM9IjA7IDEiIGtleVNwbGluZXM9Ii45IDAgLjMgMSIgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE1OC41IiB0bz0iOTYuNSIgYmVnaW49ImZpcnN0LmVuZCArIDEuMiIgZHVyPSIwLjVzIiBmaWxsID0gImZyZWV6ZSIvPjxhbmltYXRlIGNhbGNNb2RlPSJzcGxpbmUiIGtleVRpbWVzPSIwOyAxIiBrZXlTcGxpbmVzPSIuOSAwIC4zIDEiIGF0dHJpYnV0ZU5hbWU9ImN5IiBmcm9tPSIxMzIiIHRvPSI5Ni41IiBiZWdpbj0iZmlyc3QuZW5kICsgMS4yIiBkdXI9IjAuNXMiIGZpbGwgPSAiZnJlZXplIi8+PGFuaW1hdGUgY2FsY01vZGU9InNwbGluZSIga2V5VGltZXM9IjA7IDEiIGtleVNwbGluZXM9Ii45IDAgLjMgMSIgYXR0cmlidXRlTmFtZT0iciIgIHRvPSIxMCIgYmVnaW49ImZpcnN0LmVuZCArIDEuMiIgZHVyPSIwLjVzIiBmaWxsID0gImZyZWV6ZSIvPjwvY2lyY2xlPjxjaXJjbGUgY3g9Ijk2LjUiIGN5PSI5Ni41IiByPSIxMCIgZmlsbD0iIzEwOGNlZSI+PGFuaW1hdGUgY2FsY01vZGU9InNwbGluZSIga2V5VGltZXM9IjA7IDEiIGtleVNwbGluZXM9Ii45IDAgLjMgMSIgYXR0cmlidXRlTmFtZT0iY3kiIGZyb209Ijk2LjUiIHRvPSIxNjcuNSIgYmVnaW49IjBzOyBzZWNvbmQuZW5kICsgMC43IiBkdXI9IjAuNXMiIGZpbGwgPSAiZnJlZXplIi8+PGFuaW1hdGUgY2FsY01vZGU9InNwbGluZSIga2V5VGltZXM9IjA7IDEiIGtleVNwbGluZXM9Ii45IDAgLjMgMSIgYXR0cmlidXRlTmFtZT0iciIgIHRvPSIyMCIgYmVnaW49IjBzOyBzZWNvbmQuZW5kICsgMC43IiBkdXI9IjAuNXMiIGZpbGwgPSAiZnJlZXplIi8+PGFuaW1hdGUgY2FsY01vZGU9InNwbGluZSIga2V5VGltZXM9IjA7IDEiIGtleVNwbGluZXM9Ii45IDAgLjMgMSIgYXR0cmlidXRlTmFtZT0iY3kiIGZyb209IjE2Ny41IiB0bz0iOTYuNSIgYmVnaW49ImZpcnN0LmVuZCArIDEuMiIgZHVyPSIwLjVzIiBmaWxsID0gImZyZWV6ZSIvPjxhbmltYXRlIGNhbGNNb2RlPSJzcGxpbmUiIGtleVRpbWVzPSIwOyAxIiBrZXlTcGxpbmVzPSIuOSAwIC4zIDEiIGF0dHJpYnV0ZU5hbWU9InIiICB0bz0iMTAiIGJlZ2luPSJmaXJzdC5lbmQgKyAxLjIiIGR1cj0iMC41cyIgZmlsbCA9ICJmcmVlemUiLz48L2NpcmNsZT48Y2lyY2xlIGN4PSI5Ni41IiBjeT0iOTYuNSIgcj0iMTAiIGZpbGw9IiMxMDhjZWUiPjxhbmltYXRlIGNhbGNNb2RlPSJzcGxpbmUiIGtleVRpbWVzPSIwOyAxIiBrZXlTcGxpbmVzPSIuOSAwIC4zIDEiIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSI5Ni41IiB0bz0iMzQuNSIgYmVnaW49IjBzOyBzZWNvbmQuZW5kICsgMC43IiBkdXI9IjAuNXMiIGZpbGwgPSAiZnJlZXplIi8+PGFuaW1hdGUgY2FsY01vZGU9InNwbGluZSIga2V5VGltZXM9IjA7IDEiIGtleVNwbGluZXM9Ii45IDAgLjMgMSIgYXR0cmlidXRlTmFtZT0iY3kiIGZyb209Ijk2LjUiIHRvPSIxMzIiIGJlZ2luPSIwczsgc2Vjb25kLmVuZCArIDAuNyIgZHVyPSIwLjVzIiBmaWxsID0gImZyZWV6ZSIvPjxhbmltYXRlIGNhbGNNb2RlPSJzcGxpbmUiIGtleVRpbWVzPSIwOyAxIiBrZXlTcGxpbmVzPSIuOSAwIC4zIDEiIGF0dHJpYnV0ZU5hbWU9InIiICB0bz0iMjAiIGJlZ2luPSIwczsgc2Vjb25kLmVuZCArIDAuNyIgZHVyPSIwLjVzIiBmaWxsID0gImZyZWV6ZSIvPjxhbmltYXRlIGNhbGNNb2RlPSJzcGxpbmUiIGtleVRpbWVzPSIwOyAxIiBrZXlTcGxpbmVzPSIuOSAwIC4zIDEiIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIzNC41IiB0bz0iOTYuNSIgYmVnaW49ImZpcnN0LmVuZCArIDEuMiIgZHVyPSIwLjVzIiBmaWxsID0gImZyZWV6ZSIvPjxhbmltYXRlIGNhbGNNb2RlPSJzcGxpbmUiIGtleVRpbWVzPSIwOyAxIiBrZXlTcGxpbmVzPSIuOSAwIC4zIDEiIGF0dHJpYnV0ZU5hbWU9ImN5IiBmcm9tPSIxMzIiIHRvPSI5Ni41IiBiZWdpbj0iZmlyc3QuZW5kICsgMS4yIiBkdXI9IjAuNXMiIGZpbGwgPSAiZnJlZXplIi8+PGFuaW1hdGUgY2FsY01vZGU9InNwbGluZSIga2V5VGltZXM9IjA7IDEiIGtleVNwbGluZXM9Ii45IDAgLjMgMSIgYXR0cmlidXRlTmFtZT0iciIgIHRvPSIxMCIgYmVnaW49ImZpcnN0LmVuZCArIDEuMiIgZHVyPSIwLjVzIiBmaWxsID0gImZyZWV6ZSIvPjwvY2lyY2xlPjwvc3ZnPg=='); --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; --Table-onHover-bg: #f5fbff; --Table-onHover-bg-rgb: 245, 251, 255; --Table-onHover-borderColor: #eceff8; --Table-onChecked-bg: transparent; --Table-onChecked-borderColor: #eceff8; --Table-onChecked-color: #333; --Table-onChecked-onHover-bg: #f5fbff; --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; --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); --ListControl-item-onActive-bg: var(--white); --ListControl-item-onActive-onHover-bg: var(--white); --ListControl-item-onActive-color: var(--primary); --ListControl-item-onActive-borderColor: var(--primary); --ListControl-item-onActive-before-bg: var(--primary); --ListControl-item-onActive-after-borderColor: var(--white); --ListControl-item-onDisabled-opacity: 1; --ListControl-item-onDisabled-bg: #f5f5f5; --ListControl-item-onDisabled-color: #999; --ListControl-item-onDisabled-borderColor: #ebebeb; // 图片上传 --ImageControl-addBtn-bg: #fff; --ImageControl-addBtn-border: #dbdbdb; --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; // Modal --Modal-overlay-bg: rgba(0, 0, 0, 0.7); --Modal-content-borderWidth: 0; --Modal-content-borderRadius: 0; --Modal-content-minHeight: #{px2rem(193px)}; --Modal-header-bg: #f6f7fb; --Modal-title-color: #333; --Modal-body-paddingY: var(--gap-md); --Modal-body-paddingX: var(--gap-md); --Modal-body-borderTop: none; --Modal-body-borderBottom: #{px2rem(1px)} solid #eceff8; --Modal-footer-marginX: var(--gap-md); --Modal-footer-padding: var(--gap-base) 0; // Drawer --Drawer-widthBase: #{px2rem(400px)}; // 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'; --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; --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); --Tabs--chrome-onHover-bg: #fcfcfc; --Tabs--chrome-bg: #f5f5f5; // Pagination --Pagination-fontSize: #{px2rem(12px)}; --Pagination-onActive-backgroundColor: var(--white); --Pagination-onActive-color: var(--primary); --Pagination-onActive-border: #{px2rem(1px)} solid var(--primary); // Panel --Panel-borderRadius: 0; --Panel-fixedBottom-boxShadow: 0 -2px 10px 0 rgba(0, 0, 0, 0.05); // Nav --Nav-item-fontSize: #{px2rem(16px)}; --Nav-item-borderRadius: 0; --Nav-item-onActive-bg: #f6f7fb; --Nav-item-onActive-color: var(--primary); --Nav-item-onActive-borderLeft: #{px2rem(3px)} solid var(--primary); --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 --Alert-height: #{px2rem(30px)}; --Alert-fontSize: #{px2rem(12px)}; --Alert-borderRadius: 0; --Alert-marginBottom: var(--Alert-md); --Alert--danger-color: #333; --Alert--danger-bg: #{$danger-bg}; --Alert--danger-borderColor: transparent; --Alert--info-color: #333; --Alert--info-bg: #{$info-bg}; --Alert--info-borderColor: transparent; --Alert--success-color: #333; --Alert--success-bg: #{$success-bg}; --Alert--success-borderColor: transparent; --Alert--warning-color: #333; --Alert--warning-bg: #{$warning-bg}; --Alert--warning-borderColor: transparent; // Toast size --Toast-width: #{px2rem(300px)}; --Toast-borderRadius: 0; --Toast-paddingY: var(--gap-xs); --Toast-paddingX: var(--gap-md); --Toast-paddingL: #{px2rem(26px)}; --Toast--info-paddingL: 0; --Toast-border-width: #{px2rem(1px)}; --Toast-icon-width: #{px2rem(16px)}; --Toast-icon-height: #{px2rem(16px)}; --Toast-opacity: 1; --Toast-title-display: inline; // Toast color --Toast-color: var(--white); --Toast--danger-color: var(--danger); --Toast--danger-bgColor: #{$danger-bg}; --Toast--danger-borderColor: var(--danger); --Toast--info-color: var(--info); --Toast--info-bgColor: #{$info-bg}; --Toast--info-borderColor: var(--info); --Toast--success-color: var(--success); --Toast--success-bgColor: #{$success-bg}; --Toast--success-borderColor: var(--success); --Toast--warning-color: var(--warning); --Toast--warning-bgColor: #{$warning-bg}; --Toast--warning-borderColor: var(--warning); --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); --Card-onModified-bg: #e8f0fe; --Card-onModified-borderColor: var(--primary); --Card-onModified-color: #4285f4; --Card-actions-onHover-bg: white; --Card-actions-onHover-color: var(--primary); --Card-actions-onChecked-onHover-bg: var(--white); --Card-actions-fontSize: #{px2rem(12px)}; // Combo --Combo--horizontal-dragger-top: var(--gap-xs); // 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; --Transfer-title-bg: var(--Table-thead-bg); --Satus-icon-width: #{px2rem(14px)}; }