/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ @import '../color/colors'; @theme: default; // The prefix to use on all css classes from ant. @m-prefix: m; // An override for the html selector for theme prefixes @html-selector: html; @input-bg: transparent; // -------- Colors ----------- @primary-color: @blue-6; @info-color: @primary-color; @success-color: @green-6; @processing-color: @blue-6; @error-color: @red-5; @highlight-color: @red-5; @warning-color: @gold-6; @normal-color: #d9d9d9; @white: #fff; @black: #000; // Color used by default to control hover and active backgrounds and for // alert info backgrounds. @primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%) @primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%) @primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused @primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused @primary-5: color( ~`colorPalette('@{primary-color}', 5) ` ); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%) @primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color @primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%) @primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused @primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused @primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused // Base Scaffolding Variables // --- // Background color for `` @body-background: #fff; // Base background color for most components @component-background: #fff; // Popover background color @popover-background: @component-background; @popover-customize-border-color: @border-color-split; @font-family: -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'; @code-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace; @text-color: fade(@black, 85%); @text-color-secondary: fade(@black, 45%); @text-color-inverse: @white; @icon-color: inherit; @icon-color-hover: fade(@black, 75%); @heading-color: fade(@black, 85%); @text-color-dark: fade(@white, 85%); @text-color-secondary-dark: fade(@white, 65%); @text-selection-bg: @primary-color; @font-variant-base: tabular-nums; @font-feature-settings-base: 'tnum'; @font-size-base: 14px; @font-size-lg: @font-size-base + 2px; @font-size-sm: 12px; @heading-1-size: ceil(@font-size-base * 2.71); @heading-2-size: ceil(@font-size-base * 2.14); @heading-3-size: ceil(@font-size-base * 1.71); @heading-4-size: ceil(@font-size-base * 1.42); @heading-5-size: ceil(@font-size-base * 1.14); // https://github.com/ant-design/ant-design/issues/20210 @line-height-base: 1.5715; @border-radius-base: 2px; @border-radius-sm: @border-radius-base; // vertical paddings @padding-lg: 24px; // containers @padding-md: 16px; // small containers and buttons @padding-sm: 12px; // Form controls and items @padding-xs: 8px; // small items @padding-xss: 4px; // more small // vertical margins @margin-lg: 24px; // containers @margin-md: 16px; // small containers and buttons @margin-sm: 12px; // Form controls and items @margin-xs: 8px; // small items @margin-xss: 4px; // more small // height rules @height-base: 32px; @height-lg: 40px; @height-sm: 24px; // The background colors for active and hover states for things like // list items or table cells. @item-active-bg: @primary-1; @item-hover-bg: #f5f5f5; // ICONFONT @iconfont-css-prefix: anticon; // LINK @link-color: @primary-color; @link-hover-color: color(~`colorPalette('@{link-color}', 5) `); @link-active-color: color(~`colorPalette('@{link-color}', 7) `); @link-decoration: none; @link-hover-decoration: none; @link-focus-decoration: none; @link-focus-outline: 0; // Animation @ease-base-out: cubic-bezier(0.7, 0.3, 0.1, 1); @ease-base-in: cubic-bezier(0.9, 0, 0.3, 0.7); @ease-out: cubic-bezier(0.215, 0.61, 0.355, 1); @ease-in: cubic-bezier(0.55, 0.055, 0.675, 0.19); @ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1); @ease-out-back: cubic-bezier(0.12, 0.4, 0.29, 1.46); @ease-in-back: cubic-bezier(0.71, -0.46, 0.88, 0.6); @ease-in-out-back: cubic-bezier(0.71, -0.46, 0.29, 1.46); @ease-out-circ: cubic-bezier(0.08, 0.82, 0.17, 1); @ease-in-circ: cubic-bezier(0.6, 0.04, 0.98, 0.34); @ease-in-out-circ: cubic-bezier(0.78, 0.14, 0.15, 0.86); @ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1); @ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06); @ease-in-out-quint: cubic-bezier(0.86, 0, 0.07, 1); // Border color @border-color-base: hsv(0, 0, 85%); // base border outline a component @border-color-split: hsv(0, 0, 94%); // split border inside a component @border-color-inverse: @white; @border-width-base: 1px; // width of the border for a component @border-style-base: solid; // style of a components border // Outline @outline-blur-size: 0; @outline-width: 2px; @outline-color: @primary-color; @outline-fade: 20%; @background-color-light: hsv(0, 0, 98%); // background of header and selected item @background-color-base: hsv(0, 0, 96%); // Default grey background color // Disabled states @disabled-color: fade(#000, 25%); @disabled-bg: @background-color-base; @disabled-color-dark: fade(#fff, 35%); // Shadow @shadow-color: rgba(0, 0, 0, 0.15); @shadow-color-inverse: @component-background; @box-shadow-base: @shadow-2; @shadow-1-up: 0 -6px 16px -8px rgba(0, 0, 0, 0.08), 0 -9px 28px 0 rgba(0, 0, 0, 0.05), 0 -12px 48px 16px rgba(0, 0, 0, 0.03); @shadow-1-down: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px 0 rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03); @shadow-1-left: -6px 0 16px -8px rgba(0, 0, 0, 0.08), -9px 0 28px 0 rgba(0, 0, 0, 0.05), -12px 0 48px 16px rgba(0, 0, 0, 0.03); @shadow-1-right: 6px 0 16px -8px rgba(0, 0, 0, 0.08), 9px 0 28px 0 rgba(0, 0, 0, 0.05), 12px 0 48px 16px rgba(0, 0, 0, 0.03); @shadow-2: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); // Media queries breakpoints // @screen-xs and @screen-xs-min is not used in Grid // smallest break point is @screen-md @screen-xs: 480px; @screen-xs-min: @screen-xs; // 👆 Extra small screen / phone // 👇 Small screen / tablet @screen-sm: 576px; @screen-sm-min: @screen-sm; // Medium screen / desktop @screen-md: 768px; @screen-md-min: @screen-md; // Large screen / wide desktop @screen-lg: 992px; @screen-lg-min: @screen-lg; // Extra large screen / full hd @screen-xl: 1200px; @screen-xl-min: @screen-xl; // Extra extra large screen / large desktop @screen-xxl: 1600px; @screen-xxl-min: @screen-xxl; // provide a maximum @screen-xs-max: (@screen-sm-min - 1px); @screen-sm-max: (@screen-md-min - 1px); @screen-md-max: (@screen-lg-min - 1px); @screen-lg-max: (@screen-xl-min - 1px); @screen-xl-max: (@screen-xxl-min - 1px); // Animation @animation-duration-slow: 0.3s; // Modal @animation-duration-base: 0.2s; @animation-duration-fast: 0.1s; // Tooltip // Calibration // --- @calibration-item-height: 10px; @calibration-item-margin: 0 1px; // Abbreviate-card // --- @abbreviate-card-container-max-width:312px; @abbreviate-card-container-max-height: 472px; @abbreviate-card-container-background: #f9f9f9; @abbreviate-card-container-border: 1px solid #e8e8e8; @abbreviate-card-container-border-radius: 2px; @abbreviate-card-header-margin: 16px 0 14px 0; @abbreviate-card-header-font-size: 14px; @abbreviate-card-header-font-weight: 500; @abbreviate-card-header-line-height: 24px; @abbreviate-card-header-color: rgba(0, 0, 0, 0.85); @abbreviate-card-body-padding: 0 12px 12px 12px; @abbreviate-card-img-background: #fff; @abbreviate-card-icon-font-size: 100px; @abbreviate-card-container-hover-border-color: #107cee; @abbreviate-card-container-hover-box-shadow: 0 6px 18px 0 rgba(45, 47, 51, 0.14); // Card-body // --- @card-body-container-min-height: calc(100vh - 100px); @card-body-container-tabset-padding:0 16px; @card-body-container-tabset-tab-icon-margin: 0 0 0 6px; @card-body-content-container-width: calc(100% + 16px); // Card-head-tab // --- @header-tab-common-type-title-min-width: 78px; @header-tab-common-type-title-min-height: 26px; @header-tab-common-type-title-padding: 2px 11px; @header-tab-common-type-title-margin-right: 8px; @header-tab-common-type-title-color: #595959; @header-tab-container-margin-bottom: 19px; @header-tab-title-border-radius:13px; @header-tab-selected-color:#107cee; @header-tab-selected-background-color: rgba(212, 231, 252, 1); // Card // --- @card-item-max-width: 200px; @card-item-margin: 0 16px 16px 0; @card-item-background: #fff; @card-item-border: 1px solid #e8e8e8; @card-item-border-radius: 3px; @card-item-coming-tip-top: 18px; @card-item-coming-tip-left: -5px; @card-item-img-container-height: 155px; @card-item-img-container-background: #f6f7f8; @card-item-img-container-div-firstchild-padding: 8px 0; @card-item-img-container-div-firstchild-margin: 0 auto; @card-item-img-container-div-firstchild-img-max-width: 164px; @card-item-img-container-div-firstchild-img-max-height: 138px; @card-item-img-container-div-firstchild-img-border-radius: 2px; @card-item-img-container-div-firstchild-img-alt-top: 11%; @card-item-img-container-div-firstchild-img-alt-left: 27%; @card-item-img-container-div-firstchild-img-alt-width: 3em; @card-item-img-container-div-firstchild-img-alt-height: 20%; @card-item-img-container-div-firstchild-img-alt-font-size: 12px; @card-item-img-container-div-firstchild-img-alt-font-weight: 500; @card-item-img-container-div-firstchild-img-alt-line-height: 17px; @card-item-img-container-div-firstchild-img-alt-color: #fff; @card-item-img-container-div-firstchild-img-alt-background: #107cee; @card-item-img-container-div-firstchild-img-alt-border-radius: 4px; @card-item-mask-background: rgba(0, 0, 0, 0.55); @card-item-mask-operation-collect-top: 5px; @card-item-mask-operation-collect-right: 5px; @card-item-mask-operation-collect-width: 24px; @card-item-mask-operation-collect-height: 24px; @card-item-mask-operation-collect-background: #fff; @card-item-mask-operation-collect-border-radius: 2px; @card-item-mask-operation-collect-box-shadow: 0 2px 4px 0 rgba(40, 52, 72, 0.1), 0 2px 4px 0 rgba(40, 52, 72, 0.1); @card-item-mask-operation-collect-star-common-font-size: 16px; @card-item-mask-operation-collect-star-color: #f79723; @card-item-mask-operation-btn-margin-top: 35%; @card-item-mask-operation-btn-button-border-radius: 2px; @card-item-mask-operation-btn-button-margin-bottom: 8px; @card-item-info-height: 45px; @card-item-info-padding:0 8px; @card-item-info-margin-top: 8px; @card-item-info-top-img-padding-right: 4px; @card-item-info-top-span-font-size: 14px; @card-item-info-top-span-font-weight: 400; @card-item-info-top-span-line-height: 22px; @card-item-info-top-span-color: rgba(0, 0, 0, 0.85); @card-item-info-bottom-font-size: 12px; @card-item-info-bottom-color: #8c8c8c; @card-item-info-bottom-p-margin: 0; // Fields // --- @fields-color-width: 50px; @fields-color-height: 28px; @fields-color-padding: 0 1px; @fields-icon-font-size: 24px; // Functional-card // --- @functional-card-container-width: 286px; @functional-card-container-height: 240px; @functional-card-container-border-radius: 2px; @functional-card-container-bg-height: 160px; @functional-card-container-bg-padding-left: 16px; @functional-card-container-bg-color: #fff; @functional-card-container-bg-block-i-top: -2px; @functional-card-container-bg-block-font-size: 35px; @functional-card-container-bg-operations-button-width: 120px; @functional-card-container-bg-operations-button-border-radius: 2px; @functional-card-container-bg-operations-button-firstoftype-margin-bottom: 10px; @functional-card-container-bg-title-padding-top: 14px; @functional-card-container-bg-title-margin: 0; @functional-card-container-bg-title-font-size: 16px; @functional-card-container-bg-title-font-weight: 500; @functional-card-container-bg-title-line-height: 28px; @functional-card-container-bg-intro-font-size: 14px; @functional-card-container-bg-intro-opacity: .8; @functional-card-container-bg-intro-after-width: 20px; @functional-card-container-bg-intro-after-padding-top: 20px; @functional-card-container-bg-intro-after-border-bottom: 2px solid #fff; @functional-card-container-detail-padding: 16px 0 16px 16px; @functional-card-container-detail-background: #fff; @functional-card-container-detail-border-radius: 2px; @functional-card-container-detail-name-padding: 0; @functional-card-container-detail-name-margin: 0 0 4px 0; @functional-card-container-detail-name-font-size: 16px; @functional-card-container-detail-name-font-weight: 500; @functional-card-container-detail-name-line-height: 24px; @functional-card-container-detail-desc-padding-top: 3px; @functional-card-container-detail-desc-margin: 0; @functional-card-container-detail-desc-font-size: 12px; @functional-card-container-detail-desc-font-weight: 400; @functional-card-container-detail-desc-line-height: 20px; @functional-card-container-detail-desc-color: #8c8c8c; // Operation // --- @operations-item-padding: 6px 0; @operations-item-diabled-color: #d9d9d9; @operations-item-hover-background: rgba(238, 238, 238, 1); @operations-item-hover-border-radius: 2px; @operations-antion-padding: 0 5px; @operations-antion-color: #595959; @operations-disable-color: rgba(0, 0, 0, 0.45); @operations-item-inner-padding: 4px 6px; @operations-item-inner-margin: 0 -2px; @operations-item-inner-icon-margin-bottom: 2px; @operations-item-inner-icon-font-size: 16px; @operations-item-inner-text-font-size: 12px; @operations-item-inner-anticon-font-size: 12px; @operations-item-inner-anticon-color: #555; @operations-item-divider-margin-right: 10px; @operations-item-divider-inner-width: 1px; @operations-item-divider-inner-background: rgba(232, 232, 232, 1); @operations-zoom-footer-slider-width: 120px; @operations-zoom-drop-btn-width: 80px; @operations-zoom-drop-btn-height: 20px; @operations-zoom-drop-btn-font-size: 12px; @operations-zoom-drop-btn-line-height: 20px; @operations-zoom-drop-btn-border: 1px solid #d9d9d9; @operations-dropdown-padding: 5px 20px 5px 10px; @operations-dropdown-active-color: #107cee; @operations-dropdown-indent-width: 20px; @operations-label-font-weight: 400; @operations-label-input-box-width: 80px; @operations-label-input-box-height: 20px; @operations-label-input-box-padding-right: 12px; @operations-label-input-box-border: 1px solid rgba(217, 217, 217, 1); @operations-label-input-box-border-radius: 2px; @operations-label-input-box-page-height: 18px; @operations-label-input-box-page-padding: 0 2px; @operations-label-input-box-page-line-height: 18px; @operations-label-input-box-current-width: 20px; @operations-label-input-box-total-color: rgba(0, 0, 0, 0.45); // Page-banner // --- @page-banner-container-height: calc(10vh + 5px); @page-banner-container-min-height: 100px; @page-banner-container-padding: 16px; @page-banner-container-margin-bottom: 16px; @page-banner-container-color: #fff; @page-banner-container-page-radius: 2px; @page-banner-container-title-font-size: 16px; @page-banner-container-title-font-weight: 500; @page-banner-container-title-font-height: 22px; @page-banner-container-desc-height: 40px; @page-banner-container-desc-margin-top: 6px; @page-banner-container-font-size: 14px; @page-banner-container-font-weight: 400; @page-banner-container-line-height: 20px; @page-banner-container-color: rgba(255,255,255,0.85); @page-banner-container-icon-top: 8px; @page-banner-container-icon-right: 8px; @page-banner-container-icon-opacity: .6; // Page-container // --- @page-container-background: rgba(246, 247, 251, 1); @page-container-padding: 16px; // Page-picker // --- @page-picker-width: 255px; @page-picker-choose-item-height: 32px; @page-picker-choose-item-line-height: 32px; @page-picker-text-width: 196px; @page-picker-text-margin-left: 24px; @page-picker-bottom-padding-top: 5px; // Single-body-container // --- @single-body-container-min-height: calc(100vh - 100px); @single-body-container-ant-card-head-padding: 10px 16px; @single-body-container-ant-card-body-min-height: calc(100vh - 270px); @single-body-container-ant-card-body-padding: 12px 24px; @single-body-container-tab-icon-margin: 0 0 0 6px; @single-body-container-back-icon-marigin-right: 8px; @single-body-container-padding-ant-card-body-min-height: calc(100vh - 200px); @single-body-container-padding-ant-card-body-min-padding: 12px 0; @single-body-content-container-width: calc(100% + 16px); // Split-layout // --- @split-layout-min-height: 200px; @split-layout-drag-overlay-background: rgba(0, 0, 0, 0); @split-layout-control-content-text-font-size: 12px; @split-layout-control-content-text-font-weight: 400; @split-layout-control-content-text-line-height: 20px; @split-layout-control-content-text-color: rgba(0,0,0,.85); @split-layout-control-content-icon-margin-right: 16px; @split-layout-control-content-icon-nth-last-of-type-margin-right: 0; @split-layout-control-content-icon-i-font-size: 34px; // Table // --- @table-td-padding: 4px 16px; @table-td-font-size: 12px; @table-td-color: #14961e; @table-td-background: rgba(33, 188, 41, 0.3); @table-td-outline: 1px solid #21bc29; @table-td-border: 1px solid #e8e8e8; @table-td-error-color: #ee5144; @table-pagination-margin-top: 5px; // Thumbnail-card // --- @thumbnail-card-container-max-width: 400px; @thumbnail-card-container-border: 1px solid #e8e8e8; @thumbnail-card-checkbox-top: 10px; @thumbnail-card-checkbox-left: 30px; @thumbnail-card-img-height: calc(100vh - 420px); @thumbnail-card-img-border: 1px solid #ddd; @thumbnail-card-status-height: 35px; @thumbnail-card-status-line-height: 35px; @thumbnail-card-status-background: #fafafa; @thumbnail-card-status-box-shadow: 0 -1px 0 0 #e8e8e8; @thumbnail-card-status-i-margin-right: 10px; @thumbnail-card-status-failed-color: #ee5144; @thumbnail-card-status-success-color: #21bc29; @thumbnail-card-type-bottom: 35px; @thumbnail-card-type-height: 35px; @thumbnail-card-type-line-height: 35px; @thumbnail-card-type-color: #fff; @thumbnail-card-type-background: rgba(0, 0, 0, .45); @thumbnail-card-content-bottom: 135px; // Tree-directory // --- @tree-directory-ant-tree-marin-top: 8px; @tree-directory-ant-tree-indent-unit-width: 16px; @tree-directory-ant-tree-treenode-height: 30px; @tree-directory-ant-tree-treenode-padding: 2px; @tree-directory-ant-tree-treenode-font-size: 12px; @tree-directory-ant-tree-treenode-hover: #e8e8e8; // Upload-file // --- @upload-footer-height: 56px; @upload-margin-value: 156px; @upload-header-height: 55px; @upload-background: #fff; @upload-header-container-height: 167px; @upload-header-container-padding: 32px; @upload-header-container-border-radius: 2px; @upload-header-container-name-font-size: 24px; @upload-header-container-name-line-height: 34px; @upload-header-container-name-color: #fff; @upload-container-top: 116px; @upload-container-width: calc(100% - @upload-margin-value*2); @upload-container-background: #fff; @upload-container-border-radius: 2px; @upload-container-box-shadow: 0 1px 5px 0 rgba(45, 47, 51, 0.1); @upload-card-ant-upload-min-height: 240px; @upload-card-ant-upload-background-color: #fff; @upload-card-icon-padding-bottom: 20px; @upload-card-hint-padding-top: 6px; @upload-card-hint-color: #8c8c8c; @upload-footer-background: #f9f9f9; @upload-footer-span-margin-left: 16px; @upload-footer-button-lastchild-margin-right: 8px; @upload-footer-btn-add-margin-right: 8px; @upload-footer-btn-add-color: #39adfa; @upload-footer-btn-add-background: #fff; @upload-footer-btn-add-border-color: #39adfa; @upload-header-container-name-font-weight: 500; // Upload-file-list // --- @upload-list-footer-height: 56px; @upload-list-card-ant-upload-min-height: 240px; @upload-list-card-ant-upload-background-color: #fff; @upload-list-card-icon-margin-bottom: 20px; @upload-list-card-i-font-size: 88px; @upload-list-card-i-color: #d0d5e0; @upload-list-footer-background: #f9f9f9; @upload-list-footer-span-margin-left: 16px; @upload-list-footer-button-lastchild-margin: 0 8px 0 8px; @upload-list-footer-btn-add-color: #39adfa; @upload-list-border-color: #39adfa; // Upload-single-file // --- @upload-single-container-footer-right: 16px; @upload-single-container-footer-bottom: 16px; // Widgets // --- @detail-title-padding-left: 5px; @detail-title-font-size: 16px; @detail-title-font-weight: 500; @detail-title-line-height: 24px; @detail-title-border-left: 3px solid @primary-color; @go-back-margin-top: 10px; @go-back-line-height: 20px; @go-back-icon-margin-bottom: 2px; @go-back-icon-font-size: 16px; @go-back-text-font-size: 12px; @search-input-width: 240px; // Footer-operations-bar // --- @footer-operations-bar-height:32px; @footer-operations-bar-width:100%; @footer-operations-bar-background-color:#f9f9f9; @footer-operations-bar-box-shadow:0 0 0 0 #d9d9d9; // Upload-page // --- @upload-page-min-height: 660px; @upload-page-body-height: calc(100% - @upload-header-container-height); //fileDisplay // --- @file-display-container-margin:15%; @file-display-container-background: #fff; @file-display-box-shadow: 0 1px 5px 0 rgba(45, 47, 51, 0.1); @file-display-header-height: 50px; @file-display-header-padding-left: @padding-lg; @file-display-header-font-weight:400; @file-display-header-color: rgba(0, 0, 0, 0.85); @file-display-header-border-bottom: 1px solid #f0f0f0; @file-display-body-height: 305px; @file-display-clear-padding-left: @padding-xss; @file-display-clear-font-size: @font-size-sm; @file-display-clear-color: rgba(0, 0, 0, 0.45); @file-display-item-content-height: 48px; @file-display-item-content-padding: 0 48px 0 24px; @file-display-item-name-width: 50%; @file-display-item-size-min-width: 40px; @file-display-item-size-padding: 0 @padding-xs; @file-display-item-size-font-size: @font-size-sm; @file-display-item-size-color: rgba(0, 0, 0, 0.85); @file-display-item-size-background: #f9f9f9; @file-display-item-progress-line-height: 2px; @file-display-item-icon-container-width: 190px; @file-display-footer-line-height: 64px; // Statistics // --- @statistics-card-border-left: 4px solid; @statistics-card-ant-card-body-padding: 24px 32px 24px 15px; @statistics-card-avatar-width: 64px; @statistics-card-avatar-height: 64px; @statistics-card-right-content-margin-left: 72px; @statistics-card-right-content-color: #333; @statistics-card-title-content-margin-left: 8px; @statistics-card-title-content-font-size: 14px; @statistics-card-title-content-color: #b4b7c7; @statistics-card-title-desc-margin-left: 8px; @statistics-card-title-desc-font-size: 30px; @statistics-card-title-desc-color: #333; @statistics-feature-card-cell-padding: 12px 24px; @statistics-feature-card-cell-margin-bottom: 12px; @statistics-feature-card-cell-font-size: 14px; @statistics-feature-card-cell-color: #666; @statistics-feature-card-cell-background: #f4f8fd; @statistics-feature-card-cell-firstspan-margin-right: 12px; @statistics-feature-card-cell-firstspan-color: #3079d9; @statistics-doc-card-ant-card-body-padding: 0; @statistics-doc-card-icon-content-img-width: 36px; @statistics-doc-card-icon-content-img-height: 36px; @statistics-doc-card-icon-content-img-margin-right: 12px; @statistics-doc-card-icon-content-img-border-radius: 4px; @statistics-doc-card-icon-content-font-width: 36px; @statistics-doc-card-icon-content-font-height: 36px; @statistics-doc-card-icon-content-font-margin-right: 12px; @statistics-doc-card-icon-content-font-font-size: 18px; @statistics-doc-card-icon-content-font-line-height: 36px; @statistics-doc-card-icon-content-font-color: #fff; @statistics-doc-card-icon-content-font-background: rgb(243, 137, 0); @statistics-doc-card-icon-content-font-border-radius: 4px; @statistics-doc-card-desc-padding-left: 12px; @statistics-doc-card-desc-font-size: @font-size-base; @statistics-doc-card-desc-font-weight: 500; @statistics-doc-card-desc-color: #333; @statistics-doc-card-intro-padding-left: 12px; @statistics-doc-card-intro-margin-top: 8px; @statistics-doc-card-intro-font-weight: 400; @statistics-doc-card-intro-color: rgba(59, 73, 97, 0.65); // SiderbarMenu // --- @sidebar-menu-background: #f9f9f9; @sidebar-menu-body-width: 230px; @sidebar-menu-height-base: 100%; @sidebar-menu-header-height: 36px; @sidebar-menu-header-borderBottom: 1px solid #d9d9d9; @sidebar-menu-header-minus-marginRight: 40px; @sidebar-menu-detail-info-container-padding: 0 12px; @sidebar-menu-detail-info-block-paddingBottom: @padding-md; @sidebar-menu-detail-info-block-fontWeight: 400; @sidebar-menu-detail-info-keyName-width:60px; @sidebar-menu-detail-info-keyName-paddingRight: @padding-xs; @sidebar-menu-detail-info-keyName-color: rgba(0, 0, 0, 0.45); @sidebar-menu-detail-info-keyValue-color: rgba(0, 0, 0, 0.85); @sidebar-menu-search-container-paddingLeft: @padding-sm; @sidebar-menu-search-checkbox-padding: 0 12px 10px 0; @sidebar-menu-search-result-padding: 8px 12px 2px 0; @sidebar-menu-search-tree-item-width: 100%; @sidebar-menu-search-tree-item-padding:6px 2px; @sidebar-menu-search-hightlight-word-color: #c02600; @sidebar-menu-search-tree-title-color: rgba(0, 0, 0, 0.85); @sidebar-menu-search-tree-leaf-paddingLeft: @padding-lg; @sidebar-menu-search-loading-paddingTop: 40px; @sidebar-menu-shortcut-container-padding: 0 12px; @sidebar-menu-shortcut-title-padding: 12px 0; @sidebar-menu-shortcut-title-fontsize: 14px; @sidebar-menu-shortcut-title-lineheight: 20px; @sidebar-menu-shortcut-title-font-weight: 500; @sidebar-menu-shortcut-boxshadow: 0px 1px #d9d9d9; @sidebar-menu-shortcut-block-padding: 6px 0; @sidebar-menu-shortcut-block-fontsize: 12px; @sidebar-menu-shortcut-block-lineheight: 20px; @sidebar-menu-shortcut-block-shortcut-color: rgba(0,0,0,0.65); //Formula-block //------------- @formula-block-paddings:12px; @formula-block-background: #f6f7f9; @formula-block-container-lineHeight: 20px; @formula-block-container-fontSize: 12px; @formula-block-container-color: rgba(0, 0, 0, 0.65); @formula-block-key-content-margin: 0 0 12px 2px; @formula-block-key-content-background: #fff; @formula-block-correct-value-color: #21bc29; @formula-block-error-textDecoration: line-through red;