amis/lib/themes/cxd.css.map

一种MIS页面生成工具

{
    "version": 3,
    "file": "cxd.css",
    "sources": [
        "/scss/themes/cxd.scss",
        "/scss/_functions.scss",
        "/scss/_variables.scss",
        "/scss/_mixins.scss",
        "/scss/base/_reset.scss",
        "/scss/base/_normalize.scss",
        "/scss/base/_typography.scss",
        "/scss/layout/_layout.scss",
        "/scss/layout/_grid.scss",
        "/scss/layout/_aside.scss",
        "/scss/layout/_hbox.scss",
        "/scss/layout/_vbox.scss",
        "/scss/components/_modal.scss",
        "/scss/components/_drawer.scss",
        "/scss/components/_tooltip.scss",
        "/scss/components/_popover.scss",
        "/scss/components/_toast.scss",
        "/scss/components/_alert.scss",
        "/scss/components/_tabs.scss",
        "/scss/components/_nav.scss",
        "/scss/components/_page.scss",
        "/scss/components/_remark.scss",
        "/scss/components/_chart.scss",
        "/scss/components/_video.scss",
        "/scss/components/_audio.scss",
        "/scss/components/_panel.scss",
        "/scss/components/_service.scss",
        "/scss/components/_spinner.scss",
        "/scss/components/_button.scss",
        "/scss/components/_button-group.scss",
        "/scss/components/_dropdown.scss",
        "/scss/components/_collapse.scss",
        "/scss/components/_wizard.scss",
        "/scss/components/_crud.scss",
        "/scss/components/_table.scss",
        "/scss/components/_list.scss",
        "/scss/components/_cards.scss",
        "/scss/components/_card.scss",
        "/scss/components/_quick-edit.scss",
        "/scss/components/_popoverable.scss",
        "/scss/components/_copyable.scss",
        "/scss/components/_divider.scss",
        "/scss/components/_pagination.scss",
        "/scss/components/_wrapper.scss",
        "/scss/components/_status.scss",
        "/scss/components/_carousel.scss",
        "/scss/components/form/_fieldset.scss",
        "/scss/components/form/_group.scss",
        "/scss/components/form/_input-group.scss",
        "/scss/components/form/_text.scss",
        "/scss/components/form/_textarea.scss",
        "/scss/components/form/_checks.scss",
        "/scss/components/form/_city.scss",
        "/scss/components/form/_switch.scss",
        "/scss/components/form/_number.scss",
        "/scss/components/form/_select.scss",
        "/scss/components/form/_list.scss",
        "/scss/components/form/_matrix.scss",
        "/scss/components/form/_color.scss",
        "/scss/components/form/_date.scss",
        "/scss/components/form/_date-range.scss",
        "/scss/components/form/_image.scss",
        "/scss/components/form/_file.scss",
        "/scss/components/form/_editor.scss",
        "/scss/components/form/_rich-text.scss",
        "/scss/components/form/_range.scss",
        "/scss/components/form/_repeat.scss",
        "/scss/components/form/_tree.scss",
        "/scss/components/form/_tree-select.scss",
        "/scss/components/form/_combo.scss",
        "/scss/components/form/_sub-form.scss",
        "/scss/components/form/_chained-select.scss",
        "/scss/components/form/_picker.scss",
        "/scss/components/form/_qr-code.scss",
        "/scss/components/form/_tag.scss",
        "/scss/components/form/_rating.scss",
        "/scss/components/form/_form.scss",
        "/scss/components/form/_transfer-select.scss",
        "/scss/components/form/_nested-select.scss",
        "/scss/components/form/_icon-picker.scss",
        "/scss/_utilities.scss"
    ],
    "sourcesContent": [
        "// 百度云舍主题：http://console.yunshe.design/docs/index\n// 更新时间: 2019-08-14 14:31:00\n@import \"../functions\";\n$remFactor: 16px;\n\n$ns: \"cxd-\";\n\n$info: #108cee;\n$primary: #108cee;\n$success: #5fb333;\n$warning: #f39000;\n$danger: #ea2e2e;\n$light: #eaf6fe;\n$white: #fff;\n\n$info-bg: #eaf6fe;\n$success-bg: #f1fdeb;\n$warning-bg: #fcf7f1;\n$danger-bg: #fff5f5;\n\n$body-bg: #ffffff;\n$text-color: #666;\n$text--muted-color: #999;\n$text--loud-color: #333;\n$borderColor: #e8ebee;\n\n$link-onHover-decoration: none;\n\n$Layout-header-boxShadow: none;\n$Layout-header-bg: #F5F5F5;\n$Layout-aside-width: px2rem(180px);\n$Layout-aside-bg: #1E1E28;\n$Layout-brand-bg: #0F1012;\n$Layout-brand-color: #fff;\n$Layout-asideLink-iconColor: rgba(255, 255, 255, 0.6);\n$Layout-asideLink-color: #fff;\n$Layout-asideLink-onHover-iconSize: px2rem(16px);\n$Layout-asideLink-onHover-iconColor: #108cee;\n$Layout-asideLink-fontSize: px2rem(12px);\n$Layout-asideLink-arrowFontSize: px2rem(12px);\n$Layout-asideLink-arrowVendor: \"iconfont\";\n$Layout-asideLink-arrowIcon: '__scss_backup_0';\n$Layout-asideLink-arrowColor: #8d99b0;\n$Layout-asideLink-onHover-arrowColor: #fff;\n$Layout-headerBar-borderBottom: 0 none;\n$Layout-asideDivider-margin: 0 px2rem(10px);\n$Layout-asideDivider-bg: #3c3c4d;\n$Layout-nav--folded-height: px2rem(40px);\n\n$Page-aside-bg: #ffffff;\n$Page-aside-width: px2rem(160px);\n$Page-content-paddingY: 0;\n$Page-content-paddingX: 0;\n$Page-main-bg: #fff;\n$Page-body-padding: px2rem(20px);\n$Page-title-fontSize: px2rem(16px);\n$Page-title-color: #000;\n$Page-title-lineHeight: 1.75;\n$Page-header-paddingX: px2rem(20px);\n$Page-header-paddingY: px2rem(10px);\n\n$Form-item-gap: px2rem(20px);\n$Form-input-height: px2rem(30px);\n$Form-input-onFocused-bg: $white;\n$Form-input-borderRadius: 0;\n$Form-input-borderColor: #ccc;\n$Form-input-onFocused-borderColor: $primary;\n$Form-input-onError-borderColor: #d0021b;\n$Form-input-paddingX: px2rem(10px);\n$Form-fontSize: px2rem(12px);\n$Form-description-color: #999;\n$Form-input-onError-bg: #fffbfb;\n$Form-input-onDisabled-bg: #f5f5f5;\n$Form-input-onDisabled-borderColor: #ebebeb;\n$Form--horizontal-label-widthBase: px2rem(90px);\n$Form--horizontal-label-align: left;\n$Form--horizontal-label-widthXs: px2rem(50px);\n$Form--horizontal-label-widthSm: px2rem(70px);\n$Form--horizontal-label-widthMd: px2rem(140px);\n$Form--horizontal-label-widthLg: px2rem(190px);\n$Form-input-addOnBg: $white;\n$Form-input-addOnColor: #666;\n$Form-input-onFocus-addOnColor: $primary;\n$Form-input-addOnDividerBorderWidth: 0;\n\n$Form-select-borderWidth: px2rem(1px);\n$Form-select-borderRadius: 0;\n$Form-select-borderColor: #ccc;\n$Form-select-bg: $white;\n$Form-select-onHover-bg: $white;\n$Form-select-onHover-borderColor: $primary;\n$Form-select-placeholderColor: #999;\n$Form-select-color: #000;\n$Form-select-caret-vender: \"iconfont\";\n$Form-select-caret-icon: '__scss_backup_1';\n$Form-select-caret-iconColor: #999;\n$Form-select-caret-onHover-iconColor: $primary;\n$Form-select-caret-fontSize: px2rem(12px);\n$Form-select-outer-borderWidth: 0;\n$Form-select-outer-top: px2rem(32px);\n$Form-select-outer-boxShadow: px2rem(2px) px2rem(4px) px2rem(8px) rgba(0, 0, 0, 0.2);\n$Form-select-menu-color: #333;\n$Form-select-menu-onHover-color: #000;\n$Form-select-menu-onHover-bg: #eaf6fe;\n\n$InputGroup-select-borderWidth: px2rem(1px);\n$InputGroup-select-bg: #f6f7fb;\n$InputGroup-select-onFocused-bg: #eaf6fe;\n$InputGroup-select-color: #333;\n$InputGroup-select-onFocused-color: $primary;\n$InputGroup-select-arrowColor: #999;\n$InputGroup-select-onFocused-arrowColor: $primary;\n$InputGroup-button-borderWidth: px2rem(1px);\n$InputGroup-button-borderRadius: 0;\n\n// $Number-bg: #eaf6fe;\n$Number-borderWidth: px2rem(1px);\n$Number-handler-mode: \"horizontal\";\n$Number-handler-borderBottom: 0;\n$Number-handler-width: px2rem(20px);\n$Number-handler-color: #666;\n$Number-handler-onDisabled-color: #999;\n// $Number-handler-bg: $info;\n$Number-handler-onHover-bg: $white;\n$Number-handler-onHover-color: $primary;\n$Number-handler-onActive-bg: #f3f9fe;\n$Number-handler-onDisabled-bg: #f5f5f5;\n$Number-handler-fontFamily: \"iconfont\";\n$Number-handler-fontSize: px2rem(12px);\n$Number-handler--up-content: '__scss_backup_2';\n$Number-handler--up-transform: rotate(180deg);\n$Number-handler--down-content: '__scss_backup_3';\n\n$Checkbox-size: px2rem(14px);\n$Checkbox-inner-size: px2rem(8px);\n$Checkbox--full-inner-size: px2rem(10px);\n$Radio-size: px2rem(16px);\n$Radio-inner-size: px2rem(10px);\n\n$Switch-bgColor: #ccc;\n$Switch-borderColor: #f0f0f0;\n$Switch-onActive-bgColor: $primary;\n$Switch-onDisabled-bgColor: #f5f5f5;\n$Switch-onDisabled-color: #ccc;\n$Switch-onDisabled-circle-BackgroundColor: #ccc;\n\n$ColorPicker-borderWidth: px2rem(1px);\n$ColorPicker-borderRadius: 0;\n$ColorPicker-bg: $white;\n$ColorPicker-onHover-bg: $white;\n$ColorPicker-onHover-borderColor: $primary;\n$ColorPicker-color: #000;\n$ColorPicker-placeholderColor: #999;\n$ColorPicker-onDisabled-bg: #f5f5f5;\n$ColorPicker-onDisabled-color: #999;\n\n$DatePicker-borderWidth: px2rem(1px);\n$DatePicker-borderRadius: 0;\n$DatePicker-bg: $white;\n$DatePicker-onHover-bg: $white;\n$DatePicker-color: #000;\n$DatePicker-placeholderColor: #999;\n$DatePicker-onDisabled-bg: #f5f5f5;\n$DatePicker-onDisabled-color: #999;\n$DatePicker-iconColor: #666;\n$DatePicker-onHover-iconColor: $primary;\n$DatePicker-onHover-borderColor: $primary;\n$DatePicker-toggler-vendor: \"iconfont\";\n$DatePicker-toggler-fontSize: px2rem(12px);\n$DatePicker-toggler-icon: '__scss_backup_4';\n$DatePicker-prevBtn-vendor: \"iconfont\";\n$DatePicker-prevBtn-fontSize: px2rem(14px);\n$DatePicker-prevBtn-icon: '__scss_backup_5';\n$DatePicker-nextBtn-vendor: \"iconfont\";\n$DatePicker-nextBtn-fontSize: px2rem(14px);\n$DatePicker-nextBtn-icon: '__scss_backup_6';\n\n$Calendar-input-borderRadius: 0;\n\n// button\n$Button-mimWidth: px2rem(68px);\n$Button-borderWidth: px2rem(1px);\n$Button-boxShadow: none;\n$Button-onActive-boxShadow: none;\n$Button-borderRadius: 0;\n$Button--lg-borderRadius: 0;\n$Button--sm-borderRadius: 0;\n$Button-onDisabled-opacity: 1;\n$Button-onDisabled-bg: #f5f5f5;\n$Button-onDisabledActive-bg: #f5f5f5;\n$Button-onDisabled-borderColor: #ebebeb;\n$Button-onDisabled-color: #aaa;\n$Button-paddingX: px2rem(10px);\n\n$Button--lg-height: px2rem(40px);\n$Button--lg-fontSize: px2rem(14px);\n\n$Button--default-bg: $white;\n$Button--default-border: #cccccc;\n$Button--default-color: #000;\n$Button--default-onHover-bg: $white;\n$Button--default-onHover-border: $primary;\n$Button--default-onHover-color: $primary;\n$Button--default-onActive-bg: #108cee0d;\n$Button--default-onActive-border: $primary;\n$Button--default-onActive-color: $primary;\n\n$Button--primary-bg: $primary;\n$Button--primary-border: $primary;\n$Button--primary-onHover-bg: #209bfd;\n$Button--primary-onHover-border: $primary;\n$Button--primary-onHover-color: $white;\n$Button--primary-onActive-bg: #047bdb;\n$Button--primary-onActive-border: $primary;\n$Button--primary-onActive-color: $white;\n\n$Button--danger-bg: #ea2e2e;\n$Button--danger-onHover-bg: #f64545;\n$Button--danger-onActive-bg: #d72b2b;\n\n$ButtonGroup-divider-width: px2rem(1px);\n$ButtonGroup-divider-color: #fff;\n$ButtonGroup--primary-isActive-color: $primary;\n$ButtonGroup--primary-isActive-bg: $white;\n\n$Button--link-color: $primary;\n$Button--link-onHover-color: #209bfd;\n\n$Spinner-bg: url(\"./spinner-cxd.svg\");\n\n$Crud-toolbar-gap: px2rem(10px);\n\n// Table\n$Table-bg: #fff;\n$Table-fontSize: px2rem(12px);\n$Table-color: #333;\n$Table-thead-color: #333;\n$Table-lineHeight: 20 / 12;\n$Table-borderColor: #F5F5F5;\n$Table-thead-bg: #F5F5F5;\n$Table-thead-borderColor: #fff;\n$Table-thead-iconColor: #999;\n$Table-strip-bg: transparent;\n$Table-onHover-bg: #f5fbff;\n$Table-onHover-borderColor: #eceff8;\n$Table-onChecked-bg: transparent;\n$Table-onChecked-borderColor: #eceff8;\n$Table-onChecked-color: #333;\n$Table-onChecked-onHover-bg: #f5fbff;\n$Table-onChecked-onHover-borderColor: #eceff8;\n$Table-onChecked-onHover-color: #666;\n$TableCell-paddingX: px2rem(10px);\n\n$TableCell-sortBtn-width: px2rem(14px);\n$TableCell-sortBtn--down-iconVendor: \"iconfont\";\n$TableCell-sortBtn--down-icon: '__scss_backup_7';\n$TableCell-sortBtn--up-iconVendor: \"iconfont\";\n$TableCell-sortBtn--up-icon: '__scss_backup_8';\n$TableCell-sortBtn--default-iconVendor: \"iconfont\";\n$TableCell-sortBtn--default-icon: '__scss_backup_9';\n$TableCell-sortBtn--default-opacity: 0;\n$TableCell-sortBtn--default-onActive-opacity: 1;\n\n$TableCell-filterPopOver-dropDownItem-height: px2rem(30px);\n$TableCell-filterPopOver-dropDownItem-padding: 0 px2rem(10px);\n\n// listControl\n$ListControl-item-borderWidth: px2rem(1px);\n$ListControl-item-borderColor: #ccc;\n$ListControl-item-paddingX: px2rem(10px);\n$ListControl-item-bg: $Button--default-bg;\n$ListControl-item-color: $Button--default-color;\n\n$ListControl-item-onHover-color: $primary;\n$ListControl-item-onHover-bg: $Button--default-onHover-bg;\n$ListControl-item-onHover-borderColor: $primary;\n\n$ListControl-item-onActive-bg: $white;\n$ListControl-item-onActive-onHover-bg: $white;\n$ListControl-item-onActive-color: $primary;\n$ListControl-item-onActive-borderColor: $primary;\n$ListControl-item-onActive-before-bg: $primary;\n$ListControl-item-onActive-after-borderColor: $white;\n\n$ListControl-item-onDisabled-opacity: 1;\n$ListControl-item-onDisabled-bg: #f5f5f5;\n$ListControl-item-onDisabled-color: #999;\n$ListControl-item-onDisabled-borderColor: #ebebeb;\n\n// 图片上传\n$ImageControl-addBtn-bg: #fff;\n$ImageControl-addBtn-border: px2rem(1px) solid #dbdbdb;\n$ImageControl-addBtn-color: #666;\n$ImageControl-addBtn-onHover-bg: $ImageControl-addBtn-bg;\n$ImageControl-addBtn-onHover-border: $primary;\n$ImageControl-addBtn-onHover-color: $primary;\n$ImageControl-addBtn-onActive-bg: #f3f9fe;\n$ImageControl-addBtn-onActive-border: $primary;\n$ImageControl-addBtn-onActive-color: $primary;\n$ImageControl-addBtn-onDisabled-bg: #f5f5f5;\n$ImageControl-addBtn-onDisabled-border: #ebebeb;\n$ImageControl-addBtn-onDisabled-color: #ccc;\n\n// Modal\n$Modal-overlay-bg: rgba(0, 0, 0, 0.7);\n$Modal-content-borderWidth: 0;\n$Modal-content-borderRadius: 0;\n$Modal-content-minHeight: px2rem(193px);\n$Modal-header-bg: #f6f7fb;\n$Modal-title-color: #333;\n$Modal-body-paddingY: px2rem(30px);\n$Modal-body-paddingX: px2rem(30px);\n$Modal-body-borderTop: none;\n$Modal-body-borderBottom: px2rem(1px) solid #eceff8;\n$Modal-footer-marginX: px2rem(30px);\n$Modal-footer-padding: px2rem(15px) 0;\n\n// Remark\n$Remark-icon-fontSize: px2rem(12px);\n$Remark-iconColor: #999;\n$Remark-onHover-iconColor: #fff;\n$Remark-bg: #fff;\n$Remark-onHover-bg: #f38900;\n$Remark-borderWidth: px2rem(1px);\n$Remark-borderColor: #999;\n$Remark-onHover-borderColor: #f38900;\n\n// Wizard\n$Wizard-steps-bg: #fff;\n$Wizard-steps-borderWidth: 0;\n$Wizard-steps-textAlign: center;\n$Wizard-steps-ulDisplay: inline-block;\n$Wizard-steps-height: px2rem(60px);\n$Wizard-steps-padding: px2rem(10) 0;\n$Wizard-steps-liVender: \"iconfont\";\n$Wizard-steps-liAfterContent: '__scss_backup_10';\n$Wizard-steps-liAfterBorder: 0 !important;\n$Wizard-steps-li-onActive-color: #333333;\n$Wizard-steps-bg--isComplete: #fff;\n$Wizard-badge-size: px2rem(26px);\n$Wizard-badge-color: #999999;\n$Wizard-badge-onActive-backgroundColor: #333333;\n$Wizard-badge-fontSize: px2rem(14px);\n$Wizard-badge-border: px2rem(1px) solid #999999;\n$Wizard-badge-borderRadius: 50%;\n$Wizard-badge-bg: $white;\n$Wizard-badge-marginRight: px2rem(6px);\n\n// Tabs\n$Tabs-linkFontSize: px2rem(14px);\n$Tabs--card-onActive-borderColor: $white;\n$Tabs--radio-bg: $white;\n\n\n// Pagination\n$Pagination-arrowVendor: \"iconfont\";\n$Pagination-prevArrowContent: '__scss_backup_11';\n$Pagination-nextArrowContent: '__scss_backup_12';\n$Pagination-fontSize: px2rem(12px);\n$Pagination-onActive-backgroundColor: $white;\n$Pagination-onActive-color: $primary;\n$Pagination-onActive-border: px2rem(1px) solid $primary;\n\n// Panel\n$Panel-borderRadius: 0;\n$Panel-fixedBottom-boxShadow: 0 -2px 10px 0 rgba(0, 0, 0, 0.05);\n\n// Nav\n$Nav-item-fontSize: px2rem(16px);\n$Nav-item-borderRadius: 0;\n$Nav-item-onActive-bg: #f6f7fb;\n$Nav-item-onActive-color: $primary;\n$Nav-item-onActive-borderLeft: px2rem(4px) solid $primary;\n$Nav-subItem-fontSize: px2rem(12px);\n$Nav-subItem-onActiveBeforeBg: $primary;\n\n// Range\n$InputRange-label--value-display: none;\n\n// TransferSelect\n$TransferSelect--table-heading-bg: $white;\n$TransferSelect--normal-heading-bg: #f6f7fb;\n$TransferSelect-heading-borderBottom: 0;\n\n// Alert\n$Alert-xs: px2rem(5px);\n$Alert-md: px2rem(20px);\n\n$Alert-height: px2rem(30px);\n$Alert-fontSize: px2rem(12px);\n$Alert-paddingX: $Alert-md;\n$Alert-paddingY: $Alert-xs;\n$Alert-borderRadius: 0;\n$Alert-marginBottom: $Alert-md;\n\n$Alert--danger-color: #333;\n$Alert--danger-bg: $danger-bg;\n$Alert--danger-borderColor: transparent;\n\n$Alert--info-color: #333;\n$Alert--info-bg: $info-bg;\n$Alert--info-borderColor: transparent;\n\n$Alert--success-color: #333;\n$Alert--success-bg: $success-bg;\n$Alert--success-borderColor: transparent;\n\n$Alert--warning-color: #333;\n$Alert--warning-bg: $warning-bg;\n$Alert--warning-borderColor: transparent;\n\n// Toast\n\n$Toast-xs: px2rem(5px);\n$Toast-sm: px2rem(10px);\n$Toast-base: px2rem(15px);\n$Toast-md: px2rem(20px);\n$Toast-lg: px2rem(30px);\n\n// Toast size\n$Toast-width: px2rem(300px);\n$Toast-borderRadius: 0;\n$Toast-paddingY: $Toast-xs;\n$Toast-paddingX: $Toast-md;\n$Toast-paddingL: px2rem(26px);\n$Toast--info-paddingL: 0;\n$Toast-border-width: px2rem(1px);\n$Toast-icon-fontSize: px2rem(16px);\n$Toast-opacity: 1;\n$Toast-display: inline-block;\n\n// Toast color\n$Toast-color: $white;\n\n$Toast--danger-color: $danger;\n$Toast--danger-bgColor: $danger-bg;\n$Toast--danger-borderColor: $danger;\n\n$Toast--info-color: $info;\n$Toast--info-bgColor: $info-bg;\n$Toast--info-borderColor: $info;\n\n$Toast--success-color: $success;\n$Toast--success-bgColor: $success-bg;\n$Toast--success-borderColor: $success;\n\n$Toast--warning-color: $warning;\n$Toast--warning-bgColor: $warning-bg;\n$Toast--warning-borderColor: $warning;\n\n$Toast-iconVendor: \"iconfont\";\n\n$Toast--error-icon: '__scss_backup_13';\n$Toast--warning-icon: '__scss_backup_14';\n$Toast--info-icon: \"\";\n$Toast--success-icon: '__scss_backup_15';\n\n$TagControl-sugTip-color: $primary;\n\n// Card\n$Card-onChecked-bg: $white;\n$Card-onChecked-borderColor: $primary;\n$Card-onChecked-color: $primary;\n\n$Card-onModified-bg: #108cee0d;\n$Card-onModified-borderColor: $primary;\n$Card-onModified-color: $primary;\n\n$Card-actions-onHover-bg: white;\n$Card-actions-onHover-color: $primary;\n$Card-actions-onChecked-onHover-bg: $white;\n\n\n@import \"../variables\";\n@import \"../mixins\";\n@import \"../base/reset\";\n@import \"../base/normalize\";\n@import \"../base/typography\";\n\n@import \"../layout/layout\";\n@import \"../layout/grid\";\n@import \"../layout/aside\";\n@import \"../layout/hbox\";\n@import \"../layout/vbox\";\n@import \"../components/modal\";\n@import \"../components/drawer\";\n@import \"../components/tooltip\";\n@import \"../components/popover\";\n@import \"../components/toast\";\n@import \"../components/alert\";\n@import \"../components/tabs\";\n@import \"../components/nav\";\n@import \"../components/page\";\n@import \"../components/remark\";\n@import \"../components/chart\";\n@import \"../components/video\";\n@import \"../components/audio\";\n@import \"../components/panel\";\n@import \"../components/service\";\n@import \"../components/spinner\";\n@import \"../components/button\";\n@import \"../components/button-group\";\n@import \"../components/dropdown\";\n@import \"../components/collapse\";\n@import \"../components/wizard\";\n@import \"../components/crud\";\n@import \"../components/table\";\n@import \"../components/list\";\n@import \"../components/cards\";\n@import \"../components/card\";\n@import \"../components/quick-edit\";\n@import \"../components/popoverable\";\n@import \"../components/copyable\";\n@import \"../components/divider\";\n@import \"../components/pagination\";\n@import \"../components/wrapper\";\n@import \"../components/status\";\n@import \"../components/carousel\";\n\n@import \"../components/form/fieldset\";\n@import \"../components/form/group\";\n@import \"../components/form/input-group\";\n@import \"../components/form/text\";\n@import \"../components/form/textarea\";\n@import \"../components/form/checks\";\n@import \"../components/form/city\";\n@import \"../components/form/switch\";\n@import \"../components/form/number\";\n@import \"../components/form/select\";\n@import \"../components/form/list\";\n@import \"../components/form/matrix\";\n@import \"../components/form/color\";\n@import \"../components/form/date\";\n@import \"../components/form/date-range\";\n@import \"../components/form/image\";\n@import \"../components/form/file\";\n@import \"../components/form/editor\";\n@import \"../components/form/rich-text\";\n@import \"../components/form/range\";\n@import \"../components/form/repeat\";\n@import \"../components/form/tree\";\n@import \"../components/form/tree-select\";\n@import \"../components/form/combo\";\n@import \"../components/form/sub-form\";\n@import \"../components/form/chained-select\";\n@import \"../components/form/picker\";\n@import \"../components/form/qr-code\";\n@import \"../components/form/tag\";\n@import \"../components/form/rating\";\n@import \"../components/form/form\";\n@import \"../components/form/transfer-select\";\n@import \"../components/form/nested-select\";\n@import \"../components/form/icon-picker\";\n\n@import \"../utilities\";",
        "//下一个断点\n@function breakpoint-next(\n    $name,\n    $breakpoints: breakpoints,\n    $breakpoint-names: map-keys($breakpoints)\n) {\n    $n: index($breakpoint-names, $name);\n    @return if(\n        $n < length($breakpoint-names),\n        nth($breakpoint-names, $n + 1),\n        null\n    );\n}\n\n//断点最小值\n@function breakpoint-min($name, $breakpoints: $breakpoints) {\n    $min: map-get($breakpoints, $name); // @return if($min != 0, $min, null);\n    @return $min;\n}\n\n//断点最大值\n@function breakpoint-max($name, $breakpoints: $breakpoints) {\n    $next: breakpoint-next($name, $breakpoints);\n    @return if($next, breakpoint-min($next, $breakpoints) - 1px, null);\n}\n\n//生成类名“-sm、-md、-lg、-cl” -xs?\n@function breakpoint-infix($name, $breakpoints: $breakpoints) {\n    @return if(breakpoint-min($name, $breakpoints) ==null, \"\", \"-#{$name}\");\n}\n\n@function px2rem($pixels, $context: $remFactor) {\n    @if (unitless($pixels)) {\n        $pixels: $pixels * 1px;\n    }\n\n    @if (unitless($context)) {\n        $context: $context * 1px;\n    }\n\n    @return $pixels / $context * 1rem;\n}\n",
        "// 类名前缀\n$ns: '' !default;\n\n// 颜色\n$white: #fff !default;\n$gray100: #f8f9fa !default;\n$gray200: #e9ecef !default;\n$gray300: #dee2e6 !default;\n$gray400: #ced4da !default;\n$gray500: #adb5bd !default;\n$gray600: #6c757d !default;\n$gray700: #495057 !default;\n$gray800: #343a40 !default;\n$gray900: #212529 !default;\n$black: #000 !default;\n\n$orange: #fd7e14 !default;\n$yellow: #ffc107 !default;\n$green: #28a745 !default;\n$turquoise: #00d1b2 !default;\n$cyan: #17a2b8 !default;\n$blue: #007bff !default;\n$purple: #6f42c1 !default;\n$red: #dc3545 !default;\n\n$primary: $blue !default;\n$secondary: $gray600 !default;\n$success: $green !default;\n$info: $cyan !default;\n$warning: $yellow !default;\n$danger: $red !default;\n$light: $gray100 !default;\n$dark: $gray800 !default;\n\n$remFactor: 16px !default;\n\n// 字体相关\n$fontFamilySansSerif: -apple-system,\nBlinkMacSystemFont,\n'SF Pro SC',\n'SF Pro Text',\n'Helvetica Neue',\nHelvetica,\n'PingFang SC',\n'Segoe UI',\nRoboto,\n'Hiragino Sans GB',\n'Arial',\n'microsoft yahei ui',\n'Microsoft YaHei',\nSimSun,\nsans-serif !default;\n$fontFamilyMonospace: SFMono-Regular,\nMenlo,\nMonaco,\nConsolas,\n'Liberation Mono',\n'Courier New',\nmonospace !default;\n$fontFamilyBase: $fontFamilySansSerif !default;\n\n$fontSizeBase: px2rem(14px) !default; // Assumes the browser default, typically `16px`\n$fontSizeMd: px2rem(16px) !default;\n$fontSizeLg: px2rem(20px) !default;\n$fontSizeXl: px2rem(24px) !default;\n$fontSizeSm: px2rem(12px) !default;\n$fontSizeXs: px2rem(11px) !default;\n\n$fontWeightLighter: lighter !default;\n$fontWeightLight: 300 !default;\n$fontWeightNormal: 400 !default;\n$fontWeightBold: 700 !default;\n$fontWeightBolder: bolder !default;\n\n$fontWeightBase: $fontWeightNormal !default;\n\n// 行高\n$lineHeightBase: 1.5 !default;\n$lineHeightLg: 1.5 !default;\n$lineHeightSm: 1.5 !default;\n\n$h1-fontSize: $fontSizeBase * 2.5 !default;\n$h2-fontSize: $fontSizeBase * 2 !default;\n$h3-fontSize: $fontSizeBase * 1.75 !default;\n$h4-fontSize: $fontSizeBase * 1.5 !default;\n$h5-fontSize: $fontSizeBase * 1.25 !default;\n$h6-fontSize: $fontSizeBase !default;\n\n// 边框\n$borderWidth: px2rem(1px) !default;\n$borderColor: $gray300 !default;\n\n$borderRadius: 0.142rem !default;\n$borderRadiusMd: 0.285rem !default;\n$borderRadiusLg: 0.428rem !default;\n\n$boxShadowSm: 0 0.125rem 0.25rem rgba($black, 0.075) !default;\n$boxShadow: 0 0.5rem 1rem rgba($black, 0.15) !default;\n$boxShadowLg: 0 1rem 3rem rgba($black, 0.175) !default;\n\n// 窗口适配\n$breakpoints: (xs: 0,\n    sm: 576px,\n    md: 768px,\n    lg: 992px,\n    xl: 1200px) !default;\n\n// 段落间距\n$paragraph-marginBottom: 1rem !default;\n\n$text-color: $gray900 !default;\n$text--muted-color: lighten($text-color, 25%) !default;\n$text--loud-color: darken($text-color, 10%) !default;\n\n$background: $white !default;\n\n$code-color: $red !default;\n$code-background: $background !default;\n\n$pre-color: $text-color !default;\n$pre-background: $background !default;\n\n$link-color: $primary !default;\n$link-decoration: none !default;\n$link-onHover-color: darken($link-color, 15%) !default;\n$link-onHover-decoration: underline !default;\n\n$body-bg: lighten($light, 1%) !default;\n$body-size: $fontSizeBase !default;\n$body-color: $text-color !default;\n$body-weight: $fontWeightBase;\n$body-lineHeight: $lineHeightBase;\n\n$zindex-affix: 900 !default;\n$zindex-dropdown: 1000 !default;\n$zindex-sticky: 1100 !default;\n$zindex-fixed: 1200 !default;\n$zindex-modal: 1300 !default;\n$zindex-popover: 1400 !default;\n$zindex-tooltip: 1500 !default;\n$zindex-toast: 2000 !default;\n\n$gap-xs: px2rem(5px) !default;\n$gap-sm: px2rem(10px) !default;\n$gap-base: px2rem(15px) !default;\n$gap-md: px2rem(20px) !default;\n$gap-lg: px2rem(30px) !default;\n\n// Components\n$scrollbar-width: px2rem(17px) !default;\n\n$Layout-aside-width: px2rem(200px) !default;\n$Layout-aside--sm-width: px2rem(150px) !default;\n$Layout-aside--md-width: px2rem(250px) !default;\n$Layout-aside--lg-width: px2rem(300px) !default;\n$Layout-aside--folded-width: px2rem(60px) !default;\n$Layout-aside-bg: $dark !default;\n$Layout-aside-onAcitve-bg: saturate(darken($Layout-aside-bg, 5%), 2.5%) !default;\n$Layout-aside-subList-bg: saturate(darken($Layout-aside-bg, 10%), 2.5%) !default;\n$Layout-aside-onHover-bg: saturate(darken($Layout-aside-bg, 3%), 2.5%) !default;\n$Layout-aside-color: desaturate(lighten($Layout-aside-bg, 40%), 10%) !default;\n\n$Layout-asideDivider-margin: $gap-sm 0 !default;\n$Layout-asideDivider-bg: #2e3344 !default;\n\n$Layout-asideLink-onHover-iconSize: inherit !default;\n$Layout-asideLink-iconColor: inherit !default;\n$Layout-asideLink-onHover-iconColor: inherit !default;\n$Layout-asideLink-fontSize: $fontSizeBase !default;\n$Layout-asideLink-color: #b4b6bd !default;\n$Layout-asideLink-onHover-color: #fff !default;\n$Layout-asideLink-onActive-color: #fff !default;\n$Layout-asideLink-arrowVendor: 'FontAwesome' !default;\n$Layout-asideLink-arrowFontSize: $fontFamilyBase !default;\n$Layout-asideLink-arrowIcon: '__scss_backup_16' !default;\n$Layout-asideLink-arrowColor: $Layout-asideLink-color !default;\n$Layout-asideLink-onActive-arrowColor: $Layout-asideLink-onActive-color !default;\n$Layout-asideLabel-color: darken($Layout-aside-color, 10%) !default;\n$Layout-brand-bg: $dark !default;\n$Layout-brandBar-color: desaturate(lighten($Layout-brand-bg, 40%), 10%) !default;\n$Layout-brand-color: lighten($Layout-brandBar-color, 25%) !default;\n$Layout-header-height: px2rem(50px) !default;\n$Layout-headerBar-borderBottom: none !default;\n$Layout-header-bg: $white !default;\n$Layout-header-boxShadow: 0 px2rem(2px) px2rem(2px) rgba(0, 0, 0, 0.05),\n0 1px 0 rgba(0, 0, 0, 0.05) !default;\n$Layout-nav-height: px2rem(40px) !default;\n$Layout-nav-lgHeight: px2rem(50px) !default;\n$Layout-nav--folded-height: px2rem(50px) !default;\n$Layout--offscreen-width: 75% !default;\n\n// Grid\n$Grid-columns: 12 !default;\n$Grid-gutterWidth: px2rem(30px) !default;\n\n// container\n// $container-tablet: (720px + $Grid-gutterWidth) !default;\n// $container-sm: $container-tablet !default;\n// $container-desktop: (940px + $Grid-gutterWidth) !default;\n// $container-md: $container-desktop !default;\n// $container-large-desktop: (1140px + $Grid-gutterWidth) !default;\n// $container-lg: $container-large-desktop !default;\n\n// Modal\n$Modal-bg: $background !default;\n$Modal-overlay-bg: rgba(0, 0, 0, 0.6) !default;\n$Modal-content-startMarginTop: px2rem(60px) !default;\n$Modal-content-stepMarginTop: px2rem(30px) !default;\n$Modal-content-minHeight: px2rem(200px) !default;\n$Modal-content-borderWidth: $borderWidth !default;\n$Modal-content-borderColor: $borderColor !default;\n$Modal-content-borderRadius: $borderRadius !default;\n\n$Modal-header-height: px2rem(40px) !default;\n$Modal-header-bg: darken($Modal-bg, 2.5%) !default;\n$Modal-title-lineHeight: $lineHeightBase !default;\n$Modal-title-fontSize: $fontSizeBase !default;\n$Modal-title-color: $text--loud-color !default;\n$Modal-header-paddingY: ($Modal-header-height - $Modal-title-lineHeight * $Modal-title-fontSize) / 2 !default;\n$Modal-header-paddingX: $gap-md !default;\n$Modal-close-width: px2rem(12px) !default;\n$Modal-close-color: $text--muted-color !default;\n$Model-close-onHover-color: $text-color !default;\n$Modal-body-paddingX: $gap-md !default;\n$Modal-body-paddingY: $gap-md !default;\n$Modal-body--noHeader-paddingTop: $gap-base;\n$Modal-body-borderTop: $Modal-content-borderWidth solid lighten($Modal-content-borderColor, 5%) !default;\n$Modal-body-borderBottom: $Modal-content-borderWidth solid lighten($Modal-content-borderColor, 5%) !default;\n$Modal-footer-padding: $gap-sm !default;\n$Modal-footer-marginY: 0 !default;\n$Modal-footer-marginX: 0 !default;\n\n$Modal-widthBase: px2rem(500px);\n$Modal-widthSm: px2rem(350px);\n$Modal-widthMd: px2rem(800px);\n$Modal-widthLg: px2rem(1100px);\n$Modal-widthXl: 90%;\n\n$Drawer-bg: $background !default;\n$Drawer-overlay-bg: rgba(0, 0, 0, 0.6) !default;\n$Drawer-content-borderWidth: $borderWidth !default;\n$Drawer-content-borderColor: $borderColor !default;\n$Drawer-content-borderRadius: 0 !default;\n\n$Drawer-header-padding: $gap-base !default;\n$Drawer-header-bg: darken($Drawer-bg, 2.5%) !default;\n$Drawer-title-fontSize: $fontSizeMd !default;\n$Drawer-title-fontColor: $text--loud-color !default;\n$Drawer-close-color: rgba(255, 255, 255, 0.8) !default;\n$Drawer-close-onHover-color: rgba(255, 255, 255, 1) !default;\n$Drawer-body-padding: $gap-base !default;\n$Drawer-footer-padding: $gap-base !default;\n\n$Drawer-widthBase: 80%;\n$Drawer-widthXs: px2rem(200px);\n$Drawer-widthSm: px2rem(300px);\n$Drawer-widthMd: px2rem(500px);\n$Drawer-widthLg: px2rem(800px);\n$Drawer-widthXl: 90%;\n\n// Tooltip\n$Tooltip-fontSize: $fontSizeSm !default;\n$Tooltip-bg: $background !default;\n$Tooltip-maxWidth: px2rem(240px) !default;\n$Tooltip-minWidth: auto !default;\n$Tooltip-borderWidth: $borderWidth !default;\n$Tooltip-borderColor: $borderColor !default;\n$Tooltip-borderRadius: $borderRadiusLg !default;\n$Tooltip-boxShadow: $boxShadow !default;\n\n$Tooltip-title-bg: darken($Tooltip-bg, 3%) !default;\n$Tooltip-title-color: $text--loud-color !default;\n$Tooltip-title-paddingY: $gap-xs !default;\n$Tooltip-title-paddingX: $gap-sm !default;\n\n$Tooltip-body-color: $text-color !default;\n$Tooltip-body-paddingY: $gap-sm !default;\n$Tooltip-body-paddingX: $gap-sm !default;\n\n$Tooltip-arrow-width: px2rem(16px) !default;\n$Tooltip-arrow-height: px2rem(8px) !default;\n$Tooltip-arrow-color: $Tooltip-bg !default;\n$Tooltip-arrow-width: 1rem !default;\n$Tooltip-arrow-height: 0.5rem !default;\n$Tooltip-arrow-color: $Tooltip-bg !default;\n$Tooltip-arrow-outerColor: fade-in($Tooltip-borderColor, 0.05) !default;\n\n$Tooltip--attr-color: $background !default;\n$Tooltip--attr-bg: rgba(0, 0, 0, 0.7) !default;\n$Tooltip--attr-borderWidth: 0 !default;\n$Tooltip--attr-borderColor: $borderColor !default;\n$Tooltip--attr-borderRadius: $borderRadius !default;\n$Tooltip--attr-boxShadow: $boxShadow !default;\n$Tooltip--attr-fontSize: $fontSizeSm !default;\n$Tooltip--attr-lineHeigt: $lineHeightBase !default;\n$Tooltip--attr-paddingX: px2rem(10px) !default;\n$Tooltip--attr-paddingY: px2rem(2px) !default;\n$Tooltip--attr-gap: $gap-sm;\n$Tooltip--attr-transition: all 0.15s ease-in-out !default;\n\n// toast\n$Toast-width: px2rem(300px) !default;\n$Toast-box-shadow: $boxShadow !default;\n$Toast-borderRadius: $borderRadiusLg !default;\n$Toast-paddingY: $gap-base !default;\n$Toast-paddingX: $gap-base !default;\n$Toast-paddingL: px2rem(40px) !default;\n$Toast--info-paddingL: $Toast-paddingL !default;\n$Toast-border-width: 0 !default;\n$Toast-icon-fontSize: px2rem(30px) !default;\n$Toast-opacity: 0.8 !default;\n$Toast-display: block !default;\n\n$Toast-color: $white !default;\n\n$Toast--danger-color: $Toast-color !default;\n$Toast--danger-bgColor: $red !default;\n$Toast--danger-borderColor: $red !default;\n\n$Toast--info-color: $Toast-color !default;\n$Toast--info-bgColor: $info !default;\n$Toast--info-borderColor: $info !default;\n\n$Toast--success-color: $Toast-color !default;\n$Toast--success-bgColor: $success !default;\n$Toast--success-borderColor: $success !default;\n\n$Toast--warning-color: $Toast-color !default;\n$Toast--warning-bgColor: $warning !default;\n$Toast--warning-borderColor: $warning !default;\n\n$Toast-iconVendor: 'FontAwesome' !default;\n\n$Toast--error-icon: '__scss_backup_17' !default;\n$Toast--warning-icon: '__scss_backup_18' !default;\n$Toast--info-icon: '__scss_backup_19' !default;\n$Toast--success-icon: '__scss_backup_20' !default;\n\n// alert\n$Alert-fontSize: $fontSizeBase !default;\n$Alert-boxShadow: none !default;\n$Alert-paddingX: $gap-base !default;\n$Alert-paddingY: $gap-base !default;\n$Alert-borderWidth: $borderWidth !default;\n$Alert-borderColor: transparent !default;\n$Alert-borderRadius: $borderRadiusMd !default;\n$Alert-marginBottom: $gap-md !default;\n\n$Alert--danger-color: #a94442 !default;\n$Alert--danger-bg: #f2dede !default;\n$Alert--danger-borderColor: darken(adjust-hue($Alert--danger-bg, -10), 5%) !default;\n\n$Alert--info-color: #31708f !default;\n$Alert--info-bg: #d9edf7 !default;\n$Alert--info-borderColor: darken(adjust-hue($Alert--info-bg, -10), 5%) !default;\n\n$Alert--success-color: #3c763d !default;\n$Alert--success-bg: #dff0d8 !default;\n$Alert--success-borderColor: darken(adjust-hue($Alert--success-bg, -10), 5%) !default;\n\n$Alert--warning-color: #8a6d3b !default;\n$Alert--warning-bg: #fcf8e3 !default;\n$Alert--warning-borderColor: darken(adjust-hue($Alert--warning-bg, -10), 5%) !default;\n\n// spinner\n$Spinner-overlay-bg: rgba(255, 255, 255, 0.4) !default;\n$Spinner-width: px2rem(26px) !default;\n$Spinner-height: px2rem(26px) !default;\n$Spinner--lg-width: px2rem(50px) !default;\n$Spinner--lg-height: px2rem(50px) !default;\n\n$Spinner-bg: url('./spinner-default.svg?__inline') !default;\n\n// Tabs\n$Tabs-linkFontSize: $fontSizeBase !default;\n$Tabs-borderColor: $borderColor !default;\n$Tabs-borderWidth: $borderWidth !default;\n$Tabs-borderRadius: $borderRadius !default;\n$Tabs-color: $text-color !default;\n$Tabs-onDisabled-color: $gray600 !default;\n$Tabs-onHover-borderColor: $gray200 !default;\n$Tabs-onActive-color: $gray700 !default;\n$Tabs-onActive-borderColor: $gray300 !default;\n$Tabs-onActive-bg: $background !default;\n$Tabs-linkPadding: $gap-sm $gap-base !default;\n$Tabs-linkMargin: 0 px2rem(3px) 0 0 !default;\n$Tabs-content-bg: $background !default;\n\n$Tabs--line-borderColor: $borderColor !default;\n$Tabs--line-onHover-color: $primary !default;\n$Tabs--line-onHover-borderColor: $primary !default;\n$Tabs--line-borderWidth: px2rem(2px) !default;\n$Tabs--line-linkPadding: 10px 0 !default;\n$Tabs--line-linkMargin: 0 40px 0 0 !default;\n$Tabs--line-content-bg: transparent !default;\n$Tabs--line-content-padding: 20px 0 !default;\n;\n\n$Tabs--card-padding: px2rem(6px) 0 0 px2rem(10px);\n$Tabs--card-bg: darken($body-bg, 5%) !default;\n$Tabs--card-borderTopColor: $borderColor !default;\n$Tabs--card-onActive-borderColor: $borderColor !default;\n$Tabs--card-onActive-bg: $background !default;\n$Tabs--card-linkPadding: px2rem(10px) px2rem(10px) !default;\n$Tabs--card-linkMargin: 0 10px 0 0 !default;\n\n\n$Tabs--radio-bg: #eaf6fe !default;\n\n$Tabs--vertical-onActive-borderColor: $primary !default;\n\n// Nav\n$Nav-item-fontSize: $fontSizeBase !default;\n$Nav-item-borderRadius: $borderRadiusMd !default;\n$Nav-item-color: $text-color !default;\n$Nav-item-onHover-color: $text--loud-color !default;\n$Nav-item-onActive-color: $white !default;\n$Nav-item-onDisabled-color: $text--muted-color !default;\n$Nav-item-bg: transparent !default;\n$Nav-item-onHover-bg: rgba(0, 0, 0, 0.05) !default;\n$Nav-item-onActive-bg: $info !default;\n$Nav-item-onActive-borderLeft: 4px solid transparent !default;\n$Nav-subItem-onActiveBeforeBg: #e5eaeb !default;\n$Nav-subItem-fontSize: $fontSizeBase !default;\n\n// CRUD\n$Crud-toolbar-lineHeight: $lineHeightBase !default;\n$Crud-toolbar-height: px2rem(30px) !default;\n$Crud-toolbar-gap: $gap-xs !default;\n\n// Table\n$Table-bg: $background !default;\n$Table-fontSize: $fontSizeBase !default;\n$Table-color: $text-color !default;\n$Table-lineHeight: $lineHeightBase !default;\n$Table-borderColor: $borderColor !default;\n$Table-borderWidth: $borderWidth !default;\n$Table-borderRadius: $borderRadius !default;\n$Table-fixedTop-boxShadow: $boxShadow !default;\n$Table-fixedLeft-boxShadow: 0.42rem 0 0.42rem -0.28rem rgba($black, 0.15) !default;\n$Table-fixedRight-boxShadow: -0.42rem 0 0.42rem -0.28rem rgba($black, 0.15) !default;\n$Table-toolbar-paddingX: $gap-sm !default;\n$Table-toolbar-paddingY: $gap-sm !default;\n$Table-thead-bg: $white !default;\n$Table-thead-fontSize: $fontSizeBase !default;\n$Table-thead-color: $text--loud-color !default;\n$Table-thead-borderColor: $Table-borderColor !default;\n$Table-thead-borderWidth: $Table-borderWidth !default;\n$Table-thead-iconColor: $text--muted-color !default;\n$TableCell-height: px2rem(40px) !default;\n$TableCell-paddingX: $gap-sm !default;\n$TableCell--edge-paddingX: $gap-md !default;\n$TableCell-paddingY: ($TableCell-height - $Table-fontSize * $Table-lineHeight) / 2;\n$Table-placeholder-height: px2rem(100px) !default;\n\n// $Table-checkCell-width: px2rem(50px) !default;\n\n$Table-strip-bg: lighten(#f6f8f8, 1%) !default;\n$Table-onHover-bg: darken($Table-strip-bg, 2%) !default;\n$Table-onHover-borderColor: darken($Table-onHover-bg, 10%) !default;\n$Table-onHover-color: $text-color !default;\n$Table-onHover-boxShadow: $boxShadow !default;\n\n$Table-onChecked-bg: #d9f3fb !default;\n$Table-onChecked-borderColor: darken($Table-onChecked-bg, 10%) !default;\n$Table-onChecked-color: darken($Table-onChecked-bg, 40%) !default;\n$Table-onChecked-onHover-bg: darken($Table-onChecked-bg, 5%) !default;\n$Table-onChecked-onHover-borderColor: darken($Table-onChecked-borderColor, 5%) !default;\n$Table-onChecked-onHover-color: darken($Table-onChecked-color, 5%) !default;\n\n$Table-onModified-bg: #e8f0fe !default;\n$Table-onModified-color: #4285f4 !default;\n$Table-onModified-borderColor: darken($Table-onModified-bg, 5%) !default;\n$Table-onModified-onHover-bg: darken($Table-onModified-bg, 2.5%) !default;\n$Table-onModified-onHover-borderColor: darken($Table-onModified-onHover-bg, 5%) !default;\n$Table-onModified-onHover-color: darken($Table-onModified-color, 5%) !default;\n\n$Table-onDragging-opacity: 0.1 !default;\n$TableCell-searchBtn-width: px2rem(16px) !default;\n\n$TableCell-filterBtn-width: px2rem(16px) !default;\n$TableCell-filterPopOver-dropDownItem-height: px2rem(34px) !default;\n$TableCell-filterPopOver-dropDownItem-padding: 0 px2rem(12px) !default;\n\n$Table-heading-height: px2rem(40px) !default;\n$Table-heading-bg: $white !default;\n$Table--unsaved-heading-bg: #e8f0fe !default;\n$Table--unsaved-heading-color: #4285f4 !default;\n\n$Table-expandBtn-vendor: 'FontAwesome' !default;\n$Table-expandBtn-fontSize: px2rem(20px) !default;\n$Table-expandBtn-color: $info !default;\n$Table-expandBtn-icon: '__scss_backup_21' !default;\n\n$TableCell-sortBtn-width: px2rem(8px) !default;\n$TableCell-sortBtn--down-iconVendor: 'fontAwesome' !default;\n$TableCell-sortBtn--down-icon: '__scss_backup_22' !default;\n$TableCell-sortBtn--up-iconVendor: 'fontAwesome' !default;\n$TableCell-sortBtn--up-icon: '__scss_backup_23' !default;\n$TableCell-sortBtn--default-iconVendor: 'fontAwesome' !default;\n$TableCell-sortBtn--default-icon: '__scss_backup_24' !default;\n$TableCell-sortBtn--default-opacity: 0.4 !default;\n$TableCell-sortBtn--default-onActive-opacity: 0.4 !default;\n\n// Cards\n$Cards-fixedTop-boxShadow: $boxShadow !default;\n$Cards-toolbar-paddingY: 0 !default;\n$Cards-toolbar-paddingX: 0 !default;\n$Cards--unsaved-heading-bg: #e8f0fe !default;\n$Cards--unsaved-heading-color: #4285f4 !default;\n$Cards-placeholder-height: px2rem(100px) !default;\n$Card-bg: $white !default;\n$Card-borderColor: $borderColor !default;\n$Card-borderWidth: $borderWidth !default;\n$Card-borderRadius: $borderRadius !default;\n$Card-actions-borderColor: lighten($Card-borderColor, 5%) !default;\n$Card-actions-onHover-bg: darken($white, 5%) !default;\n$Card-actions-onHover-color: darken($text-color, 5%) !default;\n$Card-actions-onChecked-onHover-bg: darken(#d9f3fb, 5%) !default;\n\n$Card-onChecked-bg: #d9f3fb !default;\n$Card-onChecked-borderColor: darken($Table-onChecked-bg, 10%) !default;\n$Card-onChecked-color: darken($Table-onChecked-bg, 40%) !default;\n\n$Card-onModified-bg: #e8f0fe !default;\n$Card-onModified-color: #4285f4 !default;\n$Card-onModified-borderColor: darken($Card-onModified-bg, 10%) !default;\n\n$Card-onDragging-opacity: 0.1 !default;\n\n// List\n$List-bg: $white !default;\n$List-borderColor: $borderColor !default;\n$List-borderWidth: $borderWidth !default;\n$List-borderRadius: $borderRadius !default;\n$List-fixedTop-boxShadow: $boxShadow !default;\n$List-toolbar-paddingY: $gap-sm !default;\n$List-toolbar-paddingX: $gap-sm !default;\n$List--unsaved-heading-bg: #e8f0fe !default;\n$List--unsaved-heading-color: #4285f4 !default;\n$List-placeholder-height: px2rem(30px) !default;\n\n$ListItem-borderColor: lighten($List-borderColor, 5%) !default;\n$ListItem-borderWidth: $List-borderWidth !default;\n$ListItem-paddingX: $gap-base !default;\n$ListItem-paddingY: $gap-sm !default;\n$ListItem--strip-bg: #f6f8f8 !default;\n$ListItem-onChecked-bg: #d9f3fb !default;\n$ListItem-onChecked-borderColor: darken($ListItem-onChecked-bg, 10%) !default;\n$ListItem-onChecked-color: darken($ListItem-onChecked-bg, 40%) !default;\n$ListItem-onModified-bg: #e8f0fe !default;\n$ListItem-onModified-color: #4285f4 !default;\n$ListItem-onModified-borderColor: darken($ListItem-onModified-bg, 10%) !default;\n$ListItem-onDragging-opacity: 0.1 !default;\n\n// QuickEdit\n$QuickEdit-iconColor: $text--muted-color !default;\n$QuickEdit-onHover-iconColor: $text-color !default;\n$QuickEdit-onFocus-borderColor: $info !default;\n$QuickEdit-onFocus-borderWidth: $borderWidth !default;\n\n// Copyable\n$Copyable-iconColor: $text--muted-color !default;\n$Copyable-onHover-iconColor: $text-color !default;\n\n// PopOverAble\n\n$PopOverAble-iconColor: $text--muted-color !default;\n$PopOverAble-onHover-iconColor: $text-color !default;\n\n// PopOver\n$PopOver-bg: white !default;\n\n// Remark\n$Remark-width: 1rem !default;\n$Remark-icon-fontSize: $fontSizeBase !default;\n$Remark-iconColor: $text--muted-color !default;\n$Remark-onHover-iconColor: $text-color !default;\n$Remark-bg: transparent !default;\n$Remark-onHover-bg: transparent !default;\n$Remark-borderWidth: 0 !default;\n$Remark-borderColor: $borderColor !default;\n$Remark-onHover-borderColor: $borderColor !default;\n$Remark-marginLeft: $gap-sm !default;\n\n// Form\n$Form-fontSize: $fontSizeBase !default;\n$Form-description-color: lighten($text-color, 10%) !default;\n$Form-description-fontSize: $fontSizeSm !default;\n$Form-item-gap: px2rem(15px) !default;\n\n$Form--horizontal-gutterWidth: px2rem(20px) !default;\n$Form--horizontal-columns: 12 !default;\n\n$Form-group-gutterWidth: $Form--horizontal-gutterWidth !default;\n$Form-group--lg-gutterWidth: px2rem(40px) !default;\n$Form-group--md-gutterWidth: px2rem(30px) !default;\n$Form-group--sm-gutterWidth: px2rem(20px) !default;\n$Form-group--xs-gutterWidth: px2rem(10px) !default;\n\n$Form-row-gutterWidth: px2rem(10px) !default;\n\n$Form--horizontal-label-align: right !default;\n$Form--horizontal-label-widthXs: px2rem(60px) !default;\n$Form--horizontal-label-widthSm: px2rem(90px) !default;\n$Form--horizontal-label-widthBase: px2rem(120px) !default;\n$Form--horizontal-label-widthMd: px2rem(160px) !default;\n$Form--horizontal-label-widthLg: px2rem(200px) !default;\n\n$Form-control-widthXs: px2rem(80px) !default;\n$Form-control-widthSm: px2rem(160px) !default;\n$Form-control-widthMd: px2rem(240px) !default;\n$Form-control-widthLg: px2rem(320px) !default;\n\n$Form-input-bg: $white !default;\n$Form-input-color: $text-color !default;\n$Form-input-onActive-color: $info !default;\n$Form-input-borderRadius: $borderRadius !default;\n$Form-input-borderColor: $borderColor !default;\n$Form-input-borderWidth: px2rem(1px) !default;\n$Form-input-iconColor: #999 !default;\n$Form-input-onFocused-borderColor: $info !default;\n$Form-input-onFocused-bg: $Form-input-bg !default;\n$Form-input-onError-borderColor: $danger !default;\n$Form-input-onError-bg: $Form-input-bg !default;\n$Form-input-onDisabled-borderColor: $Form-input-borderColor !default;\n$Form-input-onDisabled-bg: $gray200 !default;\n$Form-input-height: px2rem(34px) !default;\n$Form-input-placeholderColor: $text--muted-color !default;\n$Form-input-lineHeight: 20/14 !default;\n$Form-input-fontSize: $Form-fontSize !default;\n$Form-input-boxShadow: none !default;\n$Form-input-paddingY: ($Form-input-height - $Form-input-lineHeight * $Form-input-fontSize - px2rem(2px))/2 !default;\n$Form-input-paddingX: px2rem(12px) !default;\n$Form-input-marginBottom: px2rem(6px) !default;\n$Form-label-paddingTop: ($Form-input-height - $Form-input-lineHeight * $Form-input-fontSize)/2 !default;\n\n$Form-input-addOnBg: #edf1f2 !default;\n$Form-input-addOnColor: $text-color !default;\n$Form-input-onFocus-addOnColor: $primary !default;\n$Form-input-addOnDividerBorderWidth: $borderWidth !default;\n\n$Number-bg: $Form-input-bg !default;\n$Number-onDisabled-bg: $Form-input-bg !default;\n$Number-borderColor: $Form-input-borderColor !default;\n$Number-borderWidth: $Form-input-borderWidth !default;\n$Number-borderRadius: $Form-input-borderRadius !default;\n$Number-handler-mode: 'vertical' !default;\n$Number-handler-borderBottom: px2rem(1px) solid $Form-input-borderColor !default;\n$Number-handler-width: px2rem(20px) !default;\n$Number-handler-color: $Form-input-color !default;\n$Number-handler-onDisabled-color: $text--muted-color !default;\n$Number-handler-fontFamily: inherit !default;\n$Number-handler-fontSize: $fontSizeBase !default;\n$Number-handler--up-content: '+' !default;\n$Number-handler--up-transform: none !default;\n$Number-handler--down-content: '-' !default;\n$Number-handler-bg: $white !default;\n$Number-handler-onHover-bg: darken($Number-handler-bg, 5%) !default;\n$Number-handler-onHover-color: $text-color !default;\n$Number-handler-onActive-bg: $Number-handler-onHover-bg !default;\n$Number-handler-onDisabled-bg: $Form-input-onDisabled-bg !default;\n\n$Form-select-bg: $white !default;\n$Form-select-onHover-bg: darken($white, 5%) !default;\n$Form-select-onHover-borderColor: $Form-input-borderColor !default;\n$Form-select-color: $text-color !default;\n$Form-select-placeholderColor: $Form-input-placeholderColor !default;\n$Form-select-paddingX: $Form-input-paddingX !default;\n$Form-select-borderWidth: $Form-input-borderWidth !default;\n$Form-select-borderColor: $Form-input-borderColor !default;\n$Form-select-borderRadius: $Form-input-borderRadius !default;\n$Form-select-onFocused-color: $Form-select-color !default;\n$Form-select-onFocused-borderColor: $Form-input-onFocused-borderColor !default;\n$Form-select-onError-borderColor: $Form-input-onError-borderColor !default;\n$Form-selectOption-height: $Form-input-height !default;\n$Form-selectValue-color: #007eff !default;\n$Form-selectValue-bg: saturate(lighten($Form-selectValue-color, 40%), 2.5%) !default;\n$Form-selectValue-borderColor: saturate(lighten($Form-selectValue-color, 30%), 2.5%) !default;\n$Form-selectValue-fontSize: $fontSizeSm !default;\n$Form-select-caret-vender: 'FontAwesome' !default;\n$Form-select-caret-icon: '__scss_backup_25' !default;\n$Form-select-caret-fontSize: $fontSizeBase !default;\n$Form-select-caret-iconColor: $Form-input-iconColor !default;\n$Form-select-caret-onHover-iconColor: $Form-input-iconColor !default;\n$Form-select-outer-borderWidth: px2rem(1px) !default;\n$Form-select-outer-boxShadow: none !default;\n$Form-select-outer-top: 100% !default;\n$Form-select-menu-height: $Form-input-height !default;\n$Form-select-menu-bg: $white !default;\n$Form-select-menu-color: $Form-select-color !default;\n$Form-select-menu-onHover-color: $info !default;\n$Form-select-menu-onHover-bg: rgba(0, 126, 255, 0.08) !default;\n$Form-select-menu-onActive-color: $info !default;\n$Form-select-menu-onActive-bg: transparent !default;\n$Form-select-menu-onDisabled-color: $text--muted-color !default;\n$Form-select-menu-onDisabled-bg: transparent !default;\n$Form-select-checkall-bottomBorder: #eceff8 !default;\n\n// InputGroup\n$InputGroup-height: $Form-input-height !default;\n$