diff --git a/build/TableHeader.js b/build/TableHeader.js
index 7b6e6f9..d58ff7f 100644
--- a/build/TableHeader.js
+++ b/build/TableHeader.js
@@ -416,6 +416,7 @@ var TableHeader = function (_Component) {
};
TableHeader.prototype.componentWillUnmount = function componentWillUnmount() {
+ if (!this.table) return;
if (this.props.draggable) {
this.removeDragAbleEvent();
}
diff --git a/demo/atom-one-dark.css b/demo/atom-one-dark.css
index 55f6061..8e1fd16 100644
--- a/demo/atom-one-dark.css
+++ b/demo/atom-one-dark.css
@@ -158,10 +158,10 @@ hue-6-2: #e6c07b
}
/* 抽屉组件样式覆盖 */
.component-drawerc{
- position: fixed;
+ /* position: fixed; */
top: 0;
left: 0;
- z-index: 100000;
+ z-index: 1!important;
width: 0;
height: 100%;
}
@@ -173,6 +173,7 @@ hue-6-2: #e6c07b
top: 0;
left: 0;
transition: transform 300ms ease-in-out, opacity 300ms ease-in-out;
+ z-index: 2;
}
.component-drawerc .drawer-close{
position: absolute;
@@ -196,6 +197,7 @@ hue-6-2: #e6c07b
top: 0;
right: 0;
height: 100%;
+ z-index: 3;
}
.component-drawerc .drawer-top{
top: 0;
diff --git a/dist/demo.css.map b/dist/demo.css.map
index 5dfd787..3dcac23 100644
--- a/dist/demo.css.map
+++ b/dist/demo.css.map
@@ -1 +1 @@
-{"version":3,"sources":["demo.css","../node_modules/tinper-bee-core/scss/minxin-variables.scss","../node_modules/bee-loading/src/Loading.scss","../src/Table.scss","TableDemo.scss","demolist/Demo12.scss","demolist/Demo18.scss","demolist/Demo24.scss","demolist/Demo31.scss"],"names":[],"mappings":"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","file":"demo.css","sourcesContent":["@charset \"UTF-8\";\n/* FormGroup */\n/* Navlayout */\n/* FormGroup */\n/* Navlayout */\n/**\r\n * 加载背景\r\n */\n/**\r\n * 文字\r\n */\n.u-loading-desc {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n font-size: 16px;\n color: #000;\n text-align: center; }\n\n/**\r\n * default样式 单个圆圈加载\r\n */\n.u-loading.u-loading-rotate > div {\n position: absolute;\n border-radius: 100%;\n margin: 2px;\n -webkit-animation-fill-mode: both;\n animation-fill-mode: both;\n width: 40px;\n height: 40px;\n top: 50%;\n left: 50%;\n margin-left: -22px;\n margin-top: -22px;\n background: transparent !important;\n display: inline-block;\n -webkit-animation: rotate 1.5s 0s linear infinite;\n animation: rotate 1.5s 0s linear infinite;\n text-align: center;\n line-height: 40px; }\n .u-loading.u-loading-rotate > div > .uf {\n color: #0084ff;\n font-size: 40px;\n padding: 0; }\n\n.u-loading.u-loading-rotate.u-loading-rotate-lg > div {\n margin-left: -35px;\n margin-top: -35px;\n width: 60px;\n height: 60px;\n line-height: 60px; }\n .u-loading.u-loading-rotate.u-loading-rotate-lg > div > .uf {\n font-size: 60px; }\n\n.u-loading.u-loading-rotate.u-loading-rotate-sm > div {\n margin-left: -15px;\n margin-top: -15px;\n width: 25px;\n height: 25px;\n line-height: 25px; }\n .u-loading.u-loading-rotate.u-loading-rotate-sm > div > .uf {\n font-size: 25px; }\n\n.u-loading.u-loading-rotate.u-loading-rotate-primary > div > .uf {\n color: #3f51b5; }\n\n.u-loading.u-loading-rotate.u-loading-rotate-success > div > .uf {\n color: #4caf50; }\n\n.u-loading.u-loading-rotate.u-loading-rotate-warning > div > .uf {\n color: #ff9800; }\n\n.u-loading-backdrop {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1900;\n opacity: .7;\n filter: blur(0.5px);\n background-color: #fff; }\n .u-loading-backdrop.full-screen {\n position: fixed; }\n\n@keyframes rotate {\n 0% {\n -webkit-transform: rotate(0deg) scale(1);\n transform: rotate(0deg) scale(1); }\n 50% {\n -webkit-transform: rotate(180deg) scale(1);\n transform: rotate(180deg) scale(1); }\n 100% {\n -webkit-transform: rotate(360deg) scale(1);\n transform: rotate(360deg) scale(1); } }\n\n.u-loading.u-loading-line {\n position: absolute;\n top: 50%;\n left: 50%;\n margin-top: -30px;\n margin-left: -25px; }\n .u-loading.u-loading-line > div {\n background-color: #C2C3C5;\n width: 6px;\n height: 50px;\n border-radius: 2px;\n margin: 2px;\n -webkit-animation-fill-mode: both;\n animation-fill-mode: both;\n display: inline-block; }\n .u-loading.u-loading-line.u-loading-line-lg {\n margin-top: -50px;\n margin-left: -30px; }\n .u-loading.u-loading-line.u-loading-line-lg > div {\n width: 8px;\n height: 90px; }\n .u-loading.u-loading-line.u-loading-line-sm {\n margin-top: -22px;\n margin-left: -20px; }\n .u-loading.u-loading-line.u-loading-line-sm > div {\n width: 4px;\n height: 35px; }\n .u-loading.u-loading-line div:nth-child(1) {\n -webkit-animation: line-scale 1s 0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);\n animation: line-scale 1s 0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);\n background-color: #F44336; }\n .u-loading.u-loading-line div:nth-child(2) {\n -webkit-animation: line-scale 1s 0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);\n animation: line-scale 1s 0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);\n background-color: #7ED321; }\n .u-loading.u-loading-line div:nth-child(3) {\n -webkit-animation: line-scale 1s 0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);\n animation: line-scale 1s 0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);\n background-color: #0084FF; }\n .u-loading.u-loading-line div:nth-child(4) {\n -webkit-animation: line-scale 1s 0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);\n animation: line-scale 1s 0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);\n background-color: #FF9800; }\n .u-loading.u-loading-line div:nth-child(5) {\n -webkit-animation: line-scale 1s 0.5s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);\n animation: line-scale 1s 0.5s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);\n background-color: #D0021B; }\n .u-loading.u-loading-line.u-loading-line-primary > div {\n background-color: #3f51b5; }\n .u-loading.u-loading-line.u-loading-line-success > div {\n background-color: #4caf50; }\n .u-loading.u-loading-line.u-loading-line-warning > div {\n background-color: #ff9800; }\n\n@keyframes line-scale {\n 0% {\n -webkit-transform: scaley(1);\n transform: scaley(1); }\n 50% {\n -webkit-transform: scaley(0.4);\n transform: scaley(0.4); }\n 100% {\n -webkit-transform: scaley(1);\n transform: scaley(1); } }\n\n.u-table {\n font-size: 12px;\n color: #666;\n position: relative;\n line-height: 1.5;\n overflow: hidden; }\n .u-table-body {\n position: relative; }\n .u-table-hiden-drag {\n position: relative; }\n .u-table-hiden-drag-li {\n position: absolute;\n top: 0px;\n left: 0px; }\n .u-table table {\n width: 100%;\n border-collapse: collapse;\n text-align: left; }\n .u-table th {\n font-weight: bold;\n text-align: left; }\n .u-table th[colspan] {\n text-align: center; }\n .u-table th ::last-child {\n overflow: hidden; }\n .u-table td {\n border-bottom: 1px solid rgb(233,233,233); }\n .u-table td a {\n color: #2196F3; }\n .u-table td a:hover {\n color: #1565c0; }\n .u-table td a:active {\n color: #1565c0; }\n .u-table tr:hover td .uf-eye {\n visibility: visible !important; }\n .u-table tr tr a {\n color: #2196F3; }\n .u-table tr tr a:hover {\n color: #1565c0; }\n .u-table tr tr a:active {\n color: #1565c0; }\n .u-table tr.tr-row-hover {\n background: rgb(235, 236, 240); }\n .u-table th,\n .u-table td {\n padding: 12px 8px;\n word-break: break-all; }\n .u-table tr.filterable th {\n padding-top: 4px;\n padding-bottom: 4px; }\n .u-table tr.filterable th .filterContext {\n height: 35px; }\n .u-table-row-hover {\n background: rgb(235, 236, 240); }\n .u-table-scroll {\n overflow: auto; }\n .u-table-bordered table {\n border: 1px solid rgb(233,233,233);\n box-sizing: border-box;\n table-layout: fixed; }\n .u-table-bordered th {\n border-bottom: 1px solid rgb(233,233,233);\n box-sizing: border-box; }\n .u-table-bordered th,\n .u-table-bordered td {\n border-right: 1px solid rgb(233,233,233);\n box-sizing: border-box; }\n .u-table-drag-border tr th.th-can-not-drag {\n overflow: hidden; }\n .u-table-header {\n overflow: hidden;\n background: rgb(247,247,247);\n color: rgb(102, 102, 102); }\n .u-table.fixed-height td {\n padding: 0px 8px; }\n .u-table-fixed-header .u-table-body {\n background: #fff;\n position: relative; }\n .u-table-fixed-left .u-table-body-inner {\n margin-right: -20px;\n padding-right: 20px; }\n .u-table-fixed-header .u-table-fixed-left .u-table-body-inner {\n padding-right: 0px; }\n .u-table-fixed-header .u-table-body-inner {\n height: 100%;\n overflow: scroll; }\n .u-table-fixed-header .u-table-scroll .u-table-header {\n overflow-x: scroll;\n padding-bottom: 20px;\n margin-bottom: -20px;\n overflow-y: scroll;\n box-sizing: border-box; }\n .u-table-title {\n padding: 12px 8px;\n border-top: 1px solid rgb(233,233,233); }\n .u-table-content {\n position: relative; }\n .u-table-footer {\n padding: 12px 8px;\n border-bottom: 1px solid rgb(233,233,233); }\n .u-table-footer .u-table-scroll {\n overflow-x: hidden; }\n .u-table-footer .u-table {\n margin: -12px -8px; }\n .u-table-placeholder {\n padding: 12px 8px;\n background: #fff;\n border-bottom: 1px solid rgb(233,233,233);\n text-align: center;\n position: relative; }\n .u-table-expand-icon-col {\n width: 10px; }\n .u-table-row-expand-icon, .u-table-expanded-row-expand-icon {\n cursor: pointer;\n display: inline-block;\n margin-right: 0px;\n width: 16px;\n height: 16px;\n text-align: center;\n line-height: 16px;\n border: 1px solid rgb(233,233,233);\n user-select: none;\n background: #fff;\n margin-right: 10px; }\n .u-table-row-spaced, .u-table-expanded-row-spaced {\n visibility: hidden; }\n .u-table-row-spaced:after, .u-table-expanded-row-spaced:after {\n content: \".\"; }\n .u-table-row-expanded:after, .u-table-expanded-row-expanded:after {\n content: \"-\"; }\n .u-table-row-collapsed:after, .u-table-expanded-row-collapsed:after {\n content: \"+\"; }\n .u-table-row.selected {\n background: rgb(235, 236, 240); }\n .u-table tr.u-table-expanded-row {\n background: #f7f7f7; }\n .u-table tr.u-table-expanded-row:hover {\n background: #f7f7f7; }\n .u-table tr.u-table-expanded-row .u-table {\n z-index: 1; }\n .u-table-column-hidden {\n display: none; }\n .u-table-prev-columns-page, .u-table-next-columns-page {\n cursor: pointer;\n color: #666;\n z-index: 1; }\n .u-table-prev-columns-page:hover, .u-table-next-columns-page:hover {\n color: #2db7f5; }\n .u-table-prev-columns-page-disabled, .u-table-next-columns-page-disabled {\n cursor: not-allowed;\n color: #999; }\n .u-table-prev-columns-page-disabled:hover, .u-table-next-columns-page-disabled:hover {\n color: #999; }\n .u-table-prev-columns-page {\n margin-right: 8px; }\n .u-table-prev-columns-page:before {\n content: \"<\"; }\n .u-table-next-columns-page {\n float: right; }\n .u-table-next-columns-page:before {\n content: \">\"; }\n .u-table-fixed-left, .u-table-fixed-right {\n position: absolute;\n top: 0;\n overflow: hidden;\n z-index: 1; }\n .u-table-fixed-left table, .u-table-fixed-right table {\n width: auto;\n background: #fff; }\n .u-table-fixed-left {\n left: 0;\n box-shadow: 4px 0 4px rgba(100, 100, 100, 0.1); }\n .u-table-fixed-left-body-inner {\n margin-right: -20px;\n padding-right: 20px; }\n .u-table-fixed-left-fixed-header .u-table-fixed-left .u-table-fixed-left-body-inner {\n padding-right: 0; }\n .u-table-fixed-right {\n right: 0;\n box-shadow: -4px 0 4px rgba(100, 100, 100, 0.1); }\n .u-table-fixed-right-expanded-row {\n color: transparent;\n pointer-events: none; }\n .u-table-scroll-position-left .u-table-fixed-left {\n box-shadow: none; }\n .u-table-scroll-position-right .u-table-fixed-right {\n box-shadow: none; }\n .u-table-thead .filter-text, .u-table-thead .filter-dropdown, .u-table-thead .filter-date {\n font-weight: normal; }\n .u-table-thead .filter-wrap {\n display: flex;\n justify-content: center;\n align-items: center; }\n .u-table-thead .filter-wrap .filter-btns {\n min-width: 58px; }\n .u-table-thead th {\n background: rgb(247,247,247);\n color: rgb(102, 102, 102);\n background-clip: padding-box;\n -moz-user-select: -moz-none;\n -khtml-user-select: none;\n -webkit-user-select: none;\n /*\n Introduced in IE 10. \n */\n -ms-user-select: none;\n user-select: none; }\n .u-table-thead th .bee-table-column-sorter {\n position: relative;\n margin-left: 4px;\n height: 1em;\n vertical-align: middle;\n text-align: center;\n display: inline-block; }\n .u-table-thead th .bee-table-column-sorter > .bee-table-column-sorter-down,\n .u-table-thead th .bee-table-column-sorter > .bee-table-column-sorter-up, .u-table-thead th .bee-table-column-sorter > .bee-table-column-sorter-flat {\n line-height: 6px;\n display: block;\n width: 34px;\n cursor: pointer; }\n .u-table-thead th .bee-table-column-sorter-down.on .uf-triangle-down,\n .u-table-thead th .bee-table-column-sorter-down.on .uf-triangle-up,\n .u-table-thead th .bee-table-column-sorter-up.on .uf-triangle-down,\n .u-table-thead th .bee-table-column-sorter-up.on .uf-triangle-up {\n color: #108ee9; }\n .u-table-thead th .bee-table-column-sorter .uf-triangle-down,\n .u-table-thead th .bee-table-column-sorter .uf-triangle-up {\n -webkit-filter: none;\n filter: none;\n font-size: 12px; }\n .u-table-thead th .bee-table-column-sorter .uf-triangle-down,\n .u-table-thead th .bee-table-column-sorter .uf-triangle-up {\n display: inline-block;\n padding: 0;\n font-size: 12px;\n font-size: 8px\\9;\n -webkit-transform: scale(0.66667) rotate(0deg);\n -ms-transform: scale(0.66667) rotate(0deg);\n transform: scale(0.66667) rotate(0deg);\n -ms-filter: \"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)\";\n zoom: 1;\n line-height: 4px;\n height: 4px;\n color: #999; }\n .u-table-thead th:hover .bee-table-column-sorter {\n display: inline-block; }\n .u-table-thead .th-drag {\n cursor: move; }\n .u-table-thead .th-drag:hover {\n background: rgb(235, 236, 240); }\n .u-table-thead .th-drag-hover {\n background: #ccc; }\n .u-table-thead-th {\n position: relative; }\n .u-table-thead-th-drag-gap {\n height: 100%;\n position: absolute;\n right: -10px;\n top: 0;\n width: 20px;\n box-sizing: border-box;\n z-index: 1; }\n .u-table-thead-th-drag-gap .online {\n height: 100%;\n width: 1px;\n background: transparent;\n margin: 0 auto; }\n .u-table-thead-th-drag-gap .online-hover {\n background: #000000; }\n .u-table-thead-th-drag-gap:hover {\n cursor: col-resize; }\n .u-table-thead-th-drag-gap:hover .online {\n background: #000000; }\n .u-table-thead-th:last-child-drag-gap {\n border: none; }\n .u-table-filter-column-pop-cont {\n margin: 10px;\n margin-top: 0px;\n height: 300px;\n overflow-y: scroll; }\n .u-table-filter-column-clear-setting {\n border-bottom: 1px solid #ccc;\n cursor: pointer; }\n .u-table-filter-column-cont {\n position: relative; }\n .u-table-filter-column-filter-icon {\n position: absolute;\n top: 3px;\n right: 18px;\n width: 22px;\n height: 25px;\n line-height: 25px;\n z-index: 2;\n background: #f7f7f7; }\n .u-table-filter-column-filter-iconi.uf {\n padding: 0px; }\n .u-table-filter-column-pop-cont-item {\n margin-top: 10px;\n line-height: 30px;\n cursor: pointer; }\n .u-table-filter-column-pop-cont-item > span {\n margin-left: 5px;\n width: 100px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap; }\n .u-table-filter-column-pop .u-modal-dialog {\n border: 1px solid #ccc;\n background: #fff; }\n .u-table-row-fixed-columns-in-body {\n display: none;\n pointer-events: none; }\n .u-table .u-checkbox {\n height: 16px;\n line-height: 16px;\n margin: 0px; }\n\n.u-table:focus {\n outline: none;\n box-shadow: 0 0 0; }\n\n.u-table-bordered .u-table-drag-gap {\n background: #e9e9e9; }\n\n.u-table.bordered table {\n border-collapse: collapse; }\n\n.u-table.bordered th,\n.u-table.bordered td {\n border: 1px solid rgb(233,233,233); }\n\n.move-enter,\n.move-appear {\n opacity: 0;\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-duration: 2.5s;\n animation-fill-mode: both;\n animation-play-state: paused; }\n\n.move-leave {\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-duration: 0.5s;\n animation-fill-mode: both;\n animation-play-state: paused; }\n\n.move-enter.move-enter-active,\n.move-appear.move-enter-active {\n animation-name: moveLeftIn;\n animation-play-state: running; }\n\n.move-leave.move-leave-active {\n animation-name: moveRightOut;\n animation-play-state: running; }\n\n@keyframes moveLeftIn {\n 0% {\n transform-origin: 0 0;\n transform: translateX(30px);\n opacity: 0;\n background: rgb(238,238,238); }\n 20% {\n transform-origin: 0 0;\n transform: translateX(0);\n opacity: 1; }\n 80% {\n background: rgb(238,238,238); }\n 100% {\n background: transparent;\n opacity: 1; } }\n\n@keyframes moveRightOut {\n 0% {\n transform-origin: 0 0;\n transform: translateX(0);\n opacity: 1; }\n 100% {\n transform-origin: 0 0;\n transform: translateX(-30px);\n opacity: 0; } }\n\n.formItem-style {\n height: unset;\n min-height: unset;\n padding: 0; }\n\n.errMessage-style {\n display: none;\n border: none;\n /* margin-top: 5px; */\n /* margin-bottom: 5px; */\n background: transparent;\n color: #f22c1d;\n /* padding-left: 12px; */\n /* padding-right: 12px; */\n margin: 0;\n position: absolute;\n padding: 0;\n top: 3px;\n right: 0; }\n\n.editable-cell {\n position: relative; }\n\n.editable-cell-input-wrapper,\n.editable-cell-text-wrapper {\n padding-right: 24px; }\n\n.editable-cell-input-wrapper .u-form-item.formItem-style .u-label {\n display: none; }\n\n.editable-cell-input-wrapper .u-input-group .u-form-control {\n height: 26px;\n font-size: 12px; }\n\n.editable-cell-text-wrapper {\n padding: 5px 24px 5px 5px;\n height: 30px; }\n\n.editable-cell-icon,\n.editable-cell-icon-check {\n position: absolute;\n top: 0;\n right: 0;\n width: 20px;\n cursor: pointer; }\n\n.editable-cell-icon {\n line-height: 28px;\n display: none; }\n\n.editable-cell-icon-check {\n line-height: 28px; }\n\n.editable-cell:hover .editable-cell-icon {\n display: inline-block; }\n\n.editable-cell-icon:hover,\n.editable-cell-icon-check:hover {\n color: #2db7f5; }\n\n.editable-add-btn {\n margin-bottom: 8px; }\n\n.search-component {\n margin-bottom: 20px; }\n .search-component .empty-search {\n position: absolute;\n right: 45px;\n z-index: 20;\n top: 5px;\n color: #524e4e;\n cursor: pointer; }\n .search-component.u-input-group.simple {\n float: right; }\n .search-component.u-input-group.simple .u-form-control {\n width: 251px;\n background: #f5f5f5;\n border-color: #f5f5f5;\n border-radius: 20px; }\n .search-component.u-input-group.simple .u-input-group-btn {\n top: 3px;\n right: 20px;\n position: absolute; }\n\n.col-resize-container {\n height: 0px;\n position: relative; }\n .col-resize-container + .table-col-resizer:first-of-type {\n table-layout: fixed; }\n .col-resize-container .active-drag .icon {\n visibility: visible; }\n .col-resize-container .last-handle {\n display: none; }\n .col-resize-container .drag-handle {\n margin-left: -5px;\n position: absolute;\n z-index: 5;\n width: 10px;\n cursor: col-resize; }\n .col-resize-container .drag-handle .icon {\n color: #40b0dc;\n top: -1px;\n position: absolute;\n visibility: hidden; }\n .col-resize-container .drag-handle .icon:first-child {\n left: -2px; }\n .col-resize-container .drag-handle .icon:last-child {\n left: 6px; }\n .col-resize-container .drag-handle:hover .icon {\n visibility: visible; }\n .col-resize-container .drag-handle:hover .col-resizer {\n border: 1px solid; }\n .col-resize-container .drag-handle.disabled-drag {\n cursor: default;\n display: none; }\n .col-resize-container .drag-handle .col-resizer {\n position: absolute;\n width: 1px;\n height: 100%;\n top: 0px;\n left: 3px; }\n\n.u-filter-dropdown-menu-wrap {\n z-index: 1800; }\n .u-filter-dropdown-menu-wrap .u-dropdown-menu li.u-dropdown-menu-item {\n line-height: 32px;\n height: 32px;\n padding: 0px 16px 0 16px;\n cursor: pointer; }\n\n.u-row-hover {\n position: absolute;\n right: 24px;\n display: none;\n align-items: center;\n justify-content: center;\n background: transparent; }\n\n.u-row-hover2 {\n position: absolute;\n left: 100; }\n\n::-webkit-scrollbar {\n width: 8px;\n height: 8px; }\n\n::-webkit-scrollbar-button {\n display: none; }\n\n::-webkit-scrollbar-thumb {\n background: #d5d5d5 !important;\n border-radius: 5px; }\n\n::-webkit-scrollbar-thumb {\n border-radius: 4px;\n background-color: #d5d5d5;\n position: absolute; }\n\n::-webkit-scrollbar-track {\n display: none; }\n\n::-webkit-scrollbar-track-piece {\n display: none; }\n\n.selected {\n background: #e3f2fd; }\n\n.demo25 {\n height: 100%; }\n .demo25 .u-table-filter-column-filter-icon {\n right: 15px; }\n\nth .drop-menu .uf {\n font-size: 12px;\n visibility: hidden;\n margin-left: 15px; }\n\nth:hover .uf {\n visibility: visible; }\n\n.demo3 .u-table-thead th {\n padding-top: 0px;\n padding-bottom: 0px; }\n\n.demo8 .u-table {\n margin-bottom: 11px; }\n\n.demo8 .u-pagination {\n display: flex;\n align-items: center;\n justify-content: center; }\n\n\n.opt-btns .u-button {\n background-color: #505F79;\n border-color: #505F79;\n color: #fff; }\n .opt-btns .u-button:hover, .opt-btns .u-button:active {\n background-color: #344563;\n border-color: #344563; }\n","\r\n\r\n// $performance_font: 'Helvetica', 'Arial', sans-serif !default;\r\n\r\n@import \"minxin-colors\";\r\n\r\n\r\n\r\n@function strip-units($number) {\r\n @return $number / ($number * 0 + 1);\r\n}\r\n$unit: 10px !default;\r\n// IMAGES\r\n$image_path: '/images' !default;\r\n\r\n\r\n\r\n//默认颜色\r\n$trim-color-classes: false !default;\r\n\r\n@import \"minxin-themeColors\";\r\n\r\n//对比色\r\n$color-primary-contrast: $color-dark-contrast !default;\r\n$color-accent-contrast: $color-dark-contrast !default;\r\n//字体颜色\r\n$color-text: $palette-grey-900 !default;\r\n\r\n//不明所以 $primary-color: unquote(\"rgba(#{$palette-grey-500}, 0.20)\") !default;\r\n\r\n// -- Fonts 字体大小权重预定义\r\n$preferred-font: 'Open Sans','Helvetica Neue',Arial,'Hiragino Sans GB','Microsoft YaHei',sans-serif !default;\r\n$font-size: 1.6 * $unit !default;\r\n$font-size-tiny: 1.2 * $unit !default;\r\n$font-size-small: 1.4 * $unit !default;\r\n$font-size-normal: $font-size !default;\r\n$font-size-big: 1.8 * $unit !default;\r\n$font-weight-thin: 300 !default;\r\n$font-weight-normal: 400 !default;\r\n$font-weight-semi-bold: 500 !default;\r\n$font-weight-bold: 700 !default;\r\n$font-color:unquote(\"rgb(#{$palette-u-gray-800})\") !default;\r\n\r\n\r\n$font-weight-override: false;\r\n$font-weight-light: 300;\r\n$font-weight-normal: 400;\r\n$font-weight-medium: 500;\r\n$font-weight-bold: 700;\r\n$font-weight-base: $font-weight-normal;\r\n\r\n\r\n\r\n\r\n$gray-base: unquote(\"rgb(#{$palette-grey-900})\") !default;\r\n$gray-darkest: unquote(\"rgb(#{$palette-grey-800})\") !default;\r\n$gray-darker: unquote(\"rgb(#{$palette-grey-700})\") !default;\r\n$gray-dark: unquote(\"rgb(#{$palette-grey-600})\") !default;\r\n$gray: unquote(\"rgb(#{$palette-grey-500})\") !default;\r\n$gray-light: unquote(\"rgb(#{$palette-grey-400})\") !default;\r\n$gray-lighter: unquote(\"rgb(#{$palette-grey-300})\") !default;\r\n$gray-lightest:unquote(\"rgb(#{$palette-grey-200})\") !default;\r\n$inverse: unquote(\"rgb(#{$color-white})\") !default;\r\n// $border-color-base: $gray-lighter;\r\n$border-color-base: unquote(\"rgb(#{$border-color})\") !default;\r\n$line-height-base: 1.57142857;\r\n\r\n// 边框圆角\r\n$border-radius-base: $border-radius;\r\n\r\n// 阴影\r\n\r\n$shadow-key-umbra-opacity: 0.2 !default;\r\n$shadow-key-penumbra-opacity: 0.14 !default;\r\n$shadow-ambient-shadow-opacity: 0.12 !default;\r\n\r\n$shadow-base: 0 1px 5px $gray-lighter;\r\n\r\n\r\n\r\n//-- Indexes\r\n$z-index-highest: 300;\r\n$z-index-higher: 200;\r\n$z-index-high: 100;\r\n$z-index-normal: 1;\r\n$z-index-low: -100;\r\n$z-index-lower: -200;\r\n\r\n$zindex-modal: 1700;\r\n$zindex-modal-background: 1600;\r\n$zIndex-notification: 1560;\r\n$zIndex-message: 1550;\r\n$zIndex-popconfirm: 1540;\r\n$zIndex-popover: 1540;\r\n$zIndex-tooltip: 1530;\r\n$zIndex-alert: 1510;\r\n$zindex-navbar-fixed: 1500;\r\n$zindex-menubar: 1400;\r\n$zindex-overlay: 1300;\r\n$zindex-dropdown: 1200;\r\n$zindex-navbar: 1200;\r\n$zindex-header: 1100;\r\n$zindex-footer: 1000;\r\n$zindex-backtop:2000;\r\n\r\n// 文本字体\r\n\r\n//todo\r\n$text-color-primary: unquote(\"rgba(#{$color-black}, 0.87)\") !default;\r\n$text-link-color: unquote(\"rgb(#{$color-accent})\") !default;\r\n\r\n$target-elements-directly: true !default;\r\n\r\n\r\n$global-selected-color: unquote(\"rgb(#{$palette-blue-100})\") !default;\r\n\r\n\r\n// 控件\r\n$cursor-disabled: not-allowed;\r\n\r\n\r\n$title-color: $gray-darkest;\r\n//todo\r\n$subtitle-color: $gray-darker;\r\n$text-color: $gray-dark;\r\n\r\n$prompt-color: $gray;\r\n//全局不同状态颜色\r\n//todo\r\n$active-color-base: unquote(\"rgb(#{$palette-blue-800})\") !default;\r\n$normal-color-base: unquote(\"rgb(#{$palette-blue-600})\") !default;\r\n$hover-color-base: unquote(\"rgb(#{$palette-blue-400})\") !default;\r\n\r\n$bg-color-base: $gray-lightest;\r\n\r\n//disable颜色\r\n$disabled-color-base: $gray-light;\r\n$disabled-border-color: $gray-lighter;\r\n$disabled-bg-color: $gray-lightest;\r\n\r\n// 全局链接颜色\r\n$link-color: $normal-color-base;\r\n$link-hover-color: $hover-color-base;\r\n$link-active-color: $active-color-base;\r\n\r\n// 品牌色\r\n$brand-default: $gray-lighter;\r\n$brand-default-hover: $gray-lightest;\r\n$brand-default-active: $gray-light;\r\n// $brand-default: unquote(\"rgb(#{$color-primary})\");\r\n// $brand-default-hover: unquote(\"rgb(#{$color-primary-light})\");\r\n// $brand-default-active: unquote(\"rgb(#{$color-primary-dark})\");\r\n\r\n$brand-primary : unquote(\"rgb(#{$primary-color})\") !default;\r\n$brand-primary-hover: unquote(\"rgb(#{$primary-color-light})\") !default;\r\n$brand-primary-active: unquote(\"rgb(#{$primary-color-dark})\") !default;\r\n\r\n$brand-secondary : unquote(\"rgb(#{$secondary-color})\") !default;\r\n$brand-secondary-hover: unquote(\"rgb(#{$secondary-color-light})\") !default;\r\n$brand-secondary-active: unquote(\"rgb(#{$secondary-color-dark})\") !default;\r\n\r\n$brand-success: unquote(\"rgb(#{$palette-green-500})\") !default;\r\n$brand-success-hover: unquote(\"rgb(#{$palette-green-300})\") !default;\r\n$brand-success-active: unquote(\"rgb(#{$palette-green-700})\") !default;\r\n\r\n$brand-info: unquote(\"rgb(#{$palette-cyan-500})\") !default;\r\n$brand-info-hover: unquote(\"rgb(#{$palette-cyan-300})\") !default;\r\n$brand-info-active: unquote(\"rgb(#{$palette-cyan-700})\") !default;\r\n\r\n$brand-warning: unquote(\"rgb(#{$palette-orange-500})\") !default;\r\n$brand-warning-hover: unquote(\"rgb(#{$palette-orange-300})\") !default;\r\n$brand-warning-active: unquote(\"rgb(#{$palette-orange-700})\") !default;\r\n\r\n\r\n$brand-news: unquote(\"rgb(#{$palette-blue-500})\") !default;\r\n$brand-news-hover: unquote(\"rgb(#{$palette-blue-300})\") !default;\r\n$brand-news-active: unquote(\"rgb(#{$palette-blue-700})\") !default;\r\n\r\n$brand-danger: unquote(\"rgb(#{$palette-red-500})\") !default;\r\n$brand-danger-hover: unquote(\"rgb(#{$palette-red-300})\") !default;\r\n$brand-danger-active: unquote(\"rgb(#{$palette-red-700})\") !default;\r\n\r\n$brand-dark: $gray-darker;\r\n$brand-dark-hover: $gray-dark;\r\n$brand-dark-active: $gray-darkest;\r\n\r\n$brand-light : unquote(\"rgb(#{$color-dark-contrast})\") !default;\r\n$brand-light-hover: unquote(\"rgb(#{$palette-grey-200})\") !default;\r\n$brand-light-active: unquote(\"rgb(#{$palette-grey-400})\") !default;\r\n\r\n$brand-light-primary : unquote(\"rgb(#{$palette-blue-100})\") !default;\r\n$brand-light-success: unquote(\"rgb(#{$palette-green-100})\") !default;\r\n$brand-light-info: unquote(\"rgb(#{$palette-cyan-100})\") !default;\r\n$brand-light-warning: unquote(\"rgb(#{$palette-orange-100})\") !default;\r\n$brand-light-news: unquote(\"rgb(#{$palette-blue-100})\") !default;\r\n$brand-light-danger: unquote(\"rgb(#{$palette-red-100})\") !default;\r\n\r\n//不同背景下对应的文字颜色\r\n\r\n$color-news: unquote(\"rgb(#{$palette-blue-500})\") !default;\r\n$color-success: unquote(\"rgb(#{$palette-green-500})\") !default;\r\n$color-info: unquote(\"rgb(#{$palette-cyan-500})\") !default;\r\n$color-warning: unquote(\"rgb(#{$palette-orange-500})\") !default;\r\n$color-danger: unquote(\"rgb(#{$palette-red-500})\") !default;\r\n$color-light: $gray-darker !default;\r\n\r\n//redius\r\n\r\n$default-border-radius: $border-radius;\r\n\r\n// hover时的背景色,包括select、dropdown、table、datepicker、tree、menu等组件\r\n$hover-bg-color-base: unquote(\"rgb(#{$item-hover-bg-color-base})\") !default;\r\n// // selected背景色,包括:select、menu等\r\n$selected-bg-color-base: unquote(\"rgb(#{$item-selected-bg-color-base})\") !default;\r\n\r\n// UButton\r\n\r\n// Button 基础背景色.\r\n// 默认按钮()\r\n$button-default-color: unquote(\"rgb(#{$default-color})\");\r\n$button-default-color-IE8: unquote(\"rgb(#{$default-color})\");\r\n\r\n// 边框按钮(shape:'border')\r\n$button-border-bg-color: unquote(\"rgb(#{$color-dark-contrast})\");\r\n\r\n// Button 不同状态下的背景色 :hover、active、focus状态.\r\n$button-hover-color: unquote(\"rgb(#{$default-color-light})\");\r\n$button-active-color: unquote(\"rgb(#{$default-color-dark})\");\r\n$button-focus-color: unquote(\"rgb(#{$default-color-light})\");\r\n\r\n// Button 配置不同colors属性时的背景色.\r\n$button-primary-color: $brand-primary;\r\n$button-primary-active-color: $brand-primary-active;\r\n$button-primary-hover-color: $brand-primary-hover;\r\n$button-secondary-color: $brand-secondary;\r\n$button-secondary-active-color: $brand-secondary-active;\r\n$button-secondary-hover-color: $brand-secondary-hover;\r\n$button-success-color: $brand-success;\r\n$button-success-active-color: $brand-success-active;\r\n$button-success-hover-color: $brand-success-hover;\r\n$button-info-color: $brand-info;\r\n$button-info-active-color: $brand-info-active;\r\n$button-info-hover-color: $brand-info-hover;\r\n$button-warning-color: $brand-warning;\r\n$button-warning-active-color: $brand-warning-active;\r\n$button-warning-hover-color: $brand-warning-hover;\r\n$button-danger-color: $brand-danger;\r\n$button-danger-active-color: $brand-danger-active;\r\n$button-danger-hover-color: $brand-danger-hover;\r\n$button-dark-color: $brand-dark;\r\n$button-dark-active-color: $brand-dark-active;\r\n$button-dark-hover-color: $brand-dark-hover;\r\n$button-light-color: $brand-light;\r\n$button-light-active-color: $brand-light-active;\r\n$button-light-hover-color: $brand-light-hover;\r\n\r\n// Button 文字颜色.\r\n// 主按钮(colors:'primary')\r\n$button-primary-text-color: unquote(\"rgb(#{$text-color-base})\") !default;\r\n$button-text-color: $button-primary-text-color;\r\n// 次按钮(colors:'secondary')\r\n$button-second-text-color: unquote(\"rgb(#{$button-secondary-text-color})\") !default;\r\n// 默认按钮()\r\n$button-default-text-color: unquote(\"rgb(#{$palette-grey-900})\") !default;\r\n// 边框按钮(shape:'border')\r\n// $button-border-text-color: unquote(\"rgb(#{$primary-color})\") !default;\r\n\r\n// Button 边框样式及颜色.\r\n$button-border-style: unquote(\"solid\") !default;\r\n$button-border-color: $border-color-base;\r\n$button-default-border-color: $button-default-color !default;\r\n\r\n// Button 不同状态下的边框颜色 :hover、active、focus状态.\r\n$button-hover-border-color: $brand-default-hover;\r\n$button-active-border-color: $brand-default-active;\r\n$button-focus-border-color: $brand-default-active;\r\n\r\n// FAB colors and sizes.\r\n$button-fab-color-alt: unquote(\"rgb(#{$color-accent})\") !default;\r\n$button-fab-hover-color-alt: unquote(\"rgb(#{$color-accent-light})\") !default;\r\n$button-fab-active-color-alt: unquote(\"rgb(#{$color-accent})\") !default;\r\n$button-fab-text-color-alt: unquote(\"rgb(#{$color-accent-contrast})\") !default;\r\n$button-fab-ripple-color-alt: unquote(\"rgb(#{$color-accent-contrast})\") !default;\r\n\r\n// Icon button colors and sizes.\r\n$button-icon-color: unquote(\"rgb(#{$palette-grey-700})\") !default;\r\n$button-icon-focus-color: $button-focus-color !default;\r\n\r\n// Button 最小宽度、高度、内边距、外边距、行高、边框粗细、圆角.\r\n$button-min-width: 72/10 * $unit !default;\r\n$button-height: 36/10 * $unit !default;\r\n$button-padding: 4/10* $unit 13/10 * $unit !default;\r\n$button-padding-IE8: 4px 13px !default;\r\n$button-top-padding: 1310 * $unit !default;\r\n$button-left-padding: 6/10* $unit !default;\r\n$button-line-height:1.57142857;\r\n$button-margin: 4/10 * $unit !default;\r\n$button-border-radius: 3/10 * $unit !default;\r\n$button-border-width: 1/10 * $unit !default;\r\n\r\n$button-fab-size: 38/10 * $unit !default;\r\n$button-fab-size-mini: 30/10 * $unit !default;\r\n$button-fab-font-size: 14/10 * $unit !default;\r\n\r\n$button-icon-size: 32/10 * $unit !default;\r\n$button-icon-size-mini: 13/10 * $unit !default;\r\n\r\n$button-raised-font-size: 14/10 * $unit !default;\r\n\r\n// Button 大按钮\r\n$button-padding-y-lg:8px;\r\n$button-padding-x-lg:15px;\r\n$font-size-lg:1.4 * $unit;\r\n\r\n\r\n// Button 特大型按钮\r\n$button-padding-y-xg:10.5px;\r\n$button-padding-x-xg:18px;\r\n$font-size-xg:1.6 * $unit;\r\n\r\n\r\n// Button 小型按钮\r\n$button-padding-y-sm:3px;\r\n$button-padding-x-sm:5px;\r\n$font-size-sm:1.2 * $unit;\r\n\r\n\r\n\r\n// UText\r\n\r\n\r\n$form-control-border-radius: $border-radius-base;\r\n$form-control-default-font-size: 14px;\r\n$form-control-lg-font-size: 14px;\r\n$form-control-sm-font-size: 12px;\r\n$form-control-default-height: 32px;\r\n$form-control-lg-height: 40px;\r\n$form-control-sm-height: 26px;\r\n$form-control-color: #424242;\r\n$form-control-bg-color: #fff;\r\n$form-control-border-color: $border-color-base;\r\n$form-control-disable-bg-color: #F7F9FB;\r\n$form-control-disable-color: #909090;\r\n$form-control-disable-border-color: #DFE1E6;\r\n\r\n$input-text-background-color: transparent !default;\r\n$input-text-label-color: unquote(\"rgba(#{$color-black}, 0.26)\") !default;\r\n$input-text-bottom-border-color: unquote(\"rgba(#{$color-black}, 0.12)\") !default;\r\n$input-text-bottom-border-color-IE8: unquote(\"rgb(#{$color-black})\") !default;\r\n$input-text-highlight-color: unquote(\"rgb(#{$primary-color})\") !default;\r\n$input-text-disabled-color: $input-text-bottom-border-color !default;\r\n$input-text-disabled-text-color: $input-text-label-color !default;\r\n$input-text-error-color: unquote(\"rgb(222, 50, 38)\") !default;\r\n$input-text-must-color:unquote(\"rgb(#{$palette-red-A700})\") !default;\r\n\r\n\r\n$input-text-font-size: 14px !default;\r\n$input-text-width: 100% !default;\r\n$input-text-padding: 4px !default;\r\n$input-text-vertical-spacing: 20px !default;\r\n\r\n$input-text-button-size: 32px !default;\r\n$input-text-floating-label-fontsize: 12px !default;\r\n$input-text-expandable-icon-top: 16px !default;\r\n$input-text-height:36px !default;\r\n$input-text-normal-width:360px !default;\r\n$input-text-short-width:180px !default;\r\n$input-text-normal-border-color:unquote(\"rgb(#{$palette-u-gray-400})\") !default;\r\n$input-text-color:unquote(\"rgb(#{$palette-u-gray-A200})\") !default;\r\n$input-text-focus-border-color:unquote(\"rgb(#{$palette-u-blue-400})\") !default;\r\n$input-lable-color:unquote(\"rgb(#{$palette-u-gray-900})\") !default;\r\n\r\n\r\n/* FormGroup */\r\n\r\n$error-input-border:$brand-danger;\r\n$warning-input-border:$brand-warning;\r\n$success-input-border:$brand-success;\r\n$success-addon-bg: $brand-light-success;\r\n$warning-addon-bg: $brand-light-warning;\r\n$error-addon-bg: $brand-light-danger;\r\n$form-group-margin-top: 15px;\r\n$form-group-margin-bottom: 15px;\r\n\r\n/* Navlayout */\r\n\r\n$layout-nav-color: unquote(\"rgb(#{$palette-grey-100})\") !default;\r\n\r\n// Drawer\r\n$layout-drawer-bg-color: unquote(\"rgb(#{$palette-grey-50})\") !default;\r\n$layout-drawer-border-color: unquote(\"rgb(#{$palette-grey-300})\") !default;\r\n$layout-text-color: unquote(\"rgb(#{$palette-grey-800})\") !default;\r\n$layout-drawer-navigation-color: #757575 !default;\r\n$layout-drawer-navigation-link-active-background: unquote(\"rgb(#{$palette-grey-200})\") !default;\r\n$layout-drawer-navigation-link-active-color: $layout-text-color !default;\r\n\r\n// Header\r\n$layout-header-bg-color: unquote(\"rgb(#{$primary-color})\") !default;\r\n$layout-header-text-color: unquote(\"rgb(#{$color-primary-contrast})\") !default;\r\n$layout-header-nav-hover-color: unquote(\"rgba(#{$palette-grey-700}, 0.6)\") !default;\r\n$layout-header-tab-text-color: unquote(\"rgba(#{$color-primary-contrast}, 0.6)\") !default;\r\n\r\n// Tabs\r\n$layout-header-tab-highlight: unquote(\"rgb(#{$color-accent})\") !default;\r\n\r\n$layout-nav-link-font-size: 13px !default;\r\n\r\n$layout-drawer-narrow: 240px !default;\r\n$layout-drawer-wide: 456px !default;\r\n$layout-drawer-width: $layout-drawer-narrow !default;\r\n\r\n$layout-header-icon-size: 32px !default;\r\n$layout-screen-size-threshold: 1024px !default;\r\n$layout-header-icon-margin: 24px !default;\r\n$layout-drawer-button-mobile-size: 44px !default;\r\n$layout-drawer-button-desktop-size: 34px !default;\r\n$layout-drawer-button-desktop-margin-top: 5px !default;\r\n$layout-drawer-button-mobile-margin-top: 10px !default;\r\n\r\n$layout-header-mobile-row-height: 56px !default;\r\n$layout-mobile-header-height: $layout-header-mobile-row-height;\r\n$layout-header-desktop-row-height: 44px !default;\r\n$layout-desktop-header-height: $layout-header-desktop-row-height;\r\n\r\n$layout-header-desktop-baseline: 80px !default;\r\n$layout-header-mobile-baseline: 72px !default;\r\n$layout-header-mobile-indent: 16px !default;\r\n$layout-header-desktop-indent: 40px !default;\r\n\r\n$layout-tab-font-size: 14px !default;\r\n$layout-tab-bar-height: 48px !default;\r\n$layout-tab-mobile-padding: 12px !default;\r\n$layout-tab-desktop-padding: 24px !default;\r\n$layout-tab-highlight-thickness: 2px !default;\r\n\r\n// gridlayout\r\n\r\n// Extra small screen / phone\r\n//$screen-xs: 480px;\r\n\r\n$screen-xs-min: 480px;\r\n// Deprecated `@screen-phone` as of v3.0.1\r\n//@screen-phone: @screen-xs-min;\r\n\r\n// Small screen / tablet\r\n// Deprecated `@screen-sm` as of v3.0.1\r\n//@screen-sm: 768px;\r\n$screen-sm-min: 768px;\r\n// Deprecated `@screen-tablet` as of v3.0.1\r\n//@screen-tablet: @screen-sm-min;\r\n\r\n// Medium screen / desktop\r\n// Deprecated `@screen-md` as of v3.0.1\r\n//@screen-md: 992px;\r\n$screen-md-min: 992px;\r\n// Deprecated `@screen-desktop` as of v3.0.1\r\n//@screen-desktop: @screen-md-min;\r\n\r\n// Large screen / wide desktop\r\n// Deprecated `@screen-lg` as of v3.0.1\r\n//@screen-lg: 1200px;\r\n$screen-lg-min: 1200px;\r\n// Deprecated `@screen-lg-desktop` as of v3.0.1\r\n//@screen-lg-desktop: @screen-lg-min;\r\n$screen-xs-max: ($screen-sm-min - 1 );\r\n\r\n$screen-sm-max: ($screen-sm-min - 1 );\r\n\r\n$screen-md-max: ($screen-lg-min - 1 );\r\n\r\n\r\n\r\n\r\n// Number of columns in the grid.\r\n$grid-columns: 12;\r\n// Padding between columns. Gets divided in half for the left and right.\r\n$grid-gutter-width: 30px;\r\n// Navbar collapse\r\n// Point at which the navbar becomes uncollapsed.\r\n$grid-float-breakpoint: 768px;\r\n// Point at which the navbar begins collapsing.\r\n$grid-float-breakpoint-max: ($grid-float-breakpoint - 1);\r\n\r\n\r\n// Small screen / tablet\r\n$container-tablet: (720px + $grid-gutter-width);\r\n// For `@screen-sm-min` and up.\r\n$container-sm: $container-tablet;\r\n\r\n// Medium screen / desktop\r\n$container-desktop: (940px + $grid-gutter-width);\r\n// For `@screen-md-min` and up.\r\n$container-md: $container-desktop;\r\n\r\n// Large screen / wide desktop\r\n$container-large-desktop: (1140px + $grid-gutter-width);\r\n// For `@screen-lg-min` and up.\r\n$container-lg: $container-large-desktop;\r\n\r\n\r\n\r\n// menu\r\n\r\n$default-dropdown-bg-color: unquote(\"rgb(#{$color-white})\") !default;\r\n$menu-expand-duration: 0.3s !default;\r\n$menu-fade-duration: 0.2s !default;\r\n\r\n// Default Item Colors\r\n$default-item-text-color: unquote(\"rgba(#{$color-black}, 0.87)\") !default;\r\n$default-item-text-color-IE8: unquote(\"rgb(#{$color-black})\") !default;\r\n$default-item-outline-color: unquote(\"rgb(#{$palette-u-blue-400})\") !default;\r\n$default-item-hover-bg-color: unquote(\"rgb(#{$palette-u-blue-100})\") !default;\r\n$default-item-focus-bg-color: unquote(\"rgb(#{$palette-u-blue-200})\") !default;\r\n$default-item-active-bg-color: unquote(\"rgb(#{$palette-u-blue-200})\") !default;\r\n$default-item-divider-color: unquote(\"rgba(#{$color-black}, 0.12)\") !default;\r\n\r\n// Disabled Button Colors\r\n$disabled-item-text-color: unquote(\"rgb(#{$palette-grey-400})\") !default;\r\n\r\n// Tile\r\n$tile-width: 100%;\r\n\r\n$tile-default-border-color: #e9e9e9;\r\n$tile-default-hover-shadow-color: rgba(0, 0, 0, 0.2);\r\n\r\n$tile-primary-border-color: $button-primary-color;\r\n$tile-primary-hover-shadow-color: $button-primary-hover-color;\r\n\r\n$tile-danger-border-color: $button-danger-color;\r\n$tile-danger-hover-shadow-color: $button-danger-hover-color;\r\n\r\n$tile-warning-border-color: $button-warning-color;\r\n$tile-warning-hover-shadow-color: $button-warning-hover-color;\r\n\r\n$tile-success-border-color: $button-success-color;\r\n$tile-success-hover-shadow-color: $button-success-hover-color;\r\n\r\n$tile-info-border-color: $button-info-color;\r\n$tile-info-hover-shadow-color: $button-info-hover-color;\r\n\r\n// Alert\r\n$alert-news-bg: $brand-light-news;\r\n$alert-success-bg: $brand-light-success;\r\n$alert-info-bg: $brand-light-info;\r\n$alert-warning-bg: $brand-light-warning;\r\n$alert-danger-bg: $brand-light-danger;\r\n\r\n\r\n$alert-dark-news-bg: $brand-news;\r\n$alert-dark-success-bg: $brand-success;\r\n$alert-dark-info-bg: $brand-info;\r\n$alert-dark-warning-bg: $brand-warning;\r\n$alert-dark-danger-bg: $brand-danger;\r\n\r\n$alert-news-color: $color-news;\r\n$alert-success-color: $color-success;\r\n$alert-info-color: $color-info;\r\n$alert-warning-color: $color-warning;\r\n$alert-danger-color: $color-danger;\r\n\r\n$timeline-primary-color: $brand-primary;\r\n$timeline-news-color: $color-news;\r\n$timeline-success-color: $color-success;\r\n$timeline-info-color: $color-info;\r\n$timeline-warning-color: $color-warning;\r\n$timeline-danger-color: $color-danger;\r\n\r\n$alert-padding:10px;\r\n$alert-font-size:12px;\r\n$alert-border-radius: $border-radius;\r\n$alert-text-padding-left: 15px;\r\n$alert-text-padding-right: 15px;\r\n$alert-close-font-size: 21px;\r\n$alert-close-opacity: .2;\r\n$alert-close-font-weight: 700;\r\n\r\n//Checkbox\r\n\r\n$checkbox-color: unquote(\"rgb(#{$primary-color})\") !default;\r\n$checkbox-off-color: unquote(\"rgb(#{$palette-u-gray-600})\") !default;\r\n$checkbox-off-color-IE8: unquote(\"rgb(#{$palette-u-gray-600})\") !default;\r\n$checkbox-disabled-color: unquote(\"rgb(#{$palette-u-gray-600})\") !default;\r\n$checkbox-focus-color: unquote(\"rgba(#{$palette-u-blue-500}, 0.26)\") !default;\r\n$checkbox-image-path: $image_path;\r\n\r\n$checkbox-label-font-size: 13px !default;\r\n$checkbox-label-height: 24px !default;\r\n$checkbox-button-size: 16px !default;\r\n$checkbox-inner-margin: 2px !default;\r\n$checkbox-padding: 8px !default;\r\n$checkbox-top-offset:\r\n ($checkbox-label-height - $checkbox-button-size - $checkbox-inner-margin) / 2;\r\n$checkbox-ripple-size: $checkbox-label-height * 1.5;\r\n\r\n$checkbox-primary-bg: $brand-primary;\r\n$checkbox-success-bg: $brand-success;\r\n$checkbox-info-bg: $brand-info;\r\n$checkbox-warning-bg: $brand-warning;\r\n$checkbox-danger-bg: $brand-danger;\r\n$checkbox-dark-bg: $brand-dark;\r\n\r\n$progress-primary-bg: $brand-primary;\r\n$progress-success-bg: $brand-success;\r\n$progress-info-bg: $brand-info;\r\n$progress-warning-bg: $brand-warning;\r\n$progress-danger-bg: $brand-danger;\r\n$progress-dark-bg: $brand-dark;\r\n\r\n$primary-color-opacity:unquote(\"rgba(#{$primary-color}, 0.7)\") !default;\r\n$color-success-opacity:unquote(\"rgba(#{$palette-green-500}, 0.7)\") !default;\r\n$color-info-opacity:unquote(\"rgba(#{$palette-cyan-500}, 0.7)\") !default;\r\n$color-warning-opacity:unquote(\"rgba(#{$palette-orange-500}, 0.7)\") !default;\r\n$color-danger-opacity:unquote(\"rgba(#{$palette-red-500}, 0.7)\") !default;\r\n$color-dark-opacity:unquote(\"rgba(#{$palette-grey-700}, 0.7)\") !default;\r\n\r\n\r\n$progress-sm-height: 10px;\r\n$progress-xs-height: 5px;\r\n$progress-xs-width: 170px;\r\n$progress-default-height: 20px;\r\n$progress-sm-lable-font-size: 10px;\r\n$progress-sm-lable-line-height: 10px;\r\n$progress-xs-lable-line-height: 8px;\r\n$progress-xs-lable-margin-left: 140px;\r\n$progress-xs-lable-font-size: 10px;\r\n$progress-xs-lable-color: #000;\r\n\r\n// Radio\r\n\r\n$radio-color: unquote(\"rgb(#{$primary-color})\") !default;\r\n$radio-off-color: unquote(\"rgb(#{$palette-u-gray-600})\") !default;\r\n$radio-off-color-IE8: unquote(\"rgb(#{$palette-u-gray-600})\") !default;\r\n$radio-disabled-color: #909090 !default;\r\n\r\n$radio-label-font-size: 13px !default;\r\n$radio-label-height: 32px !default;\r\n$radio-button-size: 16px !default;\r\n$radio-inner-margin: $radio-button-size / 4;\r\n$radio-padding: 8px !default;\r\n$radio-top-offset: ($radio-label-height - $radio-button-size) / 2;\r\n$radio-ripple-size: 42px !default;\r\n\r\n$radio-primary-bg: $brand-primary;\r\n$radio-success-bg: $brand-success;\r\n$radio-info-bg: $brand-info;\r\n$radio-warning-bg: $brand-warning;\r\n$radio-danger-bg: $brand-danger;\r\n$radio-dark-bg: $brand-dark;\r\n\r\n$radio-disabled-bg: #f7f7f7;\r\n$radio-diabled-border-color: #d9d9d9;\r\n\r\n$radio-border-color: #d9d9d9;\r\n$radio-bg-color: #fff;\r\n$radio-color:#212121;\r\n\r\n$radio-checked-bg-color: #fff;\r\n$radio-checked-color: $brand-primary;\r\n$radio-checked-border-color: $radio-checked-color;\r\n\r\n$radio-icon-height: 18px;\r\n$radio-icon-width: 18px;\r\n$radio-icon-checked-height: 8px;\r\n$radio-icon-checked-width: 8px;\r\n\r\n$radio-button-lg-height:42px;\r\n$radio-button-lg-line-height:26px;\r\n\r\n$radio-button-sm-height:22px;\r\n$radio-button-sm-line-height:20px;\r\n\r\n$radio-button-height: 28px;\r\n$radio-button-line-height: 26px;\r\n\r\n\r\n\r\n\r\n\r\n//loading\r\n\r\n$loading-color-1: unquote(\"rgb(#{$palette-blue-400})\") !default;\r\n$loading-color-2: unquote(\"rgb(#{$palette-red-500})\") !default;\r\n$loading-color-3: unquote(\"rgb(#{$palette-yellow-600})\") !default;\r\n$loading-color-4: unquote(\"rgb(#{$palette-green-500})\") !default;\r\n\r\n$loading-single-color: unquote(\"rgb(#{$primary-color})\") !default;\r\n\r\n$loading-size: 28px !default;\r\n$loading-stroke-width: 3px !default;\r\n\r\n// Amount of circle the arc takes up.\r\n$loading-arc-size: 270deg !default;\r\n// Time it takes to expand and contract arc.\r\n$loading-arc-time: 1333ms !default;\r\n// How much the start location of the arc should rotate each time.\r\n$loading-arc-start-rot: 216deg !default;\r\n\r\n$loading-duration: 360 * $loading-arc-time / (\r\n strip-units($loading-arc-start-rot + (360deg - $loading-arc-size)));\r\n\r\n// datetimepicker\r\n$timepicker-border-gap-color:#ccc;\r\n$timepicker-font-size:14px;\r\n\r\n$date-bg-color: unquote(\"rgb(#{$primary-color})\") !default;\r\n\r\n// message\r\n$snackbar-color: unquote(\"rgb(#{$color-white})\") !default;\r\n$snackbar-background-color: unquote(\"rgb(#{$primary-color})\") !default;\r\n$snackbar-color-cancel: unquote(\"rgb(#{$palette-red-500})\") !default;\r\n$snackbar-color-accept: unquote(\"rgb(#{$palette-green-500})\") !default;\r\n$snackbar-color-warning: unquote(\"rgb(#{$palette-lime-200})\") !default;\r\n\r\n// DATA TABLE\r\n\r\n$data-table-font-size: 13px !default;\r\n$data-table-header-font-size: 12px !default;\r\n$data-table-header-sort-icon-size: 16px !default;\r\n\r\n$data-table-header-color: rgba(#000, 0.54) !default;\r\n$data-table-header-sorted-color: rgba(#000, 0.87) !default;\r\n$data-table-divider-color: rgba(#000, 0.12) !default;\r\n$data-table-divider-color-IE8: rgb(0,0,0) !default;\r\n\r\n//$data-table-hover-color: #eeeeee !default;\r\n$data-table-hover-color: #E9F7FC !default;\r\n$data-table-selection-color: #C4EAF6 !default;\r\n\r\n$data-table-dividers: 1px solid $data-table-divider-color !default;\r\n$data-table-dividers-IE8: 1px solid $data-table-divider-color-IE8 !default;\r\n\r\n$data-table-row-height: 48px !default;\r\n$data-table-last-row-height: 56px !default;\r\n$data-table-header-height: 56px !default;\r\n\r\n$data-table-column-spacing: 36px !default;\r\n$data-table-column-padding: $data-table-column-spacing / 2;\r\n\r\n$data-table-card-header-height: 64px !default;\r\n$data-table-card-title-top: 20px !default;\r\n$data-table-card-padding: 24px !default;\r\n$data-table-button-padding-right: 16px !default;\r\n$data-table-cell-top: $data-table-card-padding / 2;\r\n\r\n// $line-height-computed: round(($font-size-small * $line-height-base));\r\n$line-height-computed: round((14px * $line-height-base));\r\n$table-bg: transparent;\r\n$table-cell-padding: 8px;\r\n$table-border-color: $border-color-base;\r\n$table-bg-hover: $bg-color-base;\r\n$table-bg-active: $table-bg-hover;\r\n$table-bg-accent: unquote(\"rgba(#{$palette-grey-200},.3)\") !default;\r\n\r\n\r\n\r\n\r\n// tooltip\r\n$tooltip-max-width: 200px;\r\n$tooltip-color: #fff;\r\n$tooltip-bg: #42526E;\r\n$tooltip-inverse-border-color: #d9d9d9;\r\n$tooltip-inverse-color: rgb(51,51,51);\r\n$tooltip-arrow-color: $tooltip-bg;\r\n$tooltip-opacity: .9;\r\n\r\n\r\n// 进度条\r\n$bar-height: 4px !default;\r\n$progress-main-color: unquote(\"rgb(#{$primary-color})\") !default;\r\n$progress-secondary-color: unquote(\"rgba(#{$color-primary-contrast}, 0.7)\") !default;\r\n$progress-fallback-buffer-color: unquote(\"rgba(#{$color-primary-contrast}, 0.9)\") !default;\r\n$progress-image-path: $image_path;\r\n$progress-buffer-bar-border:unquote(\"rgb(#{$palette-u-gray-600})\") !default;\r\n\r\n// Tabs\r\n$layout-header-tab-highlight: unquote(\"rgb(#{$color-accent})\") !default;\r\n\r\n\r\n\r\n$tab-highlight-color: unquote(\"rgb(#{$primary-color})\") !default;\r\n$tab-text-color: unquote(\"rgba(#{$color-black}, 0.54)\") !default;\r\n$tab-active-text-color: unquote(\"rgba(#{$color-black}, 0.87)\") !default;\r\n$tab-border-color: unquote(\"rgb(#{$palette-grey-300})\") !default;\r\n\r\n\r\n\r\n//CARD\r\n\r\n$card-width: 330px !default;\r\n$card-height: 200px !default;\r\n$card-font-size: 13px !default;\r\n$card-title-font-size: 24px !default;\r\n$card-subtitle-font-size: 10px !default;\r\n$card-horizontal-padding: 16px !default;\r\n$card-vertical-padding: 16px !default;\r\n\r\n$card-title-perspective-origin-x: 165px !default;\r\n$card-title-perspective-origin-y: 56px !default;\r\n\r\n$card-title-transform-origin-x: 165px !default;\r\n$card-title-transform-origin-y: 56px !default;\r\n\r\n$card-title-text-transform-origin-x: 149px !default;\r\n$card-title-text-transform-origin-y: 48px !default;\r\n\r\n$card-supporting-text-font-size: 1.4 * $unit !default;\r\n$card-supporting-text-line-height: 18px !default;\r\n\r\n$card-actions-font-size: 13px !default;\r\n\r\n$card-title-text-font-weight: 300 !default;\r\n$card-z-index: 1 !default;\r\n\r\n// Cover image\r\n$card-cover-image-height: 186px !default;\r\n$card-background-image-url: '' !default;\r\n\r\n\r\n\r\n$card-background-color: unquote(\"rgb(#{$color-white})\") !default;\r\n$card-text-color: unquote(\"rgb(#{$color-black})\") !default;\r\n$card-image-placeholder-color: unquote(\"rgb(#{$color-accent})\") !default;\r\n$card-supporting-text-text-color: unquote(\"rgba(#{$color-black}, 0.54)\") !default;\r\n$card-border-color: rgba(0,0,0,0.1) !default;\r\n$card-subtitle-color: unquote(\"rgba(#{$color-black}, 0.54)\") !default;\r\n\r\n\r\n$input-border:unquote(\"rgb(#{$palette-u-gray-500})\");\r\n$input-border-focus:unquote(\"rgb(#{$primary-color})\");\r\n$input-border-disabled:unquote(\"rgb(#{$palette-u-gray-100})\");\r\n$input-bg-disabled:unquote(\"rgb(#{$palette-u-gray-100})\");\r\n$input-color:unquote(\"rgb(#{$palette-u-gray-A100})\");\r\n$form-input-height:36px;\r\n$form-input-height-sm:28px;\r\n$form-input-padding-left:12px;\r\n$form-label-color:unquote(\"rgb(#{$palette-u-gray-900})\");\r\n$form-control-feedback-color:unquote(\"rgb(#{$palette-u-gray-700})\");\r\n$form-validate-error-color:unquote(\"rgb(#{$palette-u-red-600})\");\r\n\r\n\r\n// BADGE\r\n$badge-font-size: 12px !default;\r\n$badge-color: unquote(\"rgb(#{$color-accent-contrast})\") !default;\r\n$badge-color-inverse: unquote(\"rgb(#{$color-accent})\") !default;\r\n$badge-background: unquote(\"rgb(#{$color-accent})\") !default;\r\n$badge-background-inverse: unquote(\"rgba(#{$color-accent-contrast},0.2)\") !default;\r\n$badge-size : 22px !default;\r\n$badge-padding: 2px !default;\r\n$badge-overlap: 12px !default;\r\n\r\n$badge-primary-color:#FFFFFF;\r\n$badge-primary-bg:$brand-primary;\r\n\r\n$badge-success-color:#FFFFFF;\r\n$badge-success-bg: $brand-success;\r\n\r\n$badge-info-color:#FFFFFF;\r\n$badge-info-bg:$brand-info;\r\n\r\n$badge-warning-color:#FFFFFF;\r\n$badge-warning-bg:$brand-warning;\r\n\r\n$badge-danger-color:#FFFFFF;\r\n$badge-danger-bg:$brand-danger;\r\n\r\n$badge-dark-color:#FFFFFF;\r\n$badge-dark-bg:$brand-dark;\r\n\r\n$badge-font-size: 12px;\r\n$badge-font-dataicon-size: 10px;\r\n$badge-default-dataicon-fontcolor: #757575;\r\n$badge-default-dataicon-bgcolor: #fff;\r\n$badge-default-dataicon-bordercolor: $border-color-base;\r\n\r\n// labels\r\n$tag-padding: .25em .6em .25em;\r\n$tag-border-radius: 0.3em;\r\n$tag-bg: #eeeeee;\r\n$tag-round-border-radius: 1em;\r\n$tag-default-color: #757575;\r\n$tag-default-bg:#e0e0e0;\r\n$tag-lg-font-size: 16px;\r\n$tag-sm-font-size: 10px;\r\n$tag-sm-padding: .1em .5em .1em;\r\n$tag-default-hover-bg: $brand-default-hover;\r\n$tag-primary-hover-bg: $brand-primary-hover;\r\n$tag-success-hover-bg: $brand-success-hover;\r\n$tag-info-hover-bg: $brand-info-hover;\r\n$tag-warning-hover-bg: $brand-warning-hover;\r\n$tag-danger-hover-bg: $brand-danger-hover;\r\n$tag-dark-hover-bg: $brand-dark-hover;\r\n$tag-default-bg: $brand-default;\r\n$tag-primary-bg: $brand-primary;\r\n$tag-success-bg: $brand-success;\r\n$tag-info-bg: $brand-info;\r\n$tag-warning-bg: $brand-warning;\r\n$tag-danger-bg: $brand-danger;\r\n$tag-dark-bg: $brand-dark;\r\n$tag-default-hover-color:unquote(\"rgb(#{$palette-u-gray-500})\");\r\n\r\n\r\n// pagination\r\n$pagination-gap-hover-border:#7A869A;\r\n\r\n$pagination-link-padding: 7px 13px;\r\n$pagination-lg-font-size: 16px;\r\n$pagination-lg-padding-vertical: 9.5px;\r\n$pagination-lg-padding-horizontal: 15.5px;\r\n\r\n$pagination-small-font-size: 12px;\r\n$pagination-small-padding-vertical: 4px;\r\n$pagination-small-padding-horizontal: 9.5px;\r\n\r\n$pag-color: #666666;\r\n$pag-bg-color: #fff;\r\n$pag-border-color:#d7d7d7;\r\n$pag-hover-color: #666;\r\n$pag-hover-bg-color:$hover-bg-color-base;\r\n$pag-hover-border-color:#d7d7d7;\r\n$pag-active-color: #fff;\r\n$pag-active-bg-color:#7A869A;\r\n$pag-active-border-color:#7A869A;\r\n$pag-disabled-color: #777;\r\n$pag-disabled-bg-color:#fff;\r\n$pag-disabled-border-color:#ddd;\r\n\r\n$border-radius-base: $border-radius;\r\n$border-radius-large: 4px;\r\n$border-radius-small: 2px;\r\n\r\n$line-height-large: 1.3333333; // extra decimals for Win 8.1 Chrome\r\n$line-height-small: 1.5;\r\n// widget\r\n\r\n$widget-padding-left:30px;\r\n$widget-padding-top:10px;\r\n\r\n//tooltips\r\n\r\n$tooltip-default-bg: $brand-default;\r\n$tooltip-primary-bg: $brand-primary;\r\n$tooltip-success-bg: $brand-success;\r\n$tooltip-info-bg: $brand-info;\r\n$tooltip-warning-bg: $brand-warning;\r\n$tooltip-danger-bg: $brand-danger;\r\n$tooltip-dark-bg: $brand-dark;\r\n\r\n//menu Button\r\n\r\n$menu-default-bg: $brand-default;\r\n$menu-primary-bg: $brand-primary;\r\n$menu-success-bg: $brand-success;\r\n$menu-info-bg: $brand-info;\r\n$menu-warning-bg: $brand-warning;\r\n$menu-danger-bg: $brand-danger;\r\n$menu-dark-bg: $brand-dark;\r\n$menu-default-bg-hover: $brand-default-hover;\r\n$menu-primary-bg-hover: $brand-primary-hover;\r\n$menu-success-bg-hover: $brand-success-hover;\r\n$menu-info-bg-hover: $brand-info-hover;\r\n$menu-warning-bg-hover: $brand-warning-hover;\r\n$menu-danger-bg-hover: $brand-danger-hover;\r\n$menu-dark-bg-hover: $brand-dark-hover;\r\n\r\n\r\n// breadcrumbs\r\n\r\n$breadcrumb-padding-vertical: 8px;\r\n$breadcrumb-padding-horizontal: 10px;\r\n$breadcrumb-separator: \"/\\00a0\";\r\n$breadcrumb-bg: transparent;\r\n$breadcrumb-margin-bottom: 10px;\r\n\r\n$breadcrumb-color: $brand-primary;\r\n$breadcrumb-active-color: $text-color;\r\n\r\n$breadcrumb-icon-margin-right: 10px;\r\n$breadcrumb-arrow-separator: \"\\00bb\\00a0\";\r\n\r\n$breadcrumb-bg-color: #f5f5f5;\r\n$breadcrumb-active-color: #777;\r\n$breadcrumb-separate-color: #ccc;\r\n\r\n// list-group\r\n$list-group-media-heading-font-size : $font-size-small;//14px\r\n$list-group-link-disabled-color : $disabled-color-base;\r\n\r\n$list-group-link-disabled-bg : $gray-lightest;\r\n\r\n$list-group-active-color : $brand-primary;\r\n$list-group-link-active-color : unquote(\"rgb(#{$color-white})\") !default;\r\n$list-group-link-active-bg : $brand-primary;\r\n\r\n\r\n$list-group-item-icon-margin-right : 10px;\r\n\r\n$list-group-bg-inherit-item-border : rgba(0, 0, 0, 0.075);\r\n$list-group-bg-inherit-item-hover-bg : rgba(0, 0, 0, 0.075);\r\n\r\n\r\n$list-group-border-radius: $border-radius-base;\r\n\r\n\r\n\r\n$list-group-link-color: $text-color;\r\n$list-group-link-hover-color: $text-color;\r\n$list-group-link-heading-color: $title-color;\r\n\r\n$list-group-hover-bg: $bg-color-base;\r\n\r\n$list-group-disabled-bg: transparent;\r\n\r\n$list-group-disabled-color: $disabled-color-base;\r\n\r\n\r\n$list-group-disabled-text-color: $list-group-disabled-color;\r\n$list-group-active-bg: transparent;\r\n$list-group-active-border: $list-group-active-bg;\r\n// $list-group-active-text-color: lighten($list-group-active-color, 40%);\r\n$list-group-active-text-color: $list-group-active-color;\r\n\r\n$list-group-bg: #fff;\r\n$list-group-border: transparent;\r\n// $list-group-bordered-border : $border-color-base;\r\n// $list-group-bordered-active-color : $component-active-color;\r\n// $list-group-bordered-active-bg : $component-active-bg;\r\n// $list-group-bordered-active-border : $list-group-bordered-active-bg;\r\n\r\n// $list-group-gap-item-margin-bottom : 2px;\r\n\r\n//step\r\n$steps-margin-bottom: $line-height-computed;\r\n$step-padding-horizontal:20px;\r\n$step-padding-vertical: 12px;\r\n\r\n$step-vertical-padding-horizontal: 20px;\r\n$step-vertical-padding-vertical:18px;\r\n\r\n$step-color: $gray;\r\n$step-bg: $bg-color-base;\r\n$step-number-bg: $gray-lighter;\r\n$step-number-color: $inverse;\r\n\r\n$step-current-color: $inverse;\r\n$step-current-bg: $brand-primary;\r\n\r\n$step-done-color: $inverse;\r\n$step-done-bg:$brand-success;\r\n\r\n$step-error-color: $inverse;\r\n$step-error-bg: $brand-danger;\r\n\r\n$step-disabled-color:$gray-light;\r\n\r\n$step-font-size: inherit;\r\n$step-title-font-size: 20px;\r\n$step-icon-font-size:27px;\r\n$step-number-font-size:24px;\r\n$step-number-size: 40px;\r\n\r\n$step-lg-padding-horizontal:20px;\r\n$step-lg-padding-vertical:20px;\r\n$step-lg-font-size: 16px;\r\n$step-lg-title-font-size:22px;\r\n$step-lg-icon-font-size: 32px;\r\n$step-lg-number-font-size:28px;\r\n$step-lg-number-size:46px;\r\n\r\n$step-sm-font-size: 12px;\r\n$step-sm-title-font-size: 18px;\r\n$step-sm-icon-font-size: 24px;\r\n$step-sm-number-font-size: 24px;\r\n$step-sm-number-size: 30px;\r\n\r\n$step-xs-font-size: 10px;\r\n$step-xs-title-font-size: 16px;\r\n$step-xs-icon-font-size: 22px;\r\n$step-xs-number-font-size: 20px;\r\n$step-xs-number-size: 24px;\r\n\r\n// blog nav\r\n$blognav-active-color:unquote(\"rgb(#{$primary-color})\");\r\n// widget\r\n$widget-padding-left:30px;\r\n$widget-padding-top:10px;\r\n\r\n\r\n// couter 数据统计\r\n\r\n$counter-number-color: $gray-darkest;\r\n$counter-number-font-size: 20px;\r\n$counter-icon-font-size: $counter-number-font-size;\r\n\r\n$counter-lg-number-font-size: 40px;\r\n$counter-md-number-font-size: 30px;\r\n$counter-sm-number-font-size: 14px;\r\n\r\n$counter-lg-icon-font-size: $counter-lg-number-font-size;\r\n$counter-md-icon-font-size: $counter-md-number-font-size;\r\n$counter-sm-icon-font-size: $counter-sm-number-font-size;\r\n\r\n$counter-inverse-color: $inverse;\r\n\r\n\r\n// navbar\r\n\r\n\r\n$menu-active-color: #108ee9;\r\n$menu-border-active-color: #108ee9;\r\n$menu-selected-bg-color: #eaf8fe;\r\n$menu-group-titil-color: #999;\r\n$menu-group-title-padding-left: 32px;\r\n$menu-color: #666;\r\n$menu-border-color: #d9d9d9;\r\n\r\n$navbar-default-bg-color: #f8f8f8;\r\n$navbar-default-border-color: #e7e7e7;\r\n$navbar-default-color: #777;\r\n$navbar-default-hover-color: #333;\r\n$navbar-inverse-hover-color: #fff;\r\n$navbar-inverse-color: #9d9d9d;\r\n$navbar-inverse-bg-color: #222;\r\n$navbar-inverse-border-color: #080808;\r\n$navbar-border-radius: 4px;\r\n\r\n$navbar-side-container-border-color: #d9d9d9;\r\n$navbar-side-container-width: 242px;\r\n$navbar-side-container-border-shadow: #d9d9d9;\r\n\r\n// Basics of a navbar\r\n$navbar-height: 50px;\r\n$navbar-margin-bottom: $line-height-computed;\r\n$navbar-border-radius: $border-radius-base;\r\n$navbar-padding-horizontal: floor(($grid-gutter-width / 2));\r\n$navbar-padding-vertical: (($navbar-height - $line-height-computed) / 2);\r\n$navbar-collapse-max-height: 340px;\r\n\r\n$navbar-avatar-margin-horizontal: (($navbar-height - 32px) / 2);\r\n\r\n$navbar-brand-padding-horizontal: 20px;\r\n$navbar-brand-logo-height: 32px;\r\n\r\n$navbar-default-color: $text-color;\r\n$navbar-default-bg: $inverse;\r\n$navbar-default-border: $border-color-base;\r\n\r\n// Navbar links\r\n$navbar-default-link-color: $text-color;\r\n$navbar-default-link-hover-color: $gray-darker;\r\n$navbar-default-link-hover-bg: rgba(238,238,238, 30%);\r\n$navbar-default-link-active-color: $navbar-default-link-hover-color;\r\n$navbar-default-link-active-bg: rgba(238,238,238, 60%);\r\n$navbar-default-link-disabled-color: $disabled-color-base;\r\n$navbar-default-link-disabled-bg: transparent;\r\n\r\n// Navbar brand label\r\n$navbar-default-brand-color: $title-color;\r\n$navbar-default-brand-hover-color: $navbar-default-brand-color;\r\n$navbar-default-brand-hover-bg: none;\r\n\r\n// Navbar toggle\r\n$navbar-default-toggle-hover-bg: $navbar-default-link-hover-bg;\r\n$navbar-default-toggle-icon-bar-bg: $navbar-default-color;\r\n$navbar-default-toggle-border-color: transparent;\r\n\r\n\r\n// Inverted navbar\r\n// Reset inverted navbar basics\r\n$navbar-inverse-bg: $brand-primary;\r\n$navbar-inverse-border: rgba(0, 0, 0, .1);\r\n\r\n// Inverted navbar links\r\n$navbar-inverse-link-color: $inverse;\r\n$navbar-inverse-link-hover-color: $inverse;\r\n$navbar-inverse-link-hover-bg: rgba(0, 0, 0, .1);\r\n$navbar-inverse-link-active-color: $navbar-inverse-link-hover-color;\r\n$navbar-inverse-link-active-bg: $navbar-inverse-link-hover-bg;\r\n$navbar-inverse-link-disabled-color: $inverse;\r\n$navbar-inverse-link-disabled-bg: transparent;\r\n\r\n// Inverted navbar brand label\r\n$navbar-inverse-brand-color: $navbar-inverse-link-color;\r\n$navbar-inverse-brand-hover-color: $inverse;\r\n$navbar-inverse-brand-hover-bg: none;\r\n\r\n// Inverted navbar toggle\r\n$navbar-inverse-toggle-hover-bg: $navbar-inverse-link-hover-bg;\r\n$navbar-inverse-toggle-icon-bar-bg: $inverse;\r\n$navbar-inverse-toggle-border-color: transparent;\r\n\r\n//hamburger\r\n$hamburger-size: 17px;\r\n\r\n\r\n//panel\r\n$panel-header-padding : 10px 15px;\r\n$panel-footer-padding : 10px 15px;\r\n$panel-body-padding : 15px 15px;\r\n$panel-header-bg-color : #f5f5f5;\r\n$panel-footer-bg-color : #f5f5f5;\r\n$panel-bg-color : #fff;\r\n$panel-default-color : #757575;\r\n$panel-inner-border-color: #ddd;\r\n\r\n\r\n//modal\r\n$modal-header-padding : 15px;\r\n$modal-body-padding : 15px;\r\n$modal-footer-padding : 15px;\r\n$modal-content-bg-color: #fff;\r\n$modal-backdrop-bg: #000;\r\n$modal-backdrop-opacity: .6;\r\n$modal-header-border-color: transparent;\r\n$modal-footer-border-color: transparent;\r\n$modal-xlg: 1200px;\r\n$modal-lg: 900px;\r\n$modal-sm: 300px;\r\n$modal-default: 600px;\r\n$modal-border-radius: $border-radius-base;\r\n\r\n//notification\r\n\r\n$zIndex-notification: $zIndex-notification;\r\n$notification-top: 30px;\r\n$notification-bottom: 30px;\r\n$notification-right: 30px;\r\n$notification-width: 300px;\r\n$notification-text-margin-right: 15px;\r\n$notice-padding: 15px;\r\n$notice-background: $gray-darkest;\r\n$notice-bottom: 15px;\r\n\r\n//message\r\n\r\n$message-font-size: 12px;\r\n\r\n$message-right: 30px;\r\n$message-width: 300px;\r\n$message-text-margin-right: 15px;\r\n$message-padding: 0;\r\n$message-content-padding: 15px;\r\n$message-background: $gray-darkest;\r\n\r\n//popconfirm\r\n\r\n$popconfirm-max-width: 300px;\r\n\r\n$popconfirm-dark-bg: $gray-darkest;\r\n$popconfirm-fallback-dark-border-color: $gray-darkest;\r\n$popconfirm-margin: 10px;\r\n$popconfirm-title-bg: #fff;\r\n$popconfirm-border-color:$border-color-base;\r\n$popconfirm-arrow-width: 10px;\r\n$popconfirm-arrow-color: $border-color-base;\r\n$popconfirm-arrow-outer-width: 0;\r\n$popconfirm-arrow-outer-color: $border-color-base;\r\n$popconfirm-border-right-color: $border-color-base;\r\n$popconfirm-fallback-border-color: #fff;\r\n\r\n//select\r\n\r\n$select-bg-color: #fff;\r\n$select-border-color: $border-color-base;\r\n$select-border-radius: $border-radius-base;\r\n$select-color: #666;\r\n$select-font-size: 12px;\r\n$select-dropdown-color: #666;\r\n$select-dropdown-bg-color: #fff;\r\n$select-dropdown-hover-bg: $hover-bg-color-base;\r\n$select-dropdown-selected-bg: $selected-bg-color-base;\r\n$select-dropdown-selected-color: rgb(134, 119, 119);\r\n$select-dropwdown-item-padding: 7px 16px;\r\n$select-disabled-color: #ccc;\r\n$select-disabled-bg: #f7f7f7;\r\n$select-disabled-border-color: #d9d9d9;\r\n//dropdown\r\n\r\n$dropdown-item-hover-bg-color: unquote(\"rgb(#{$palette-grey-100})\");\r\n$dropdown-item-divier-bg-color: $gray-lighter;\r\n$dropdown-border-color: $border-color-base;\r\n$dropdown-border-radius:3px;\r\n$dropdown-shadow: 0 1px 5px $dropdown-border-color;\r\n$dropdown-margin: 5px 0 0 0;\r\n$dropdown-menu-item-padding: 0px 16px 0 28px;\r\n$dropdown-menu-font-size: 12px;\r\n$dropdown-menu-item-height: 42px;\r\n$dropdown-menu-item-light-height: 42px;\r\n$dropdown-menu-title-font-size: 12px;\r\n$dropdown-menu-title-color: #999;\r\n$dropdown-menu-title-padding:8px 16px;\r\n$dropdown-menu-title-line-height: 1.5;\r\n\r\n//upload\r\n\r\n$upload-list-color: #108ee9;\r\n$upload-list-bg : #fff;\r\n$upload-list-hover-bg: #e7f4fd;\r\n$upload-list-error-color: #f50;\r\n$upload-thumbnail-height: 48px;\r\n$upload-thumbnail-width: 48px;\r\n$upload-thumbnail-img-height: 48px;\r\n$upload-thumbnail-img-width: 48px;\r\n\r\n//loading\r\n\r\n$loading-loadprimary: rgb(63, 81, 181);\r\n$loading-loadsuccess: #4caf50;\r\n$loading-loadwarn: rgb(255, 152, 0);\r\n$loading-lineanimating: (\r\n 1:line-scale 1s 0.1s infinite cubic-bezier(.2, .68, .18, 1.08),\r\n 2:line-scale 1s 0.2s infinite cubic-bezier(.2, .68, .18, 1.08),\r\n 3:line-scale 1s 0.3s infinite cubic-bezier(.2, .68, .18, 1.08),\r\n 4:line-scale 1s 0.4s infinite cubic-bezier(.2, .68, .18, 1.08),\r\n 5:line-scale 1s 0.5s infinite cubic-bezier(.2, .68, .18, 1.08)\r\n);\r\n$loading-linebackcolor: (\r\n 1: #F44336,\r\n 2: #7ED321,\r\n 3: #0084FF,\r\n 4: #FF9800,\r\n 5: #D0021B\r\n);\r\n$loading-back-width: 120px;\r\n$loading-back-height:110px;\r\n$loading-desc-font-size: 16px;\r\n$loading-desc-color: #cecece;\r\n$loading-rotate-bor:#c2c3c5;\r\n\r\n//两种加载的尺寸 width height\r\n$loading-rotate-sm-size: 25px;\r\n$loading-rotate-size:40px;\r\n$loading-rotate-lg-size:60px;\r\n\r\n$loading-line-sm-width: 4px;\r\n$loading-line-sm-height:35px;\r\n$loading-line-width:6px;\r\n$loading-line-height:50px;\r\n$loading-line-lg-width:8px;\r\n$loading-line-lg-height:90px ;\r\n\r\n//居中位置top left\r\n$loading-center-top:50%;\r\n$loading-center-left:50%;\r\n\r\n$loading-rotate-center-sm: -15px ;\r\n$loading-rotate-center:-22px;\r\n$loading-rotate-center-lg:-35px ;\r\n\r\n$loading-line-center-sm-top: -22px;\r\n$loading-line-center-sm-left:-20px;\r\n$loading-line-center-top:-30px;\r\n$loading-line-center-left:-25px;\r\n$loading-line-center-lg-top:-50px;\r\n$loading-line-center-lg-left:-30px;\r\n\r\n\r\n//switch\r\n\r\n\r\n//color\r\n$switch-border-color: $gray-lighter;\r\n$switch-back-color: $gray-lighter;\r\n$switch-checked-borColor: $brand-primary;\r\n$switch-checked-backColor: $brand-primary;\r\n\r\n// border-radius of different state switch\r\n$switch-border-radius: 20px;\r\n$switch-border-radius-after: 18px;\r\n\r\n// width height line-height of the three switches\r\n$switch-width: (default:44px, small:32px, large:60px);\r\n$switch-height: (default:22px, small:16px, large:30px);\r\n$switch-lineHeight: (default:20px, small:12px, large:12px);\r\n\r\n// style of u-switch-inner\r\n$switch-inner-fontSize: (default:12px, small:10px, large:18px);\r\n$switch-inner-left: (default:22px, small:16px, large:30px);\r\n$switch-inner-largeTop: 8px;\r\n\r\n// style of u-switch:active:after\r\n$switch-active-width: (default:24px, small:16px, large:32px);\r\n\r\n// style of u-switch:after\r\n$switch-after-widthHeight: 18px;\r\n$switch-after-widthHeight-sm: 14px;\r\n$switch-after-widthHeight-lg: 26px;\r\n$switch-after-top: 1px;\r\n$switch-after-top-sm: 0;\r\n$switch-after-top-lg: 1px;\r\n$switch-after-left: 0;\r\n$switch-after-left-sm: 0;\r\n$switch-after-left-lg: 0;\r\n\r\n// style of u-switch.is-checked\r\n$switch-checked-innerLeft: (default:8px, small:4px, large:8px);\r\n$switch-checked-afterLeft: (default:24px, small:16px, large:32px);\r\n$switch-checked-activeLeft: (default:16px, small:10px, large:26px);\r\n\r\n$switch-primary-bg: $brand-primary;\r\n$switch-dark-bg: $brand-dark;\r\n$switch-success-bg: $brand-success;\r\n$switch-warning-bg: $brand-warning;\r\n$switch-danger-bg: $brand-danger;\r\n$switch-info-bg: $brand-info;\r\n\r\n//tabs\r\n\r\n$tabs-basic-back: #f5f5f5;\r\n$tabs-cls-color: #666;\r\n$tabs-cls-width: 900px;\r\n$tabs-simple-conHeight: 120px;\r\n$tabs-simple-conPad: 16px;\r\n$tabs-simple-conWidth: 100%;\r\n\r\n$tabs-fontSize: (simple:14px, fill:14px, turn:14px, slide:14px, fade:14px, fadeup:14px);\r\n$tabs-lineHeight: (simple:2.3, fill:2.3, turn:2.3, slide:2.3, fade:2.3, fadeup:2.3);\r\n$tabs-marginBottom: -1px;\r\n\r\n$tabs-simple-tab: (padding:0 16px, margin:5px 0 5px 5px, radius:0 0 0 0, back:#fff);\r\n$tabs-simple-tabBorder: 1px solid #fff;\r\n$tabs-simple-activeBorder: 1px solid $brand-primary;\r\n$tabs-simple-activeColor: #fff;\r\n$tabs-simple-activeBorBottom: 1px solid $brand-primary;\r\n$tabs-simple-activeTopRadius: 5px;\r\n$tabs-simple-fontWeight: bold;\r\n\r\n$tabs-fill-tab: (padding: 0 16px, color:#666, back:#fff, afterBack:#d2d8d6, activeBack:$brand-primary);\r\n$tabs-fill-tab-maright: 5px;\r\n$tabs-fill-after-top: 0;\r\n$tabs-fill-after-left: 0;\r\n$tabs-fill-after-width: 100%;\r\n$tabs-fill-after-height: 100%;\r\n$tabs-fill-fontWeight: bold;\r\n\r\n$tabs-turn-tab: (padding: 0 16px, color:#fff, back:#f5f5f5, afterBack:$brand-primary, activeBack:$brand-primary);\r\n$tabs-turn-after-top: 0;\r\n$tabs-turn-after-left: 0;\r\n$tabs-turn-after-width: 100%;\r\n$tabs-turn-after-height: 100%;\r\n$tabs-turn-beforeBot: 32px;\r\n$tabs-turn-beforeRight: 15px;\r\n$tabs-turn-fontWeight: bold;\r\n$tabs-moveleft-conHeight: 120px;\r\n$tabs-moveleft-conPad: 16px;\r\n\r\n$tabs-slide-tabs: (width:25%, padding: 0 16px, back:#f5f5f5);\r\n$tabs-slide-child-bottom: 0;\r\n$tabs-slide-child-left: 0;\r\n$tabs-slide-child-height: 4px;\r\n$tabs-slide-child-back: $brand-primary;\r\n$tabs-slide-fontWeight: bold;\r\n\r\n$tabs-fade-tab: (marLeft:5px, marTop:5px, color:#666, padding:0 16px, radius:0 0 0 0);\r\n$tabs-fade-conPad: 16px;\r\n$tabs-fade-conBor: 5px;\r\n\r\n$tabs-fadeup-tab: (marTop:5px, color:#666, padding:0 16px, radius:0 0 0 0);\r\n$tabs-fadeup-top: -5px;\r\n$tabs-fadeup-left: 0;\r\n$tabs-fadeup-width: 100%;\r\n$tabs-fadeup-height: 100%;\r\n$tabs-fadeup-color: #666;\r\n$tabs-fadeup-conHeight: 120px;\r\n$tabs-fadeup-conPad: 16px;\r\n\r\n\r\n//rate\r\n$rate-star-default-color:$gray-lightest;\r\n$rate-star-active-color:$brand-primary;\r\n$rate-star-marginRight:8px;\r\n//backtop\r\n$back-top-padding:5px;\r\n$backtop-background:unquote(\"rgb(#{$palette-u-gray-600})\") !default;\r\n$backtop-color:unquote(\"rgb(#{$color-white})\") !default;\r\n$backtop-right:10px;\r\n$backtop-bottom:10px;\r\n$backtop-dom-right:40px;\r\n\r\n\r\n//dnd\r\n$dnd-list-background:unquote(\"rgb(#{$palette-grey-400})\")!default;\r\n$dnd-list-padding:8px;\r\n$dnd-list-dragging-background:unquote(\"rgb(#{$palette-light-blue-A200})\")!default;\r\n$dnd-item-color:unquote(\"rgb(#{$color-black})\")!default;\r\n$dnd-item-padding:16px;\r\n$dnd-item-margin:4px;\r\n$dnd-item-background:unquote(\"rgb(#{$palette-grey-500})\")!default;\r\n$dnd-item-dragging-background:unquote(\"rgb(#{$palette-blue-300})\")!default;\r\n\r\n// bee-tree\r\n$tree-checkbox-color: unquote(\"rgb(#{$primary-color})\") !default;\r\n$tree-node-bg-color: $hover-bg-color-base !default;\r\n\r\n// bee-table\r\n$table-head-background-color: unquote(\"rgb(#{$table-header-background-color})\") !default;\r\n$table-head-text-color: unquote(\"rgb(#{$table-header-text-color})\") !default;\r\n\r\n// bee-transfer\r\n$transfer-border-gap-color:#d9d9d9;\r\n\r\n// bee-transfer\r\n$cascader-border-gap-color:#ccc;","@import \"../node_modules/tinper-bee-core/scss/minxin-variables\";\r\n@import \"../node_modules/tinper-bee-core/scss/minxin-mixins\";\r\n\r\n\r\n$loading-icon-color: #0084ff;\r\n\r\n/**\r\n * 加载背景\r\n */\r\n//.u-loading-back{\r\n// position:relative;\r\n// text-align: center;\r\n// width:$loading-back-width;\r\n// height:$loading-back-height;\r\n// margin:0 auto;\r\n// &.light{\r\n// background: #fff;\r\n// }\r\n// &.dark{\r\n// background: #000;\r\n// }\r\n//}\r\n/**\r\n * 文字\r\n */\r\n.u-loading-desc {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n font-size: $loading-desc-font-size;\r\n color: #000;\r\n text-align: center;\r\n}\r\n\r\n\r\n/**\r\n * default样式 单个圆圈加载\r\n */\r\n\r\n.u-loading {\r\n &.u-loading-rotate {\r\n & > div {\r\n position: absolute;\r\n border-radius: 100%;\r\n margin: 2px;\r\n -webkit-animation-fill-mode: both;\r\n animation-fill-mode: both;\r\n // border: 2px solid #0084ff;\r\n // border-bottom-color: transparent;\r\n width: $loading-rotate-size;\r\n height: $loading-rotate-size;\r\n top: $loading-center-top;\r\n left: $loading-center-left;\r\n margin-left: $loading-rotate-center;\r\n margin-top: $loading-rotate-center;\r\n background: transparent !important;\r\n display: inline-block;\r\n -webkit-animation: rotate 1.5s 0s linear infinite;\r\n animation: rotate 1.5s 0s linear infinite;\r\n text-align: center;\r\n line-height: $loading-rotate-size;\r\n & > .uf{\r\n color: $loading-icon-color;\r\n font-size: 40px;\r\n padding: 0;\r\n }\r\n }\r\n &.u-loading-rotate-lg {\r\n & > div {\r\n margin-left: $loading-rotate-center-lg;\r\n margin-top: $loading-rotate-center-lg;\r\n width: $loading-rotate-lg-size;\r\n height: $loading-rotate-lg-size;\r\n line-height: $loading-rotate-lg-size;\r\n & > .uf{\r\n font-size: 60px;\r\n }\r\n }\r\n }\r\n &.u-loading-rotate-sm {\r\n & > div {\r\n margin-left:$loading-rotate-center-sm;\r\n margin-top: $loading-rotate-center-sm;\r\n width: $loading-rotate-sm-size;\r\n height:$loading-rotate-sm-size;\r\n line-height: $loading-rotate-sm-size;\r\n & > .uf{\r\n font-size: 25px;\r\n }\r\n }\r\n }\r\n &.u-loading-rotate-primary {\r\n & > div > .uf{\r\n color: $loading-loadprimary;\r\n // border: 2px solid $loading-loadprimary;\r\n // border-bottom-color: transparent;\r\n }\r\n }\r\n &.u-loading-rotate-success {\r\n & > div > .uf{\r\n color: $loading-loadsuccess;\r\n // border: 2px solid $loading-loadsuccess;\r\n // border-bottom-color: transparent;\r\n }\r\n }\r\n &.u-loading-rotate-warning {\r\n & > div > .uf{\r\n color: $loading-loadwarn;\r\n // border: 2px solid $loading-loadwarn;\r\n // border-bottom-color: transparent;\r\n }\r\n }\r\n }\r\n\r\n}\r\n\r\n.u-loading-backdrop{\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n bottom: 0;\r\n left: 0;\r\n z-index: 1900;\r\n opacity: .7;\r\n filter: blur(.5px);\r\n background-color: #fff;\r\n &.full-screen{\r\n position: fixed;\r\n }\r\n}\r\n\r\n@keyframes rotate {\r\n 0% {\r\n -webkit-transform: rotate(0deg) scale(1);\r\n transform: rotate(0deg) scale(1);\r\n }\r\n\r\n 50% {\r\n -webkit-transform: rotate(180deg) scale(1);\r\n transform: rotate(180deg) scale(1);\r\n }\r\n\r\n 100% {\r\n -webkit-transform: rotate(360deg) scale(1);\r\n transform: rotate(360deg) scale(1);\r\n }\r\n}\r\n\r\n.u-loading {\r\n &.u-loading-line {\r\n position: absolute;\r\n top:$loading-center-top;\r\n left: $loading-center-left;\r\n margin-top: $loading-line-center-top;\r\n margin-left: $loading-line-center-left;\r\n & > div {\r\n background-color: #C2C3C5;\r\n width: $loading-line-width;\r\n height: $loading-line-height;\r\n border-radius: 2px;\r\n margin: 2px;\r\n -webkit-animation-fill-mode: both;\r\n animation-fill-mode: both;\r\n display: inline-block;\r\n }\r\n &.u-loading-line-lg {\r\n margin-top: $loading-line-center-lg-top;\r\n margin-left: $loading-line-center-lg-left;\r\n & > div {\r\n width: $loading-line-lg-width;\r\n height: $loading-line-lg-height;\r\n }\r\n }\r\n &.u-loading-line-sm {\r\n margin-top: $loading-line-center-sm-top;\r\n margin-left: $loading-line-center-sm-left;\r\n & > div {\r\n width:$loading-line-sm-width;\r\n height: $loading-line-sm-height;\r\n }\r\n }\r\n @each $index, $anima in $loading-lineanimating {\r\n div:nth-child( #{$index} ) {\r\n -webkit-animation: $anima;\r\n animation: $anima;\r\n background-color: map_get($loading-linebackcolor, $index);\r\n }\r\n }\r\n\r\n &.u-loading-line-primary {\r\n & > div {\r\n background-color: $loading-loadprimary;\r\n }\r\n }\r\n &.u-loading-line-success {\r\n & > div {\r\n background-color: $loading-loadsuccess;\r\n }\r\n }\r\n &.u-loading-line-warning {\r\n & > div {\r\n background-color: $loading-loadwarn;\r\n }\r\n }\r\n }\r\n}\r\n@keyframes line-scale {\r\n 0% {\r\n -webkit-transform: scaley(1);\r\n transform: scaley(1);\r\n }\r\n\r\n 50% {\r\n -webkit-transform: scaley(0.4);\r\n transform: scaley(0.4);\r\n }\r\n\r\n 100% {\r\n -webkit-transform: scaley(1);\r\n transform: scaley(1);\r\n\r\n }\r\n}\r\n","@import \"../node_modules/tinper-bee-core/scss/minxin-variables\";\n@import \"../node_modules/tinper-bee-core/scss/minxin-mixins\";\n@import \"../node_modules/bee-loading/src/Loading\";\n\n$text-color: #666;\n$font-size-base: 12px;\n$line-height: 1.5;\n// 主题定制border:\n$table-border-color: unquote(\"rgb(#{$table-border-color-base})\");\n// $table-head-background-color: #f7f7f7;\n// $table-head-text-color: #666;\n$vertical-padding: 12px;\n$horizontal-padding: 8px;\n// $table-border-color: #e9e9e9;\n\n$table-hover-color: #E7F2FC;\n$table-move-in-color: $bg-color-base;\n$checkbox-height:16px;\n.u-table {\n font-size: $font-size-base;\n color: $text-color;\n // transition: opacity 0.3s ease;\n position: relative;\n line-height: $line-height;\n overflow: hidden;\n &-body{\n // overflow: hidden!important;\n position: relative;\n }\n &-hiden-drag{\n position: relative;\n &-li{\n position: absolute;\n top: 0px;\n left: 0px;\n // height: 10px;//这个高度先注释掉了,加上后,在火狐浏览器上会站位置。滚动条拉到最右边有错行\n }\n }\n table {\n width: 100%;\n border-collapse: collapse;\n text-align: left;\n }\n\n th {\n // background: $table-head-background-color;\n font-weight: bold;\n text-align: left;\n // transition: background 0.3s ease;\n &[colspan] {\n text-align: center;\n }\n ::last-child{\n overflow: hidden;\n }\n }\n\n td {\n border-bottom: 1px solid $table-border-color;\n a{\n color: #2196F3;\n &:hover{\n color: #1565c0;\n }\n &:active{\n color: #1565c0;\n }\n }\n }\n\n tr {\n // transition: all 0.3s ease;\n &:hover {\n // background: $hover-bg-color-base;\n td {\n .uf-eye{\n visibility: visible !important;\n }\n }\n }\n tr a{\n color: #2196F3;\n &:hover{\n color: #1565c0;\n }\n &:active{\n color: #1565c0;\n }\n }\n }\n tr.tr-row-hover {\n background: $hover-bg-color-base;\n }\n\n th,\n td {\n padding: $vertical-padding $horizontal-padding;\n word-break: break-all;\n }\n tr {\n \n &.filterable{\n th{\n padding-top: 4px;\n padding-bottom: 4px;\n .filterContext{\n height: 35px;\n }\n }\n }\n }\n &-row-hover {\n background:unquote(\"rgb(#{$table-row-hover-bg-color})\");\n }\n \n &-scroll {\n overflow: auto;\n }\n &-bordered {\n table {\n border: 1px solid $table-border-color;\n box-sizing: border-box;\n table-layout: fixed;\n // width:auto;\n }\n th {\n border-bottom: 1px solid $table-border-color;\n box-sizing: border-box;\n }\n th,\n td {\n border-right: 1px solid $table-border-color;\n box-sizing: border-box;\n }\n }\n &-drag-border{\n tr {\n th.th-can-not-drag{ //拖拽tag影响了表格整体宽度\n overflow: hidden;\n }\n }\n }\n &-header {\n overflow: hidden;\n background: $table-head-background-color;\n color: $table-head-text-color;\n }\n\n &.fixed-height td {\n padding: 0px 8px;\n }\n\n &-fixed-header &-body {\n background: #fff;\n position: relative;\n }\n &-fixed-left &-body-inner {\n margin-right: -20px;\n padding-right: 20px;\n }\n\n &-fixed-header &-fixed-left &-body-inner {\n padding-right: 0px;\n }\n\n &-fixed-header &-body-inner {\n height: 100%;\n overflow: scroll;\n }\n\n\n &-fixed-header &-scroll &-header {\n overflow-x: scroll;\n padding-bottom: 20px;\n margin-bottom: -20px;\n overflow-y: scroll;\n box-sizing: border-box;\n }\n\n &-title {\n padding: $vertical-padding $horizontal-padding;\n border-top: 1px solid $table-border-color;\n }\n\n &-content {\n position: relative;\n }\n\n &-footer {\n padding: $vertical-padding $horizontal-padding;\n border-bottom: 1px solid $table-border-color;\n .u-table-scroll{\n overflow-x: hidden;\n }\n }\n &-footer & {\n margin: (-$vertical-padding) (-$horizontal-padding);\n }\n\n &-placeholder {\n padding: $vertical-padding 8px;\n background: #fff;\n border-bottom: 1px solid $table-border-color;\n text-align: center;\n position: relative;\n }\n\n &-expand-icon-col {\n width: 10px;\n }\n &-row,\n &-expanded-row {\n &-expand-icon {\n cursor: pointer;\n display: inline-block;\n margin-right: 0px;\n width: 16px;\n height: 16px;\n text-align: center;\n line-height: 16px;\n border: 1px solid $table-border-color;\n user-select: none;\n background: #fff;\n margin-right: 10px;\n }\n &-spaced {\n visibility: hidden;\n }\n &-spaced:after {\n content: \".\";\n }\n\n &-expanded:after {\n content: \"-\";\n }\n\n &-collapsed:after {\n content: \"+\";\n }\n }\n &-row{\n &.selected{\n background: $hover-bg-color-base;\n }\n }\n tr.u-table-expanded-row {\n background: #f7f7f7;\n &:hover {\n background: #f7f7f7;\n }\n .u-table {\n // padding: 0 40px 0 20px;\n z-index: 1;\n }\n }\n &-column-hidden {\n display: none;\n }\n &-prev-columns-page,\n &-next-columns-page {\n cursor: pointer;\n color: #666;\n z-index: 1;\n &:hover {\n color: #2db7f5;\n }\n &-disabled {\n cursor: not-allowed;\n color: #999;\n &:hover {\n color: #999;\n }\n }\n }\n &-prev-columns-page {\n margin-right: 8px;\n &:before {\n content: \"<\";\n }\n }\n &-next-columns-page {\n float: right;\n &:before {\n content: \">\";\n }\n }\n\n &-fixed-left,\n &-fixed-right {\n position: absolute;\n top: 0;\n overflow: hidden;\n z-index: 1;\n table {\n width: auto;\n background: #fff;\n }\n }\n\n &-fixed-left {\n left: 0;\n box-shadow: 4px 0 4px rgba(100, 100, 100, 0.1);\n &-body-inner {\n margin-right: -20px;\n padding-right: 20px;\n }\n &-fixed-header & &-body-inner {\n padding-right: 0;\n }\n }\n\n &-fixed-right {\n right: 0;\n box-shadow: -4px 0 4px rgba(100, 100, 100, 0.1);\n\n // hide expand row content in right fixed Table\n // https://github.com/ant-design/ant-design/issues/1898\n &-expanded-row {\n color: transparent;\n pointer-events: none;\n }\n \n }\n \n &-scroll-position-left &-fixed-left {\n box-shadow: none;\n }\n\n &-scroll-position-right &-fixed-right {\n box-shadow: none;\n }\n\n &-thead{\n .filter-text,.filter-dropdown,.filter-date {\n font-weight: normal;\n }\n .filter-wrap{\n display: flex;\n justify-content: center;\n align-items: center;\n .filter-btns{\n min-width: 58px;\n }\n }\n th{\n background: $table-head-background-color;\n color: $table-head-text-color;\n background-clip:padding-box;\n //禁止选中文字\n -moz-user-select: -moz-none;\n -khtml-user-select: none;\n -webkit-user-select: none; \n /*\n Introduced in IE 10. \n */\n -ms-user-select: none;\n user-select: none;\n\n // overflow: hidden;\n // white-space: nowrap;\n // text-overflow: ellipsis;\n .bee-table-column-sorter {\n position: relative;\n margin-left: 4px;\n height: 1em;\n vertical-align: middle;\n text-align: center;\n display: inline-block;\n \n & > .bee-table-column-sorter-down,\n & > .bee-table-column-sorter-up, & > .bee-table-column-sorter-flat {\n line-height: 6px;\n display: block;\n width: 34px;\n cursor: pointer;\n }\n \n }\n\n .bee-table-column-sorter-down.on .uf-triangle-down,\n .bee-table-column-sorter-down.on .uf-triangle-up,\n .bee-table-column-sorter-up.on .uf-triangle-down,\n .bee-table-column-sorter-up.on .uf-triangle-up {\n color: #108ee9;\n }\n .bee-table-column-sorter .uf-triangle-down,\n .bee-table-column-sorter .uf-triangle-up {\n -webkit-filter: none;\n filter: none;\n font-size: 12px;\n }\n .bee-table-column-sorter .uf-triangle-down,\n .bee-table-column-sorter .uf-triangle-up {\n display: inline-block;\n padding: 0;\n font-size: 12px;\n font-size: 8px\\9;\n -webkit-transform: scale(0.66666667) rotate(0deg);\n -ms-transform: scale(0.66666667) rotate(0deg);\n transform: scale(0.66666667) rotate(0deg);\n -ms-filter: \"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)\";\n zoom: 1;\n line-height: 4px;\n height: 4px;\n color: #999;\n // -webkit-transition: all 0.3s;\n // transition: all 0.3s;\n }\n &:hover{\n .bee-table-column-sorter {\n display: inline-block;\n }\n }\n }\n .th-drag{\n cursor: move;\n }\n .th-drag:hover{\n background: $hover-bg-color-base;\n }\n //为了区分是拖拽宽度还是交换列,先注释上面了\n // .th-drag:hover{\n // background:#ccc;\n // }\n .th-drag-hover{ \n background: #ccc;\n }\n &-th{\n position: relative;\n\n &-drag-gap{\n height: 100%;\n position: absolute;\n right: -10px;\n top: 0;\n // background:transparent;\n // width: 1px;\n // background:#ccc;\n width: 20px;\n \n box-sizing: border-box;\n z-index: 1;\n\n .online{\n height: 100%;\n width: 1px;\n background:transparent;//兼容火狐浏览器,如果table设置border,\n margin: 0 auto;\n }\n .online-hover{\n background:#000000;\n }\n \n }\n &-drag-gap:hover{\n cursor: col-resize;\n .online{\n background: #000000\n }\n }\n }\n &-th:last-child {\n &-drag-gap{\n border: none;\n }\n }\n }\n\n\n &-filter-column{\n \n &-pop-cont{\n margin: 10px;\n margin-top: 0px;\n height: 300px;\n overflow-y: scroll;\n }\n &-clear-setting{ \n border-bottom: 1px solid #ccc;\n cursor: pointer;\n }\n &-cont{\n position: relative;\n }\n &-filter-icon{\n position: absolute;\n top: 3px;\n right: 18px;\n width: 22px;\n height: 25px;\n line-height: 25px;\n z-index: 2;\n background: #f7f7f7;\n &i.uf{\n padding: 0px;\n }\n }\n &-pop-cont-item{\n margin-top: 10px;\n line-height: 30px;\n cursor: pointer;\n }\n &-pop-cont-item>span{\n margin-left: 5px;\n width: 100px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n &-pop .u-modal-dialog{\n border: 1px solid #ccc;\n background: #fff;\n }\n }\n //拖拽宽度代码\n &-row-fixed-columns-in-body{\n // visibility: hidden;\n display:none;\n pointer-events: none;\n }\n //固定列含有checkbox 样式复写\n .u-checkbox {\n height: $checkbox-height;\n line-height: $checkbox-height;\n margin:0px;\n }\n}\n.u-table:focus{\n outline: none;\n // border-color: #9ecaed;\n // box-shadow: 0 0 10px #9ecaed;\n box-shadow: 0 0 0;\n}\n\n .u-table-bordered {\n .u-table-drag-gap{\n background:#e9e9e9;\n }\n }\n.u-table.bordered {\n table {\n border-collapse: collapse;\n }\n th,\n td {\n border: 1px solid $table-border-color;\n }\n}\n\n.move-enter,\n.move-appear {\n opacity: 0;\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-duration: 2.5s;\n animation-fill-mode: both;\n animation-play-state: paused;\n}\n\n.move-leave {\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-duration: 0.5s;\n animation-fill-mode: both;\n animation-play-state: paused;\n}\n\n.move-enter.move-enter-active,\n.move-appear.move-enter-active {\n animation-name: moveLeftIn;\n animation-play-state: running;\n}\n\n.move-leave.move-leave-active {\n animation-name: moveRightOut;\n animation-play-state: running;\n}\n\n@keyframes moveLeftIn {\n 0% {\n transform-origin: 0 0;\n transform: translateX(30px);\n opacity: 0;\n background: $table-move-in-color;\n }\n 20% {\n transform-origin: 0 0;\n transform: translateX(0);\n opacity: 1;\n }\n 80% {\n background: $table-move-in-color;\n }\n 100% {\n background: transparent;\n opacity: 1;\n }\n}\n\n@keyframes moveRightOut {\n 0% {\n transform-origin: 0 0;\n transform: translateX(0);\n opacity: 1;\n }\n 100% {\n transform-origin: 0 0;\n transform: translateX(-30px);\n opacity: 0;\n }\n}\n\n.formItem-style {\n height: unset;\n min-height: unset;\n padding: 0;\n}\n.errMessage-style {\n display: none;\n border: none;\n /* margin-top: 5px; */\n /* margin-bottom: 5px; */\n background: transparent;\n color: #f22c1d;\n /* padding-left: 12px; */\n /* padding-right: 12px; */\n margin: 0;\n position: absolute;\n padding: 0;\n top: 3px;\n right: 0;\n}\n\n.editable-cell {\n position: relative;\n}\n\n.editable-cell-input-wrapper,\n.editable-cell-text-wrapper {\n padding-right: 24px;\n}\n.editable-cell-input-wrapper {\n .u-form-item.formItem-style .u-label{\n display: none;\n }\n .u-input-group .u-form-control{\n height: 26px;\n font-size: 12px;\n }\n}\n\n.editable-cell-text-wrapper {\n padding: 5px 24px 5px 5px;\n height: 30px;\n}\n\n.editable-cell-icon,\n.editable-cell-icon-check {\n position: absolute;\n top: 0;\n right: 0;\n width: 20px;\n cursor: pointer;\n}\n\n.editable-cell-icon {\n line-height: 28px;\n display: none;\n}\n\n.editable-cell-icon-check {\n line-height: 28px;\n}\n\n.editable-cell:hover .editable-cell-icon {\n display: inline-block;\n}\n\n.editable-cell-icon:hover,\n.editable-cell-icon-check:hover {\n color: #2db7f5;\n}\n\n.editable-add-btn {\n margin-bottom: 8px;\n}\n\n.search-component {\n margin-bottom: 20px;\n .empty-search {\n position: absolute;\n right: 45px;\n z-index: 20;\n top: 5px;\n color: #524e4e;\n cursor: pointer;\n }\n &.u-input-group.simple {\n float: right;\n }\n &.u-input-group.simple .u-form-control {\n width: 251px;\n background: #f5f5f5;\n border-color: #f5f5f5;\n border-radius: 20px;\n }\n &.u-input-group.simple .u-input-group-btn {\n top: 3px;\n right: 20px;\n position: absolute;\n }\n}\n\n\n.col-resize-container {\n height: 0px;\n position: relative;\n\n & + .table-col-resizer:first-of-type {\n table-layout: fixed;\n }\n\n .active-drag .icon{\n visibility: visible;\n }\n\n .last-handle {\n display: none;\n }\n\n .drag-handle {\n margin-left: -5px;\n position: absolute;\n z-index: 5;\n width: 10px;\n cursor: col-resize;\n\n .icon {\n color: #40b0dc;\n top: -1px;\n position: absolute;\n visibility: hidden;\n\n &:first-child {\n left: -2px\n }\n &:last-child {\n left: 6px\n }\n }\n\n &:hover{\n .icon{\n visibility: visible;\n }\n .col-resizer {\n border: 1px solid;\n }\n }\n\n &.disabled-drag {\n cursor: default;\n display: none;\n }\n\n .col-resizer {\n position: absolute;\n width: 1px;\n height: 100%;\n top: 0px;\n left: 3px;\n }\n }\n}\n\n.u-filter-dropdown-menu-wrap {\n z-index: 1800;\n .u-dropdown-menu {\n li.u-dropdown-menu-item {\n line-height: 32px;\n height: 32px;\n padding: 0px 16px 0 16px;\n cursor: pointer;\n }\n }\n}\n\n.u-row-hover{\n position: absolute;\n right: 24px;\n display: none;\n align-items: center;\n justify-content: center;\n background: transparent;\n}\n\n.u-row-hover2{\n position: absolute;\n left: 100;\n}\n\n// 滚动条样式复写\n::-webkit-scrollbar {\n width: 8px;\n height: 8px;\n}\n::-webkit-scrollbar-button {\n display: none;\n}\n::-webkit-scrollbar-thumb {\n background: #d5d5d5 !important;\n border-radius: 5px;\n}\n::-webkit-scrollbar-thumb {\n border-radius: 4px;\n background-color: #d5d5d5;\n position: absolute;\n}\n\n::-webkit-scrollbar-track {\n display: none;\n}\n\n::-webkit-scrollbar-track-piece {\n display: none;\n}","// @import \"../node_modules/tinper-bee-core/scss/index.scss\";\n// @import \"../node_modules/bee-panel/src/Panel.scss\";\n// @import \"../node_modules/bee-layout/src/Layout.scss\";\n// @import \"../node_modules/bee-button/src/Button.scss\";\n// @import \"../node_modules/bee-transition/src/Transition.scss\";\n// @import \"../node_modules/bee-popconfirm/src/Popconfirm.scss\";\n// @import \"../node_modules/bee-form-control/src/FormControl.scss\";\n// @import \"../node_modules/bee-pagination/src/Pagination.scss\";\n// @import \"../node_modules/bee-checkbox/src/Checkbox.scss\";\n// @import \"../node_modules/bee-select/src/Select.scss\";\n// @import \"../node_modules/bee-form/src/Form.scss\";\n// @import \"../node_modules/bee-popover/src/Popover.scss\";\n// @import \"../node_modules/bee-tooltip/src/Tooltip.scss\";\n// @import \"../node_modules/bee-message/build/Message.css\";\n// @import \"../node_modules/bee-dropdown/build/Dropdown.css\";\n// @import \"../node_modules/bee-input-number/build/InputNumber.css\";\n// @import \"../node_modules/bee-modal/build/Modal.css\";\n@import \"../src/Table.scss\";\n\n\n//引入日期控件样式文件\n// @import \"../node_modules/bee-datepicker/src/datepicker.scss\";\n\n.selected{\n background: rgb(227,242,253);\n}\n\n.demo25{\n height: 100%;\n\n .u-table-filter-column-filter-icon{\n right: 15px;\n }\n\n}\n","th{\n .drop-menu{\n .uf{\n font-size: 12px;\n visibility: hidden;\n margin-left: 15px;\n }\n \n \n }\n &:hover{\n .uf{\n visibility: visible;\n }\n }\n\n}\n\n",".demo3{\n .u-table-thead th {\n padding-top: 0px;\n padding-bottom: 0px;\n }\n}",".demo8{\n .u-table {\n margin-bottom: 11px;\n }\n .u-pagination{\n display: flex;\n align-items: center;\n justify-content: center;\n }\n}",".opt-btns{\n .u-button{\n background-color: #505F79;\n border-color: #505F79;\n color: #fff;\n &:hover, &:active{\n background-color: #344563;\n border-color: #344563;\n }\n }\n}"],"sourceRoot":"/source/"}
\ No newline at end of file
+{"version":3,"sources":["demo.css","../node_modules/tinper-bee-core/scss/minxin-variables.scss","../node_modules/bee-loading/src/Loading.scss","../src/Table.scss","TableDemo.scss","demolist/Demo12.scss","demolist/Demo18.scss","demolist/Demo24.scss","demolist/Demo31.scss"],"names":[],"mappings":"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","file":"demo.css","sourcesContent":["@charset \"UTF-8\";\n/* FormGroup */\n/* Navlayout */\n/* FormGroup */\n/* Navlayout */\n/**\r\n * 加载背景\r\n */\n/**\r\n * 文字\r\n */\n.u-loading-desc {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n font-size: 16px;\n color: #000;\n text-align: center; }\n\n/**\r\n * default样式 单个圆圈加载\r\n */\n.u-loading.u-loading-rotate > div {\n position: absolute;\n border-radius: 100%;\n margin: 2px;\n -webkit-animation-fill-mode: both;\n animation-fill-mode: both;\n width: 40px;\n height: 40px;\n top: 50%;\n left: 50%;\n margin-left: -22px;\n margin-top: -22px;\n background: transparent !important;\n display: inline-block;\n -webkit-animation: rotate 1.5s 0s linear infinite;\n animation: rotate 1.5s 0s linear infinite;\n text-align: center;\n line-height: 40px; }\n .u-loading.u-loading-rotate > div > .uf {\n color: #0084ff;\n font-size: 40px;\n padding: 0; }\n\n.u-loading.u-loading-rotate.u-loading-rotate-lg > div {\n margin-left: -35px;\n margin-top: -35px;\n width: 60px;\n height: 60px;\n line-height: 60px; }\n .u-loading.u-loading-rotate.u-loading-rotate-lg > div > .uf {\n font-size: 60px; }\n\n.u-loading.u-loading-rotate.u-loading-rotate-sm > div {\n margin-left: -15px;\n margin-top: -15px;\n width: 25px;\n height: 25px;\n line-height: 25px; }\n .u-loading.u-loading-rotate.u-loading-rotate-sm > div > .uf {\n font-size: 25px; }\n\n.u-loading.u-loading-rotate.u-loading-rotate-primary > div > .uf {\n color: #3f51b5; }\n\n.u-loading.u-loading-rotate.u-loading-rotate-success > div > .uf {\n color: #4caf50; }\n\n.u-loading.u-loading-rotate.u-loading-rotate-warning > div > .uf {\n color: #ff9800; }\n\n.u-loading-backdrop {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1900;\n opacity: .7;\n filter: blur(0.5px);\n background-color: #fff; }\n .u-loading-backdrop.full-screen {\n position: fixed; }\n\n@keyframes rotate {\n 0% {\n -webkit-transform: rotate(0deg) scale(1);\n transform: rotate(0deg) scale(1); }\n 50% {\n -webkit-transform: rotate(180deg) scale(1);\n transform: rotate(180deg) scale(1); }\n 100% {\n -webkit-transform: rotate(360deg) scale(1);\n transform: rotate(360deg) scale(1); } }\n\n.u-loading.u-loading-line {\n position: absolute;\n top: 50%;\n left: 50%;\n margin-top: -30px;\n margin-left: -25px; }\n .u-loading.u-loading-line > div {\n background-color: #C2C3C5;\n width: 6px;\n height: 50px;\n border-radius: 2px;\n margin: 2px;\n -webkit-animation-fill-mode: both;\n animation-fill-mode: both;\n display: inline-block; }\n .u-loading.u-loading-line.u-loading-line-lg {\n margin-top: -50px;\n margin-left: -30px; }\n .u-loading.u-loading-line.u-loading-line-lg > div {\n width: 8px;\n height: 90px; }\n .u-loading.u-loading-line.u-loading-line-sm {\n margin-top: -22px;\n margin-left: -20px; }\n .u-loading.u-loading-line.u-loading-line-sm > div {\n width: 4px;\n height: 35px; }\n .u-loading.u-loading-line div:nth-child(1) {\n -webkit-animation: line-scale 1s 0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);\n animation: line-scale 1s 0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);\n background-color: #F44336; }\n .u-loading.u-loading-line div:nth-child(2) {\n -webkit-animation: line-scale 1s 0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);\n animation: line-scale 1s 0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);\n background-color: #7ED321; }\n .u-loading.u-loading-line div:nth-child(3) {\n -webkit-animation: line-scale 1s 0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);\n animation: line-scale 1s 0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);\n background-color: #0084FF; }\n .u-loading.u-loading-line div:nth-child(4) {\n -webkit-animation: line-scale 1s 0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);\n animation: line-scale 1s 0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);\n background-color: #FF9800; }\n .u-loading.u-loading-line div:nth-child(5) {\n -webkit-animation: line-scale 1s 0.5s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);\n animation: line-scale 1s 0.5s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);\n background-color: #D0021B; }\n .u-loading.u-loading-line.u-loading-line-primary > div {\n background-color: #3f51b5; }\n .u-loading.u-loading-line.u-loading-line-success > div {\n background-color: #4caf50; }\n .u-loading.u-loading-line.u-loading-line-warning > div {\n background-color: #ff9800; }\n\n@keyframes line-scale {\n 0% {\n -webkit-transform: scaley(1);\n transform: scaley(1); }\n 50% {\n -webkit-transform: scaley(0.4);\n transform: scaley(0.4); }\n 100% {\n -webkit-transform: scaley(1);\n transform: scaley(1); } }\n\n.u-table {\n font-size: 12px;\n color: #666;\n position: relative;\n line-height: 1.5;\n overflow: hidden; }\n .u-table-body {\n position: relative; }\n .u-table-hiden-drag {\n position: relative; }\n .u-table-hiden-drag-li {\n position: absolute;\n top: 0px;\n left: 0px; }\n .u-table table {\n width: 100%;\n border-collapse: collapse;\n text-align: left; }\n .u-table th {\n font-weight: bold;\n text-align: left; }\n .u-table th[colspan] {\n text-align: center; }\n .u-table th ::last-child {\n overflow: hidden; }\n .u-table td {\n border-bottom: 1px solid rgb(233,233,233); }\n .u-table td a {\n color: #2196F3; }\n .u-table td a:hover {\n color: #1565c0; }\n .u-table td a:active {\n color: #1565c0; }\n .u-table tr:hover td .uf-eye {\n visibility: visible !important; }\n .u-table tr tr a {\n color: #2196F3; }\n .u-table tr tr a:hover {\n color: #1565c0; }\n .u-table tr tr a:active {\n color: #1565c0; }\n .u-table tr.tr-row-hover {\n background: rgb(235, 236, 240); }\n .u-table th,\n .u-table td {\n padding: 12px 8px;\n word-break: break-all; }\n .u-table tr.filterable th {\n padding-top: 4px;\n padding-bottom: 4px; }\n .u-table tr.filterable th .filterContext {\n height: 35px; }\n .u-table-row-hover {\n background: rgb(235, 236, 240); }\n .u-table-scroll {\n overflow: auto; }\n .u-table-bordered table {\n border: 1px solid rgb(233,233,233);\n box-sizing: border-box;\n table-layout: fixed; }\n .u-table-bordered th {\n border-bottom: 1px solid rgb(233,233,233);\n box-sizing: border-box; }\n .u-table-bordered th,\n .u-table-bordered td {\n border-right: 1px solid rgb(233,233,233);\n box-sizing: border-box; }\n .u-table-drag-border tr th.th-can-not-drag {\n overflow: hidden; }\n .u-table-header {\n overflow: hidden;\n background: rgb(247,247,247);\n color: rgb(102, 102, 102); }\n .u-table.fixed-height td {\n padding: 0px 8px; }\n .u-table-fixed-header .u-table-body {\n background: #fff;\n position: relative; }\n .u-table-fixed-left .u-table-body-inner {\n margin-right: -20px;\n padding-right: 20px; }\n .u-table-fixed-header .u-table-fixed-left .u-table-body-inner {\n padding-right: 0px; }\n .u-table-fixed-header .u-table-body-inner {\n height: 100%;\n overflow: scroll; }\n .u-table-fixed-header .u-table-scroll .u-table-header {\n overflow-x: scroll;\n padding-bottom: 20px;\n margin-bottom: -20px;\n overflow-y: scroll;\n box-sizing: border-box; }\n .u-table-title {\n padding: 12px 8px;\n border-top: 1px solid rgb(233,233,233); }\n .u-table-content {\n position: relative; }\n .u-table-footer {\n padding: 12px 8px;\n border-bottom: 1px solid rgb(233,233,233); }\n .u-table-footer .u-table-scroll {\n overflow-x: hidden; }\n .u-table-footer .u-table {\n margin: -12px -8px; }\n .u-table-placeholder {\n padding: 12px 8px;\n background: #fff;\n border-bottom: 1px solid rgb(233,233,233);\n text-align: center;\n position: relative; }\n .u-table-expand-icon-col {\n width: 10px; }\n .u-table-row-expand-icon, .u-table-expanded-row-expand-icon {\n cursor: pointer;\n display: inline-block;\n margin-right: 0px;\n width: 16px;\n height: 16px;\n text-align: center;\n line-height: 16px;\n border: 1px solid rgb(233,233,233);\n user-select: none;\n background: #fff;\n margin-right: 10px; }\n .u-table-row-spaced, .u-table-expanded-row-spaced {\n visibility: hidden; }\n .u-table-row-spaced:after, .u-table-expanded-row-spaced:after {\n content: \".\"; }\n .u-table-row-expanded:after, .u-table-expanded-row-expanded:after {\n content: \"-\"; }\n .u-table-row-collapsed:after, .u-table-expanded-row-collapsed:after {\n content: \"+\"; }\n .u-table-row.selected {\n background: rgb(235, 236, 240); }\n .u-table tr.u-table-expanded-row {\n background: #f7f7f7; }\n .u-table tr.u-table-expanded-row:hover {\n background: #f7f7f7; }\n .u-table tr.u-table-expanded-row .u-table {\n z-index: 1; }\n .u-table-column-hidden {\n display: none; }\n .u-table-prev-columns-page, .u-table-next-columns-page {\n cursor: pointer;\n color: #666;\n z-index: 1; }\n .u-table-prev-columns-page:hover, .u-table-next-columns-page:hover {\n color: #2db7f5; }\n .u-table-prev-columns-page-disabled, .u-table-next-columns-page-disabled {\n cursor: not-allowed;\n color: #999; }\n .u-table-prev-columns-page-disabled:hover, .u-table-next-columns-page-disabled:hover {\n color: #999; }\n .u-table-prev-columns-page {\n margin-right: 8px; }\n .u-table-prev-columns-page:before {\n content: \"<\"; }\n .u-table-next-columns-page {\n float: right; }\n .u-table-next-columns-page:before {\n content: \">\"; }\n .u-table-fixed-left, .u-table-fixed-right {\n position: absolute;\n top: 0;\n overflow: hidden;\n z-index: 1; }\n .u-table-fixed-left table, .u-table-fixed-right table {\n width: auto;\n background: #fff; }\n .u-table-fixed-left {\n left: 0;\n box-shadow: 4px 0 4px rgba(100, 100, 100, 0.1); }\n .u-table-fixed-left-body-inner {\n margin-right: -20px;\n padding-right: 20px; }\n .u-table-fixed-left-fixed-header .u-table-fixed-left .u-table-fixed-left-body-inner {\n padding-right: 0; }\n .u-table-fixed-right {\n right: 0;\n box-shadow: -4px 0 4px rgba(100, 100, 100, 0.1); }\n .u-table-fixed-right-expanded-row {\n color: transparent;\n pointer-events: none; }\n .u-table-scroll-position-left .u-table-fixed-left {\n box-shadow: none; }\n .u-table-scroll-position-right .u-table-fixed-right {\n box-shadow: none; }\n .u-table-thead .filter-text, .u-table-thead .filter-dropdown, .u-table-thead .filter-date {\n font-weight: normal; }\n .u-table-thead .filter-wrap {\n display: flex;\n justify-content: center;\n align-items: center; }\n .u-table-thead .filter-wrap .filter-btns {\n min-width: 58px; }\n .u-table-thead th {\n background: rgb(247,247,247);\n color: rgb(102, 102, 102);\n background-clip: padding-box;\n -moz-user-select: -moz-none;\n -khtml-user-select: none;\n -webkit-user-select: none;\n /*\n Introduced in IE 10. \n */\n -ms-user-select: none;\n user-select: none; }\n .u-table-thead th .bee-table-column-sorter {\n position: relative;\n margin-left: 4px;\n height: 1em;\n vertical-align: middle;\n text-align: center;\n display: inline-block; }\n .u-table-thead th .bee-table-column-sorter > .bee-table-column-sorter-down,\n .u-table-thead th .bee-table-column-sorter > .bee-table-column-sorter-up, .u-table-thead th .bee-table-column-sorter > .bee-table-column-sorter-flat {\n line-height: 6px;\n display: block;\n width: 34px;\n cursor: pointer; }\n .u-table-thead th .bee-table-column-sorter-down.on .uf-triangle-down,\n .u-table-thead th .bee-table-column-sorter-down.on .uf-triangle-up,\n .u-table-thead th .bee-table-column-sorter-up.on .uf-triangle-down,\n .u-table-thead th .bee-table-column-sorter-up.on .uf-triangle-up {\n color: #108ee9; }\n .u-table-thead th .bee-table-column-sorter .uf-triangle-down,\n .u-table-thead th .bee-table-column-sorter .uf-triangle-up {\n -webkit-filter: none;\n filter: none;\n font-size: 12px; }\n .u-table-thead th .bee-table-column-sorter .uf-triangle-down,\n .u-table-thead th .bee-table-column-sorter .uf-triangle-up {\n display: inline-block;\n padding: 0;\n font-size: 12px;\n font-size: 8px\\9;\n -webkit-transform: scale(0.66667) rotate(0deg);\n -ms-transform: scale(0.66667) rotate(0deg);\n transform: scale(0.66667) rotate(0deg);\n -ms-filter: \"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)\";\n zoom: 1;\n line-height: 4px;\n height: 4px;\n color: #999; }\n .u-table-thead th:hover .bee-table-column-sorter {\n display: inline-block; }\n .u-table-thead .th-drag {\n cursor: move; }\n .u-table-thead .th-drag:hover {\n background: rgb(235, 236, 240); }\n .u-table-thead .th-drag-hover {\n background: #ccc; }\n .u-table-thead-th {\n position: relative; }\n .u-table-thead-th-drag-gap {\n height: 100%;\n position: absolute;\n right: -10px;\n top: 0;\n width: 20px;\n box-sizing: border-box;\n z-index: 1; }\n .u-table-thead-th-drag-gap .online {\n height: 100%;\n width: 1px;\n background: transparent;\n margin: 0 auto; }\n .u-table-thead-th-drag-gap .online-hover {\n background: #000000; }\n .u-table-thead-th-drag-gap:hover {\n cursor: col-resize; }\n .u-table-thead-th-drag-gap:hover .online {\n background: #000000; }\n .u-table-thead-th:last-child-drag-gap {\n border: none; }\n .u-table-filter-column-pop-cont {\n margin: 10px;\n margin-top: 0px;\n height: 300px;\n overflow-y: scroll; }\n .u-table-filter-column-clear-setting {\n border-bottom: 1px solid #ccc;\n cursor: pointer; }\n .u-table-filter-column-cont {\n position: relative; }\n .u-table-filter-column-filter-icon {\n position: absolute;\n top: 3px;\n right: 18px;\n width: 22px;\n height: 25px;\n line-height: 25px;\n z-index: 2;\n background: #f7f7f7; }\n .u-table-filter-column-filter-iconi.uf {\n padding: 0px; }\n .u-table-filter-column-pop-cont-item {\n margin-top: 10px;\n line-height: 30px;\n cursor: pointer; }\n .u-table-filter-column-pop-cont-item > span {\n margin-left: 5px;\n width: 100px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap; }\n .u-table-filter-column-pop .u-modal-dialog {\n border: 1px solid #ccc;\n background: #fff; }\n .u-table-row-fixed-columns-in-body {\n display: none;\n pointer-events: none; }\n .u-table .u-checkbox {\n height: 16px;\n line-height: 16px;\n margin: 0px; }\n\n.u-table:focus {\n outline: none;\n box-shadow: 0 0 0; }\n\n.u-table-bordered .u-table-drag-gap {\n background: #e9e9e9; }\n\n.u-table.bordered table {\n border-collapse: collapse; }\n\n.u-table.bordered th,\n.u-table.bordered td {\n border: 1px solid rgb(233,233,233); }\n\n.move-enter,\n.move-appear {\n opacity: 0;\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-duration: 2.5s;\n animation-fill-mode: both;\n animation-play-state: paused; }\n\n.move-leave {\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-duration: 0.5s;\n animation-fill-mode: both;\n animation-play-state: paused; }\n\n.move-enter.move-enter-active,\n.move-appear.move-enter-active {\n animation-name: moveLeftIn;\n animation-play-state: running; }\n\n.move-leave.move-leave-active {\n animation-name: moveRightOut;\n animation-play-state: running; }\n\n@keyframes moveLeftIn {\n 0% {\n transform-origin: 0 0;\n transform: translateX(30px);\n opacity: 0;\n background: rgb(238,238,238); }\n 20% {\n transform-origin: 0 0;\n transform: translateX(0);\n opacity: 1; }\n 80% {\n background: rgb(238,238,238); }\n 100% {\n background: transparent;\n opacity: 1; } }\n\n@keyframes moveRightOut {\n 0% {\n transform-origin: 0 0;\n transform: translateX(0);\n opacity: 1; }\n 100% {\n transform-origin: 0 0;\n transform: translateX(-30px);\n opacity: 0; } }\n\n.formItem-style {\n height: unset;\n min-height: unset;\n padding: 0; }\n\n.errMessage-style {\n display: none;\n border: none;\n /* margin-top: 5px; */\n /* margin-bottom: 5px; */\n background: transparent;\n color: #f22c1d;\n /* padding-left: 12px; */\n /* padding-right: 12px; */\n margin: 0;\n position: absolute;\n padding: 0;\n top: 3px;\n right: 0; }\n\n.editable-cell {\n position: relative; }\n\n.editable-cell-input-wrapper,\n.editable-cell-text-wrapper {\n padding-right: 24px; }\n\n.editable-cell-input-wrapper .u-form-item.formItem-style .u-label {\n display: none; }\n\n.editable-cell-input-wrapper .u-input-group .u-form-control {\n height: 26px;\n font-size: 12px; }\n\n.editable-cell-text-wrapper {\n padding: 5px 24px 5px 5px;\n height: 30px; }\n\n.editable-cell-icon,\n.editable-cell-icon-check {\n position: absolute;\n top: 0;\n right: 0;\n width: 20px;\n cursor: pointer; }\n\n.editable-cell-icon {\n line-height: 28px;\n display: none; }\n\n.editable-cell-icon-check {\n line-height: 28px; }\n\n.editable-cell:hover .editable-cell-icon {\n display: inline-block; }\n\n.editable-cell-icon:hover,\n.editable-cell-icon-check:hover {\n color: #2db7f5; }\n\n.editable-add-btn {\n margin-bottom: 8px; }\n\n.search-component {\n margin-bottom: 20px; }\n .search-component .empty-search {\n position: absolute;\n right: 45px;\n z-index: 20;\n top: 5px;\n color: #524e4e;\n cursor: pointer; }\n .search-component.u-input-group.simple {\n float: right; }\n .search-component.u-input-group.simple .u-form-control {\n width: 251px;\n background: #f5f5f5;\n border-color: #f5f5f5;\n border-radius: 20px; }\n .search-component.u-input-group.simple .u-input-group-btn {\n top: 3px;\n right: 20px;\n position: absolute; }\n\n.col-resize-container {\n height: 0px;\n position: relative; }\n .col-resize-container + .table-col-resizer:first-of-type {\n table-layout: fixed; }\n .col-resize-container .active-drag .icon {\n visibility: visible; }\n .col-resize-container .last-handle {\n display: none; }\n .col-resize-container .drag-handle {\n margin-left: -5px;\n position: absolute;\n z-index: 5;\n width: 10px;\n cursor: col-resize; }\n .col-resize-container .drag-handle .icon {\n color: #40b0dc;\n top: -1px;\n position: absolute;\n visibility: hidden; }\n .col-resize-container .drag-handle .icon:first-child {\n left: -2px; }\n .col-resize-container .drag-handle .icon:last-child {\n left: 6px; }\n .col-resize-container .drag-handle:hover .icon {\n visibility: visible; }\n .col-resize-container .drag-handle:hover .col-resizer {\n border: 1px solid; }\n .col-resize-container .drag-handle.disabled-drag {\n cursor: default;\n display: none; }\n .col-resize-container .drag-handle .col-resizer {\n position: absolute;\n width: 1px;\n height: 100%;\n top: 0px;\n left: 3px; }\n\n.u-filter-dropdown-menu-wrap {\n z-index: 1800; }\n .u-filter-dropdown-menu-wrap .u-dropdown-menu li.u-dropdown-menu-item {\n line-height: 32px;\n height: 32px;\n padding: 0px 16px 0 16px;\n cursor: pointer; }\n\n.u-row-hover {\n position: absolute;\n right: 24px;\n display: none;\n align-items: center;\n justify-content: center;\n background: transparent; }\n\n.u-row-hover2 {\n position: absolute;\n left: 100; }\n\n::-webkit-scrollbar {\n width: 8px;\n height: 8px; }\n\n::-webkit-scrollbar-button {\n display: none; }\n\n::-webkit-scrollbar-thumb {\n background: #d5d5d5 !important;\n border-radius: 5px; }\n\n::-webkit-scrollbar-thumb {\n border-radius: 4px;\n background-color: #d5d5d5;\n position: absolute; }\n\n::-webkit-scrollbar-track {\n display: none; }\n\n::-webkit-scrollbar-track-piece {\n display: none; }\n\n.selected {\n background: #e3f2fd; }\n\n.demo25 {\n height: 100%; }\n .demo25 .u-table-filter-column-filter-icon {\n right: 15px; }\n\nth .drop-menu .uf {\n font-size: 12px;\n visibility: hidden;\n margin-left: 15px; }\n\nth:hover .uf {\n visibility: visible; }\n\n.demo3 .u-table-thead th {\n padding-top: 0px;\n padding-bottom: 0px; }\n\n.demo8 .u-table {\n margin-bottom: 11px; }\n\n.demo8 .u-pagination {\n display: flex;\n align-items: center;\n justify-content: center; }\n\n\n.opt-btns .u-button {\n background-color: #505F79;\n border-color: #505F79;\n color: #fff; }\n .opt-btns .u-button:hover, .opt-btns .u-button:active {\n background-color: #344563;\n border-color: #344563; }\n","\r\n\r\n// $performance_font: 'Helvetica', 'Arial', sans-serif !default;\r\n\r\n@import \"minxin-colors\";\r\n\r\n\r\n\r\n@function strip-units($number) {\r\n @return $number / ($number * 0 + 1);\r\n}\r\n$unit: 10px !default;\r\n// IMAGES\r\n$image_path: '/images' !default;\r\n\r\n\r\n\r\n//默认颜色\r\n$trim-color-classes: false !default;\r\n\r\n@import \"minxin-themeColors\";\r\n\r\n//对比色\r\n$color-primary-contrast: $color-dark-contrast !default;\r\n$color-accent-contrast: $color-dark-contrast !default;\r\n//字体颜色\r\n$color-text: $palette-grey-900 !default;\r\n\r\n//不明所以 $primary-color: unquote(\"rgba(#{$palette-grey-500}, 0.20)\") !default;\r\n\r\n// -- Fonts 字体大小权重预定义\r\n$preferred-font: 'Open Sans','Helvetica Neue',Arial,'Hiragino Sans GB','Microsoft YaHei',sans-serif !default;\r\n$font-size: 1.6 * $unit !default;\r\n$font-size-tiny: 1.2 * $unit !default;\r\n$font-size-small: 1.4 * $unit !default;\r\n$font-size-normal: $font-size !default;\r\n$font-size-big: 1.8 * $unit !default;\r\n$font-weight-thin: 300 !default;\r\n$font-weight-normal: 400 !default;\r\n$font-weight-semi-bold: 500 !default;\r\n$font-weight-bold: 700 !default;\r\n$font-color:unquote(\"rgb(#{$palette-u-gray-800})\") !default;\r\n// 白色背景下的文字颜色\r\n$font-color-base: #212121 !default;\r\n\r\n$font-weight-override: false;\r\n$font-weight-light: 300;\r\n$font-weight-normal: 400;\r\n$font-weight-medium: 500;\r\n$font-weight-bold: 700;\r\n$font-weight-base: $font-weight-normal;\r\n\r\n\r\n\r\n\r\n$gray-base: unquote(\"rgb(#{$palette-grey-900})\") !default;\r\n$gray-darkest: unquote(\"rgb(#{$palette-grey-800})\") !default;\r\n$gray-darker: unquote(\"rgb(#{$palette-grey-700})\") !default;\r\n$gray-dark: unquote(\"rgb(#{$palette-grey-600})\") !default;\r\n$gray: unquote(\"rgb(#{$palette-grey-500})\") !default;\r\n$gray-light: unquote(\"rgb(#{$palette-grey-400})\") !default;\r\n$gray-lighter: unquote(\"rgb(#{$palette-grey-300})\") !default;\r\n$gray-lightest:unquote(\"rgb(#{$palette-grey-200})\") !default;\r\n$inverse: unquote(\"rgb(#{$color-white})\") !default;\r\n// $border-color-base: $gray-lighter;\r\n$border-color-base: unquote(\"rgb(#{$border-color})\") !default;\r\n$line-height-base: 1.57142857;\r\n\r\n// 边框圆角\r\n$border-radius-base: $border-radius;\r\n\r\n// 阴影\r\n\r\n$shadow-key-umbra-opacity: 0.2 !default;\r\n$shadow-key-penumbra-opacity: 0.14 !default;\r\n$shadow-ambient-shadow-opacity: 0.12 !default;\r\n\r\n$shadow-base: 0 1px 5px $gray-lighter;\r\n\r\n\r\n\r\n//-- Indexes\r\n$z-index-highest: 300;\r\n$z-index-higher: 200;\r\n$z-index-high: 100;\r\n$z-index-normal: 1;\r\n$z-index-low: -100;\r\n$z-index-lower: -200;\r\n\r\n$zindex-modal: 1700;\r\n$zindex-modal-background: 1600;\r\n$zIndex-notification: 1560;\r\n$zIndex-message: 1550;\r\n$zIndex-popconfirm: 1540;\r\n$zIndex-popover: 1540;\r\n$zIndex-tooltip: 1530;\r\n$zIndex-alert: 1510;\r\n$zindex-navbar-fixed: 1500;\r\n$zindex-menubar: 1400;\r\n$zindex-overlay: 1300;\r\n$zindex-dropdown: 1200;\r\n$zindex-navbar: 1200;\r\n$zindex-header: 1100;\r\n$zindex-footer: 1000;\r\n$zindex-backtop:2000;\r\n\r\n// 文本字体\r\n\r\n//todo\r\n$text-color-primary: unquote(\"rgba(#{$color-black}, 0.87)\") !default;\r\n$text-link-color: unquote(\"rgb(#{$color-accent})\") !default;\r\n\r\n$target-elements-directly: true !default;\r\n\r\n\r\n$global-selected-color: unquote(\"rgb(#{$palette-blue-100})\") !default;\r\n\r\n\r\n// 控件\r\n$cursor-disabled: not-allowed;\r\n\r\n\r\n$title-color: $gray-darkest;\r\n//todo\r\n$subtitle-color: $gray-darker;\r\n$text-color: $gray-dark;\r\n\r\n$prompt-color: $gray;\r\n//全局不同状态颜色\r\n//todo\r\n$active-color-base: unquote(\"rgb(#{$palette-blue-800})\") !default;\r\n$normal-color-base: unquote(\"rgb(#{$palette-blue-600})\") !default;\r\n$hover-color-base: unquote(\"rgb(#{$palette-blue-400})\") !default;\r\n\r\n$bg-color-base: $gray-lightest;\r\n\r\n//disable颜色\r\n$disabled-color-base: #909090;\r\n$disabled-border-color: $gray-lighter;\r\n$disabled-bg-color: $gray-lightest;\r\n\r\n// 全局链接颜色\r\n$link-color: $normal-color-base;\r\n$link-hover-color: $hover-color-base;\r\n$link-active-color: $active-color-base;\r\n\r\n// 品牌色\r\n$brand-default: $gray-lighter;\r\n$brand-default-hover: $gray-lightest;\r\n$brand-default-active: $gray-light;\r\n// $brand-default: unquote(\"rgb(#{$color-primary})\");\r\n// $brand-default-hover: unquote(\"rgb(#{$color-primary-light})\");\r\n// $brand-default-active: unquote(\"rgb(#{$color-primary-dark})\");\r\n\r\n$brand-primary : unquote(\"rgb(#{$primary-color})\") !default;\r\n$brand-primary-hover: unquote(\"rgb(#{$primary-color-light})\") !default;\r\n$brand-primary-active: unquote(\"rgb(#{$primary-color-dark})\") !default;\r\n\r\n$brand-secondary : unquote(\"rgb(#{$secondary-color})\") !default;\r\n$brand-secondary-hover: unquote(\"rgb(#{$secondary-color-light})\") !default;\r\n$brand-secondary-active: unquote(\"rgb(#{$secondary-color-dark})\") !default;\r\n\r\n$brand-success: unquote(\"rgb(#{$palette-green-500})\") !default;\r\n$brand-success-hover: unquote(\"rgb(#{$palette-green-300})\") !default;\r\n$brand-success-active: unquote(\"rgb(#{$palette-green-700})\") !default;\r\n\r\n$brand-info: unquote(\"rgb(#{$palette-cyan-500})\") !default;\r\n$brand-info-hover: unquote(\"rgb(#{$palette-cyan-300})\") !default;\r\n$brand-info-active: unquote(\"rgb(#{$palette-cyan-700})\") !default;\r\n\r\n$brand-warning: unquote(\"rgb(#{$palette-orange-500})\") !default;\r\n$brand-warning-hover: unquote(\"rgb(#{$palette-orange-300})\") !default;\r\n$brand-warning-active: unquote(\"rgb(#{$palette-orange-700})\") !default;\r\n\r\n\r\n$brand-news: unquote(\"rgb(#{$palette-blue-500})\") !default;\r\n$brand-news-hover: unquote(\"rgb(#{$palette-blue-300})\") !default;\r\n$brand-news-active: unquote(\"rgb(#{$palette-blue-700})\") !default;\r\n\r\n$brand-danger: unquote(\"rgb(#{$palette-red-500})\") !default;\r\n$brand-danger-hover: unquote(\"rgb(#{$palette-red-300})\") !default;\r\n$brand-danger-active: unquote(\"rgb(#{$palette-red-700})\") !default;\r\n\r\n$brand-dark: $gray-darker;\r\n$brand-dark-hover: $gray-dark;\r\n$brand-dark-active: $gray-darkest;\r\n\r\n$brand-light : unquote(\"rgb(#{$color-dark-contrast})\") !default;\r\n$brand-light-hover: unquote(\"rgb(#{$palette-grey-200})\") !default;\r\n$brand-light-active: unquote(\"rgb(#{$palette-grey-400})\") !default;\r\n\r\n$brand-light-primary : unquote(\"rgb(#{$palette-blue-100})\") !default;\r\n$brand-light-success: unquote(\"rgb(#{$palette-green-100})\") !default;\r\n$brand-light-info: unquote(\"rgb(#{$palette-cyan-100})\") !default;\r\n$brand-light-warning: unquote(\"rgb(#{$palette-orange-100})\") !default;\r\n$brand-light-news: unquote(\"rgb(#{$palette-blue-100})\") !default;\r\n$brand-light-danger: unquote(\"rgb(#{$palette-red-100})\") !default;\r\n\r\n//不同背景下对应的文字颜色\r\n\r\n$color-news: unquote(\"rgb(#{$palette-blue-500})\") !default;\r\n$color-success: unquote(\"rgb(#{$palette-green-500})\") !default;\r\n$color-info: unquote(\"rgb(#{$palette-cyan-500})\") !default;\r\n$color-warning: unquote(\"rgb(#{$palette-orange-500})\") !default;\r\n$color-danger: unquote(\"rgb(#{$palette-red-500})\") !default;\r\n$color-light: $gray-darker !default;\r\n\r\n//redius\r\n\r\n$default-border-radius: $border-radius;\r\n\r\n// hover时的背景色,包括select、dropdown、table、datepicker、tree、menu等组件\r\n$hover-bg-color-base: unquote(\"rgb(#{$item-hover-bg-color-base})\") !default;\r\n// // selected背景色,包括:select、menu等\r\n$selected-bg-color-base: unquote(\"rgb(#{$item-selected-bg-color-base})\") !default;\r\n\r\n// UButton\r\n\r\n// Button 基础背景色.\r\n// 默认按钮()\r\n$button-default-color: unquote(\"rgb(#{$default-color})\");\r\n$button-default-color-IE8: unquote(\"rgb(#{$default-color})\");\r\n\r\n// 边框按钮(shape:'border')\r\n$button-border-bg-color: unquote(\"rgb(#{$color-dark-contrast})\");\r\n\r\n// Button 不同状态下的背景色 :hover、active、focus状态.\r\n$button-hover-color: unquote(\"rgb(#{$default-color-light})\");\r\n$button-active-color: unquote(\"rgb(#{$default-color-dark})\");\r\n$button-focus-color: unquote(\"rgb(#{$default-color-light})\");\r\n\r\n// Button 配置不同colors属性时的背景色.\r\n$button-primary-color: $brand-primary;\r\n$button-primary-active-color: $brand-primary-active;\r\n$button-primary-hover-color: $brand-primary-hover;\r\n$button-secondary-color: $brand-secondary;\r\n$button-secondary-active-color: $brand-secondary-active;\r\n$button-secondary-hover-color: $brand-secondary-hover;\r\n$button-success-color: $brand-success;\r\n$button-success-active-color: $brand-success-active;\r\n$button-success-hover-color: $brand-success-hover;\r\n$button-info-color: $brand-info;\r\n$button-info-active-color: $brand-info-active;\r\n$button-info-hover-color: $brand-info-hover;\r\n$button-warning-color: $brand-warning;\r\n$button-warning-active-color: $brand-warning-active;\r\n$button-warning-hover-color: $brand-warning-hover;\r\n$button-danger-color: $brand-danger;\r\n$button-danger-active-color: $brand-danger-active;\r\n$button-danger-hover-color: $brand-danger-hover;\r\n$button-dark-color: $brand-dark;\r\n$button-dark-active-color: $brand-dark-active;\r\n$button-dark-hover-color: $brand-dark-hover;\r\n$button-light-color: $brand-light;\r\n$button-light-active-color: $brand-light-active;\r\n$button-light-hover-color: $brand-light-hover;\r\n\r\n// Button 文字颜色.\r\n// 主按钮(colors:'primary')\r\n$button-primary-text-color: unquote(\"rgb(#{$text-color-base})\") !default;\r\n$button-text-color: $button-primary-text-color;\r\n// 次按钮(colors:'secondary')\r\n$button-second-text-color: unquote(\"rgb(#{$button-secondary-text-color})\") !default;\r\n// 默认按钮()\r\n$button-default-text-color: unquote(\"rgb(#{$palette-grey-900})\") !default;\r\n// 边框按钮(shape:'border')\r\n// $button-border-text-color: unquote(\"rgb(#{$primary-color})\") !default;\r\n\r\n// Button 边框样式及颜色.\r\n$button-border-style: unquote(\"solid\") !default;\r\n$button-border-color: $border-color-base;\r\n$button-default-border-color: $button-default-color !default;\r\n\r\n// Button 不同状态下的边框颜色 :hover、active、focus状态.\r\n$button-hover-border-color: $brand-default-hover;\r\n$button-active-border-color: $brand-default-active;\r\n$button-focus-border-color: $brand-default-active;\r\n\r\n// FAB colors and sizes.\r\n$button-fab-color-alt: unquote(\"rgb(#{$color-accent})\") !default;\r\n$button-fab-hover-color-alt: unquote(\"rgb(#{$color-accent-light})\") !default;\r\n$button-fab-active-color-alt: unquote(\"rgb(#{$color-accent})\") !default;\r\n$button-fab-text-color-alt: unquote(\"rgb(#{$color-accent-contrast})\") !default;\r\n$button-fab-ripple-color-alt: unquote(\"rgb(#{$color-accent-contrast})\") !default;\r\n\r\n// Icon button colors and sizes.\r\n$button-icon-color: unquote(\"rgb(#{$palette-grey-700})\") !default;\r\n$button-icon-focus-color: $button-focus-color !default;\r\n\r\n// Button 最小宽度、高度、内边距、外边距、行高、边框粗细、圆角.\r\n$button-min-width: 72/10 * $unit !default;\r\n$button-height: 36/10 * $unit !default;\r\n$button-padding: 4/10* $unit 13/10 * $unit !default;\r\n$button-padding-IE8: 4px 13px !default;\r\n$button-top-padding: 1310 * $unit !default;\r\n$button-left-padding: 6/10* $unit !default;\r\n$button-line-height:1.57142857;\r\n$button-margin: 4/10 * $unit !default;\r\n$button-border-radius: 3/10 * $unit !default;\r\n$button-border-width: 1/10 * $unit !default;\r\n\r\n$button-fab-size: 38/10 * $unit !default;\r\n$button-fab-size-mini: 30/10 * $unit !default;\r\n$button-fab-font-size: 14/10 * $unit !default;\r\n\r\n$button-icon-size: 32/10 * $unit !default;\r\n$button-icon-size-mini: 13/10 * $unit !default;\r\n\r\n$button-raised-font-size: 14/10 * $unit !default;\r\n\r\n// Button 大按钮\r\n$button-padding-y-lg:8px;\r\n$button-padding-x-lg:15px;\r\n$font-size-lg:1.4 * $unit;\r\n\r\n\r\n// Button 特大型按钮\r\n$button-padding-y-xg:10.5px;\r\n$button-padding-x-xg:18px;\r\n$font-size-xg:1.6 * $unit;\r\n\r\n\r\n// Button 小型按钮\r\n$button-padding-y-sm:3px;\r\n$button-padding-x-sm:5px;\r\n$font-size-sm:1.2 * $unit;\r\n\r\n\r\n\r\n// UText\r\n\r\n\r\n$form-control-border-radius: $border-radius-base;\r\n$form-control-default-font-size: 14px;\r\n$form-control-lg-font-size: 14px;\r\n$form-control-sm-font-size: 12px;\r\n$form-control-default-height: 32px;\r\n$form-control-lg-height: 40px;\r\n$form-control-sm-height: 26px;\r\n$form-control-color: #424242;\r\n$form-control-bg-color: #fff;\r\n$form-control-border-color: $border-color-base;\r\n$form-control-disable-bg-color: #F7F9FB;\r\n$form-control-disable-color: $disabled-color-base;\r\n$form-control-disable-border-color: #DFE1E6;\r\n\r\n$input-text-background-color: transparent !default;\r\n$input-text-label-color: unquote(\"rgba(#{$color-black}, 0.26)\") !default;\r\n$input-text-bottom-border-color: unquote(\"rgba(#{$color-black}, 0.12)\") !default;\r\n$input-text-bottom-border-color-IE8: unquote(\"rgb(#{$color-black})\") !default;\r\n$input-text-highlight-color: unquote(\"rgb(#{$primary-color})\") !default;\r\n$input-text-disabled-color: $input-text-bottom-border-color !default;\r\n$input-text-disabled-text-color: $input-text-label-color !default;\r\n$input-text-error-color: unquote(\"rgb(222, 50, 38)\") !default;\r\n$input-text-must-color:unquote(\"rgb(#{$palette-red-A700})\") !default;\r\n\r\n\r\n$input-text-font-size: 14px !default;\r\n$input-text-width: 100% !default;\r\n$input-text-padding: 4px !default;\r\n$input-text-vertical-spacing: 20px !default;\r\n\r\n$input-text-button-size: 32px !default;\r\n$input-text-floating-label-fontsize: 12px !default;\r\n$input-text-expandable-icon-top: 16px !default;\r\n$input-text-height:36px !default;\r\n$input-text-normal-width:360px !default;\r\n$input-text-short-width:180px !default;\r\n$input-text-normal-border-color:unquote(\"rgb(#{$palette-u-gray-400})\") !default;\r\n$input-text-color:unquote(\"rgb(#{$palette-u-gray-A200})\") !default;\r\n$input-text-focus-border-color:unquote(\"rgb(#{$palette-u-blue-400})\") !default;\r\n$input-lable-color:unquote(\"rgb(#{$palette-u-gray-900})\") !default;\r\n\r\n\r\n/* FormGroup */\r\n\r\n$error-input-border:$brand-danger;\r\n$warning-input-border:$brand-warning;\r\n$success-input-border:$brand-success;\r\n$success-addon-bg: $brand-light-success;\r\n$warning-addon-bg: $brand-light-warning;\r\n$error-addon-bg: $brand-light-danger;\r\n$form-group-margin-top: 15px;\r\n$form-group-margin-bottom: 15px;\r\n\r\n/* Navlayout */\r\n\r\n$layout-nav-color: unquote(\"rgb(#{$palette-grey-100})\") !default;\r\n\r\n// Drawer\r\n$layout-drawer-bg-color: unquote(\"rgb(#{$palette-grey-50})\") !default;\r\n$layout-drawer-border-color: unquote(\"rgb(#{$palette-grey-300})\") !default;\r\n$layout-text-color: unquote(\"rgb(#{$palette-grey-800})\") !default;\r\n$layout-drawer-navigation-color: #757575 !default;\r\n$layout-drawer-navigation-link-active-background: unquote(\"rgb(#{$palette-grey-200})\") !default;\r\n$layout-drawer-navigation-link-active-color: $layout-text-color !default;\r\n\r\n// Header\r\n$layout-header-bg-color: unquote(\"rgb(#{$primary-color})\") !default;\r\n$layout-header-text-color: unquote(\"rgb(#{$color-primary-contrast})\") !default;\r\n$layout-header-nav-hover-color: unquote(\"rgba(#{$palette-grey-700}, 0.6)\") !default;\r\n$layout-header-tab-text-color: unquote(\"rgba(#{$color-primary-contrast}, 0.6)\") !default;\r\n\r\n// Tabs\r\n$layout-header-tab-highlight: unquote(\"rgb(#{$color-accent})\") !default;\r\n\r\n$layout-nav-link-font-size: 13px !default;\r\n\r\n$layout-drawer-narrow: 240px !default;\r\n$layout-drawer-wide: 456px !default;\r\n$layout-drawer-width: $layout-drawer-narrow !default;\r\n\r\n$layout-header-icon-size: 32px !default;\r\n$layout-screen-size-threshold: 1024px !default;\r\n$layout-header-icon-margin: 24px !default;\r\n$layout-drawer-button-mobile-size: 44px !default;\r\n$layout-drawer-button-desktop-size: 34px !default;\r\n$layout-drawer-button-desktop-margin-top: 5px !default;\r\n$layout-drawer-button-mobile-margin-top: 10px !default;\r\n\r\n$layout-header-mobile-row-height: 56px !default;\r\n$layout-mobile-header-height: $layout-header-mobile-row-height;\r\n$layout-header-desktop-row-height: 44px !default;\r\n$layout-desktop-header-height: $layout-header-desktop-row-height;\r\n\r\n$layout-header-desktop-baseline: 80px !default;\r\n$layout-header-mobile-baseline: 72px !default;\r\n$layout-header-mobile-indent: 16px !default;\r\n$layout-header-desktop-indent: 40px !default;\r\n\r\n$layout-tab-font-size: 14px !default;\r\n$layout-tab-bar-height: 48px !default;\r\n$layout-tab-mobile-padding: 12px !default;\r\n$layout-tab-desktop-padding: 24px !default;\r\n$layout-tab-highlight-thickness: 2px !default;\r\n\r\n// gridlayout\r\n\r\n// Extra small screen / phone\r\n//$screen-xs: 480px;\r\n\r\n$screen-xs-min: 480px;\r\n// Deprecated `@screen-phone` as of v3.0.1\r\n//@screen-phone: @screen-xs-min;\r\n\r\n// Small screen / tablet\r\n// Deprecated `@screen-sm` as of v3.0.1\r\n//@screen-sm: 768px;\r\n$screen-sm-min: 768px;\r\n// Deprecated `@screen-tablet` as of v3.0.1\r\n//@screen-tablet: @screen-sm-min;\r\n\r\n// Medium screen / desktop\r\n// Deprecated `@screen-md` as of v3.0.1\r\n//@screen-md: 992px;\r\n$screen-md-min: 992px;\r\n// Deprecated `@screen-desktop` as of v3.0.1\r\n//@screen-desktop: @screen-md-min;\r\n\r\n// Large screen / wide desktop\r\n// Deprecated `@screen-lg` as of v3.0.1\r\n//@screen-lg: 1200px;\r\n$screen-lg-min: 1200px;\r\n// Deprecated `@screen-lg-desktop` as of v3.0.1\r\n//@screen-lg-desktop: @screen-lg-min;\r\n$screen-xs-max: ($screen-sm-min - 1 );\r\n\r\n$screen-sm-max: ($screen-sm-min - 1 );\r\n\r\n$screen-md-max: ($screen-lg-min - 1 );\r\n\r\n\r\n\r\n\r\n// Number of columns in the grid.\r\n$grid-columns: 12;\r\n// Padding between columns. Gets divided in half for the left and right.\r\n$grid-gutter-width: 30px;\r\n// Navbar collapse\r\n// Point at which the navbar becomes uncollapsed.\r\n$grid-float-breakpoint: 768px;\r\n// Point at which the navbar begins collapsing.\r\n$grid-float-breakpoint-max: ($grid-float-breakpoint - 1);\r\n\r\n\r\n// Small screen / tablet\r\n$container-tablet: (720px + $grid-gutter-width);\r\n// For `@screen-sm-min` and up.\r\n$container-sm: $container-tablet;\r\n\r\n// Medium screen / desktop\r\n$container-desktop: (940px + $grid-gutter-width);\r\n// For `@screen-md-min` and up.\r\n$container-md: $container-desktop;\r\n\r\n// Large screen / wide desktop\r\n$container-large-desktop: (1140px + $grid-gutter-width);\r\n// For `@screen-lg-min` and up.\r\n$container-lg: $container-large-desktop;\r\n\r\n\r\n\r\n// menu\r\n\r\n$default-dropdown-bg-color: unquote(\"rgb(#{$color-white})\") !default;\r\n$menu-expand-duration: 0.3s !default;\r\n$menu-fade-duration: 0.2s !default;\r\n\r\n// Default Item Colors\r\n$default-item-text-color: unquote(\"rgba(#{$color-black}, 0.87)\") !default;\r\n$default-item-text-color-IE8: unquote(\"rgb(#{$color-black})\") !default;\r\n$default-item-outline-color: unquote(\"rgb(#{$palette-u-blue-400})\") !default;\r\n$default-item-hover-bg-color: unquote(\"rgb(#{$palette-u-blue-100})\") !default;\r\n$default-item-focus-bg-color: unquote(\"rgb(#{$palette-u-blue-200})\") !default;\r\n$default-item-active-bg-color: unquote(\"rgb(#{$palette-u-blue-200})\") !default;\r\n$default-item-divider-color: unquote(\"rgba(#{$color-black}, 0.12)\") !default;\r\n\r\n// Disabled Button Colors\r\n$disabled-item-text-color: unquote(\"rgb(#{$palette-grey-400})\") !default;\r\n\r\n// Tile\r\n$tile-width: 100%;\r\n\r\n$tile-default-border-color: #e9e9e9;\r\n$tile-default-hover-shadow-color: rgba(0, 0, 0, 0.2);\r\n\r\n$tile-primary-border-color: $button-primary-color;\r\n$tile-primary-hover-shadow-color: $button-primary-hover-color;\r\n\r\n$tile-danger-border-color: $button-danger-color;\r\n$tile-danger-hover-shadow-color: $button-danger-hover-color;\r\n\r\n$tile-warning-border-color: $button-warning-color;\r\n$tile-warning-hover-shadow-color: $button-warning-hover-color;\r\n\r\n$tile-success-border-color: $button-success-color;\r\n$tile-success-hover-shadow-color: $button-success-hover-color;\r\n\r\n$tile-info-border-color: $button-info-color;\r\n$tile-info-hover-shadow-color: $button-info-hover-color;\r\n\r\n// Alert\r\n$alert-news-bg: $brand-light-news;\r\n$alert-success-bg: $brand-light-success;\r\n$alert-info-bg: $brand-light-info;\r\n$alert-warning-bg: $brand-light-warning;\r\n$alert-danger-bg: $brand-light-danger;\r\n\r\n\r\n$alert-dark-news-bg: $brand-news;\r\n$alert-dark-success-bg: $brand-success;\r\n$alert-dark-info-bg: $brand-info;\r\n$alert-dark-warning-bg: $brand-warning;\r\n$alert-dark-danger-bg: $brand-danger;\r\n\r\n$alert-news-color: $color-news;\r\n$alert-success-color: $color-success;\r\n$alert-info-color: $color-info;\r\n$alert-warning-color: $color-warning;\r\n$alert-danger-color: $color-danger;\r\n\r\n$timeline-primary-color: $brand-primary;\r\n$timeline-news-color: $color-news;\r\n$timeline-success-color: $color-success;\r\n$timeline-info-color: $color-info;\r\n$timeline-warning-color: $color-warning;\r\n$timeline-danger-color: $color-danger;\r\n\r\n$alert-padding:10px;\r\n$alert-font-size:12px;\r\n$alert-border-radius: $border-radius;\r\n$alert-text-padding-left: 15px;\r\n$alert-text-padding-right: 15px;\r\n$alert-close-font-size: 21px;\r\n$alert-close-opacity: .2;\r\n$alert-close-font-weight: 700;\r\n\r\n//Checkbox\r\n\r\n$checkbox-color: unquote(\"rgb(#{$primary-color})\") !default;\r\n$checkbox-off-color: unquote(\"rgb(#{$palette-u-gray-600})\") !default;\r\n$checkbox-off-color-IE8: unquote(\"rgb(#{$palette-u-gray-600})\") !default;\r\n$checkbox-disabled-color: unquote(\"rgb(#{$palette-u-gray-600})\") !default;\r\n$checkbox-focus-color: unquote(\"rgba(#{$palette-u-blue-500}, 0.26)\") !default;\r\n$checkbox-image-path: $image_path;\r\n\r\n$checkbox-label-font-size: 13px !default;\r\n$checkbox-label-height: 24px !default;\r\n$checkbox-button-size: 16px !default;\r\n$checkbox-inner-margin: 2px !default;\r\n$checkbox-padding: 8px !default;\r\n$checkbox-top-offset:\r\n ($checkbox-label-height - $checkbox-button-size - $checkbox-inner-margin) / 2;\r\n$checkbox-ripple-size: $checkbox-label-height * 1.5;\r\n\r\n$checkbox-primary-bg: $brand-primary;\r\n$checkbox-success-bg: $brand-success;\r\n$checkbox-info-bg: $brand-info;\r\n$checkbox-warning-bg: $brand-warning;\r\n$checkbox-danger-bg: $brand-danger;\r\n$checkbox-dark-bg: $brand-dark;\r\n\r\n$progress-primary-bg: $brand-primary;\r\n$progress-success-bg: $brand-success;\r\n$progress-info-bg: $brand-info;\r\n$progress-warning-bg: $brand-warning;\r\n$progress-danger-bg: $brand-danger;\r\n$progress-dark-bg: $brand-dark;\r\n\r\n$primary-color-opacity:unquote(\"rgba(#{$primary-color}, 0.7)\") !default;\r\n$color-success-opacity:unquote(\"rgba(#{$palette-green-500}, 0.7)\") !default;\r\n$color-info-opacity:unquote(\"rgba(#{$palette-cyan-500}, 0.7)\") !default;\r\n$color-warning-opacity:unquote(\"rgba(#{$palette-orange-500}, 0.7)\") !default;\r\n$color-danger-opacity:unquote(\"rgba(#{$palette-red-500}, 0.7)\") !default;\r\n$color-dark-opacity:unquote(\"rgba(#{$palette-grey-700}, 0.7)\") !default;\r\n\r\n\r\n$progress-sm-height: 10px;\r\n$progress-xs-height: 5px;\r\n$progress-xs-width: 170px;\r\n$progress-default-height: 20px;\r\n$progress-sm-lable-font-size: 10px;\r\n$progress-sm-lable-line-height: 10px;\r\n$progress-xs-lable-line-height: 8px;\r\n$progress-xs-lable-margin-left: 140px;\r\n$progress-xs-lable-font-size: 10px;\r\n$progress-xs-lable-color: #000;\r\n\r\n// Radio\r\n\r\n$radio-color: unquote(\"rgb(#{$primary-color})\") !default;\r\n$radio-off-color: unquote(\"rgb(#{$palette-u-gray-600})\") !default;\r\n$radio-off-color-IE8: unquote(\"rgb(#{$palette-u-gray-600})\") !default;\r\n$radio-disabled-color: $disabled-color-base !default;\r\n\r\n$radio-label-font-size: 13px !default;\r\n$radio-label-height: 32px !default;\r\n$radio-button-size: 16px !default;\r\n$radio-inner-margin: $radio-button-size / 4;\r\n$radio-padding: 8px !default;\r\n$radio-top-offset: ($radio-label-height - $radio-button-size) / 2;\r\n$radio-ripple-size: 42px !default;\r\n\r\n$radio-primary-bg: $brand-primary;\r\n$radio-success-bg: $brand-success;\r\n$radio-info-bg: $brand-info;\r\n$radio-warning-bg: $brand-warning;\r\n$radio-danger-bg: $brand-danger;\r\n$radio-dark-bg: $brand-dark;\r\n\r\n$radio-disabled-bg: #f7f7f7;\r\n$radio-diabled-border-color: #d9d9d9;\r\n\r\n$radio-border-color: #d9d9d9;\r\n$radio-bg-color: #fff;\r\n$radio-color:#212121;\r\n\r\n$radio-checked-bg-color: #fff;\r\n$radio-checked-color: $brand-primary;\r\n$radio-checked-border-color: $radio-checked-color;\r\n\r\n$radio-icon-height: 18px;\r\n$radio-icon-width: 18px;\r\n$radio-icon-checked-height: 8px;\r\n$radio-icon-checked-width: 8px;\r\n\r\n$radio-button-lg-height:42px;\r\n$radio-button-lg-line-height:26px;\r\n\r\n$radio-button-sm-height:22px;\r\n$radio-button-sm-line-height:20px;\r\n\r\n$radio-button-height: 28px;\r\n$radio-button-line-height: 26px;\r\n\r\n\r\n\r\n\r\n\r\n//loading\r\n\r\n$loading-color-1: unquote(\"rgb(#{$palette-blue-400})\") !default;\r\n$loading-color-2: unquote(\"rgb(#{$palette-red-500})\") !default;\r\n$loading-color-3: unquote(\"rgb(#{$palette-yellow-600})\") !default;\r\n$loading-color-4: unquote(\"rgb(#{$palette-green-500})\") !default;\r\n\r\n$loading-single-color: unquote(\"rgb(#{$primary-color})\") !default;\r\n\r\n$loading-size: 28px !default;\r\n$loading-stroke-width: 3px !default;\r\n\r\n// Amount of circle the arc takes up.\r\n$loading-arc-size: 270deg !default;\r\n// Time it takes to expand and contract arc.\r\n$loading-arc-time: 1333ms !default;\r\n// How much the start location of the arc should rotate each time.\r\n$loading-arc-start-rot: 216deg !default;\r\n\r\n$loading-duration: 360 * $loading-arc-time / (\r\n strip-units($loading-arc-start-rot + (360deg - $loading-arc-size)));\r\n\r\n// datetimepicker\r\n$timepicker-border-gap-color:#ccc;\r\n$timepicker-font-size:14px;\r\n\r\n$date-bg-color: unquote(\"rgb(#{$primary-color})\") !default;\r\n\r\n// message\r\n$snackbar-color: unquote(\"rgb(#{$color-white})\") !default;\r\n$snackbar-background-color: unquote(\"rgb(#{$primary-color})\") !default;\r\n$snackbar-color-cancel: unquote(\"rgb(#{$palette-red-500})\") !default;\r\n$snackbar-color-accept: unquote(\"rgb(#{$palette-green-500})\") !default;\r\n$snackbar-color-warning: unquote(\"rgb(#{$palette-lime-200})\") !default;\r\n\r\n// DATA TABLE\r\n\r\n$data-table-font-size: 13px !default;\r\n$data-table-header-font-size: 12px !default;\r\n$data-table-header-sort-icon-size: 16px !default;\r\n\r\n$data-table-header-color: rgba(#000, 0.54) !default;\r\n$data-table-header-sorted-color: rgba(#000, 0.87) !default;\r\n$data-table-divider-color: rgba(#000, 0.12) !default;\r\n$data-table-divider-color-IE8: rgb(0,0,0) !default;\r\n\r\n//$data-table-hover-color: #eeeeee !default;\r\n$data-table-hover-color: #E9F7FC !default;\r\n$data-table-selection-color: #C4EAF6 !default;\r\n\r\n$data-table-dividers: 1px solid $data-table-divider-color !default;\r\n$data-table-dividers-IE8: 1px solid $data-table-divider-color-IE8 !default;\r\n\r\n$data-table-row-height: 48px !default;\r\n$data-table-last-row-height: 56px !default;\r\n$data-table-header-height: 56px !default;\r\n\r\n$data-table-column-spacing: 36px !default;\r\n$data-table-column-padding: $data-table-column-spacing / 2;\r\n\r\n$data-table-card-header-height: 64px !default;\r\n$data-table-card-title-top: 20px !default;\r\n$data-table-card-padding: 24px !default;\r\n$data-table-button-padding-right: 16px !default;\r\n$data-table-cell-top: $data-table-card-padding / 2;\r\n\r\n// $line-height-computed: round(($font-size-small * $line-height-base));\r\n$line-height-computed: round((14px * $line-height-base));\r\n$table-bg: transparent;\r\n$table-cell-padding: 8px;\r\n$table-border-color: $border-color-base;\r\n$table-bg-hover: $bg-color-base;\r\n$table-bg-active: $table-bg-hover;\r\n$table-bg-accent: unquote(\"rgba(#{$palette-grey-200},.3)\") !default;\r\n\r\n\r\n\r\n\r\n// tooltip\r\n$tooltip-max-width: 200px;\r\n$tooltip-color: #fff;\r\n$tooltip-bg: #42526E;\r\n$tooltip-inverse-border-color: #d9d9d9;\r\n$tooltip-inverse-color: rgb(51,51,51);\r\n$tooltip-arrow-color: $tooltip-bg;\r\n$tooltip-opacity: .9;\r\n\r\n\r\n// 进度条\r\n$bar-height: 4px !default;\r\n$progress-main-color: unquote(\"rgb(#{$primary-color})\") !default;\r\n$progress-secondary-color: unquote(\"rgba(#{$color-primary-contrast}, 0.7)\") !default;\r\n$progress-fallback-buffer-color: unquote(\"rgba(#{$color-primary-contrast}, 0.9)\") !default;\r\n$progress-image-path: $image_path;\r\n$progress-buffer-bar-border:unquote(\"rgb(#{$palette-u-gray-600})\") !default;\r\n\r\n// Tabs\r\n$layout-header-tab-highlight: unquote(\"rgb(#{$color-accent})\") !default;\r\n\r\n\r\n\r\n$tab-highlight-color: unquote(\"rgb(#{$primary-color})\") !default;\r\n$tab-text-color: unquote(\"rgba(#{$color-black}, 0.54)\") !default;\r\n$tab-active-text-color: unquote(\"rgba(#{$color-black}, 0.87)\") !default;\r\n$tab-border-color: unquote(\"rgb(#{$palette-grey-300})\") !default;\r\n\r\n\r\n\r\n//CARD\r\n\r\n$card-width: 330px !default;\r\n$card-height: 200px !default;\r\n$card-font-size: 13px !default;\r\n$card-title-font-size: 24px !default;\r\n$card-subtitle-font-size: 10px !default;\r\n$card-horizontal-padding: 16px !default;\r\n$card-vertical-padding: 16px !default;\r\n\r\n$card-title-perspective-origin-x: 165px !default;\r\n$card-title-perspective-origin-y: 56px !default;\r\n\r\n$card-title-transform-origin-x: 165px !default;\r\n$card-title-transform-origin-y: 56px !default;\r\n\r\n$card-title-text-transform-origin-x: 149px !default;\r\n$card-title-text-transform-origin-y: 48px !default;\r\n\r\n$card-supporting-text-font-size: 1.4 * $unit !default;\r\n$card-supporting-text-line-height: 18px !default;\r\n\r\n$card-actions-font-size: 13px !default;\r\n\r\n$card-title-text-font-weight: 300 !default;\r\n$card-z-index: 1 !default;\r\n\r\n// Cover image\r\n$card-cover-image-height: 186px !default;\r\n$card-background-image-url: '' !default;\r\n\r\n\r\n\r\n$card-background-color: unquote(\"rgb(#{$color-white})\") !default;\r\n$card-text-color: unquote(\"rgb(#{$color-black})\") !default;\r\n$card-image-placeholder-color: unquote(\"rgb(#{$color-accent})\") !default;\r\n$card-supporting-text-text-color: unquote(\"rgba(#{$color-black}, 0.54)\") !default;\r\n$card-border-color: rgba(0,0,0,0.1) !default;\r\n$card-subtitle-color: unquote(\"rgba(#{$color-black}, 0.54)\") !default;\r\n\r\n\r\n$input-border:unquote(\"rgb(#{$palette-u-gray-500})\");\r\n$input-border-focus:unquote(\"rgb(#{$primary-color})\");\r\n$input-border-disabled:unquote(\"rgb(#{$palette-u-gray-100})\");\r\n$input-bg-disabled:unquote(\"rgb(#{$palette-u-gray-100})\");\r\n$input-color:unquote(\"rgb(#{$palette-u-gray-A100})\");\r\n$form-input-height:36px;\r\n$form-input-height-sm:28px;\r\n$form-input-padding-left:12px;\r\n$form-label-color:unquote(\"rgb(#{$palette-u-gray-900})\");\r\n$form-control-feedback-color:unquote(\"rgb(#{$palette-u-gray-700})\");\r\n$form-validate-error-color:unquote(\"rgb(#{$palette-u-red-600})\");\r\n\r\n\r\n// BADGE\r\n$badge-font-size: 12px !default;\r\n$badge-color: unquote(\"rgb(#{$color-accent-contrast})\") !default;\r\n$badge-color-inverse: unquote(\"rgb(#{$color-accent})\") !default;\r\n$badge-background: unquote(\"rgb(#{$color-accent})\") !default;\r\n$badge-background-inverse: unquote(\"rgba(#{$color-accent-contrast},0.2)\") !default;\r\n$badge-size : 22px !default;\r\n$badge-padding: 2px !default;\r\n$badge-overlap: 12px !default;\r\n\r\n$badge-primary-color:#FFFFFF;\r\n$badge-primary-bg:$brand-primary;\r\n\r\n$badge-success-color:#FFFFFF;\r\n$badge-success-bg: $brand-success;\r\n\r\n$badge-info-color:#FFFFFF;\r\n$badge-info-bg:$brand-info;\r\n\r\n$badge-warning-color:#FFFFFF;\r\n$badge-warning-bg:$brand-warning;\r\n\r\n$badge-danger-color:#FFFFFF;\r\n$badge-danger-bg:$brand-danger;\r\n\r\n$badge-dark-color:#FFFFFF;\r\n$badge-dark-bg:$brand-dark;\r\n\r\n$badge-font-size: 12px;\r\n$badge-font-dataicon-size: 10px;\r\n$badge-default-dataicon-fontcolor: #757575;\r\n$badge-default-dataicon-bgcolor: #fff;\r\n$badge-default-dataicon-bordercolor: $border-color-base;\r\n\r\n// labels\r\n$tag-padding: .25em .6em .25em;\r\n$tag-border-radius: 0.3em;\r\n$tag-bg: #eeeeee;\r\n$tag-round-border-radius: 1em;\r\n$tag-default-color: #757575;\r\n$tag-default-bg:#e0e0e0;\r\n$tag-lg-font-size: 16px;\r\n$tag-sm-font-size: 10px;\r\n$tag-sm-padding: .1em .5em .1em;\r\n$tag-default-hover-bg: $brand-default-hover;\r\n$tag-primary-hover-bg: $brand-primary-hover;\r\n$tag-success-hover-bg: $brand-success-hover;\r\n$tag-info-hover-bg: $brand-info-hover;\r\n$tag-warning-hover-bg: $brand-warning-hover;\r\n$tag-danger-hover-bg: $brand-danger-hover;\r\n$tag-dark-hover-bg: $brand-dark-hover;\r\n$tag-default-bg: $brand-default;\r\n$tag-primary-bg: $brand-primary;\r\n$tag-success-bg: $brand-success;\r\n$tag-info-bg: $brand-info;\r\n$tag-warning-bg: $brand-warning;\r\n$tag-danger-bg: $brand-danger;\r\n$tag-dark-bg: $brand-dark;\r\n$tag-default-hover-color:unquote(\"rgb(#{$palette-u-gray-500})\");\r\n\r\n\r\n// pagination\r\n$pagination-gap-hover-border:#7A869A;\r\n\r\n$pagination-link-padding: 7px 13px;\r\n$pagination-lg-font-size: 16px;\r\n$pagination-lg-padding-vertical: 9.5px;\r\n$pagination-lg-padding-horizontal: 15.5px;\r\n\r\n$pagination-small-font-size: 12px;\r\n$pagination-small-padding-vertical: 4px;\r\n$pagination-small-padding-horizontal: 9.5px;\r\n\r\n$pag-color: #666666;\r\n$pag-bg-color: #fff;\r\n$pag-border-color:#d7d7d7;\r\n$pag-hover-color: #666;\r\n$pag-hover-bg-color:$hover-bg-color-base;\r\n$pag-hover-border-color:#d7d7d7;\r\n$pag-active-color: #fff;\r\n$pag-active-bg-color:#7A869A;\r\n$pag-active-border-color:#7A869A;\r\n$pag-disabled-color: #777;\r\n$pag-disabled-bg-color:#fff;\r\n$pag-disabled-border-color:#ddd;\r\n\r\n$border-radius-base: $border-radius;\r\n$border-radius-large: 4px;\r\n$border-radius-small: 2px;\r\n\r\n$line-height-large: 1.3333333; // extra decimals for Win 8.1 Chrome\r\n$line-height-small: 1.5;\r\n// widget\r\n\r\n$widget-padding-left:30px;\r\n$widget-padding-top:10px;\r\n\r\n//tooltips\r\n\r\n$tooltip-default-bg: $brand-default;\r\n$tooltip-primary-bg: $brand-primary;\r\n$tooltip-success-bg: $brand-success;\r\n$tooltip-info-bg: $brand-info;\r\n$tooltip-warning-bg: $brand-warning;\r\n$tooltip-danger-bg: $brand-danger;\r\n$tooltip-dark-bg: $brand-dark;\r\n\r\n//menu Button\r\n\r\n$menu-default-bg: $brand-default;\r\n$menu-primary-bg: $brand-primary;\r\n$menu-success-bg: $brand-success;\r\n$menu-info-bg: $brand-info;\r\n$menu-warning-bg: $brand-warning;\r\n$menu-danger-bg: $brand-danger;\r\n$menu-dark-bg: $brand-dark;\r\n$menu-default-bg-hover: $brand-default-hover;\r\n$menu-primary-bg-hover: $brand-primary-hover;\r\n$menu-success-bg-hover: $brand-success-hover;\r\n$menu-info-bg-hover: $brand-info-hover;\r\n$menu-warning-bg-hover: $brand-warning-hover;\r\n$menu-danger-bg-hover: $brand-danger-hover;\r\n$menu-dark-bg-hover: $brand-dark-hover;\r\n\r\n\r\n// breadcrumbs\r\n\r\n$breadcrumb-padding-vertical: 8px;\r\n$breadcrumb-padding-horizontal: 10px;\r\n$breadcrumb-separator: \"/\\00a0\";\r\n$breadcrumb-bg: transparent;\r\n$breadcrumb-margin-bottom: 10px;\r\n\r\n$breadcrumb-color: $brand-primary;\r\n$breadcrumb-active-color: $text-color;\r\n\r\n$breadcrumb-icon-margin-right: 10px;\r\n$breadcrumb-arrow-separator: \"\\00bb\\00a0\";\r\n\r\n$breadcrumb-bg-color: #f5f5f5;\r\n$breadcrumb-active-color: #777;\r\n$breadcrumb-separate-color: #ccc;\r\n\r\n// list-group\r\n$list-group-media-heading-font-size : $font-size-small;//14px\r\n$list-group-link-disabled-color : $disabled-color-base;\r\n\r\n$list-group-link-disabled-bg : $gray-lightest;\r\n\r\n$list-group-active-color : $brand-primary;\r\n$list-group-link-active-color : unquote(\"rgb(#{$color-white})\") !default;\r\n$list-group-link-active-bg : $brand-primary;\r\n\r\n\r\n$list-group-item-icon-margin-right : 10px;\r\n\r\n$list-group-bg-inherit-item-border : rgba(0, 0, 0, 0.075);\r\n$list-group-bg-inherit-item-hover-bg : rgba(0, 0, 0, 0.075);\r\n\r\n\r\n$list-group-border-radius: $border-radius-base;\r\n\r\n\r\n\r\n$list-group-link-color: $text-color;\r\n$list-group-link-hover-color: $text-color;\r\n$list-group-link-heading-color: $title-color;\r\n\r\n$list-group-hover-bg: $bg-color-base;\r\n\r\n$list-group-disabled-bg: transparent;\r\n\r\n$list-group-disabled-color: $disabled-color-base;\r\n\r\n\r\n$list-group-disabled-text-color: $list-group-disabled-color;\r\n$list-group-active-bg: transparent;\r\n$list-group-active-border: $list-group-active-bg;\r\n// $list-group-active-text-color: lighten($list-group-active-color, 40%);\r\n$list-group-active-text-color: $list-group-active-color;\r\n\r\n$list-group-bg: #fff;\r\n$list-group-border: transparent;\r\n// $list-group-bordered-border : $border-color-base;\r\n// $list-group-bordered-active-color : $component-active-color;\r\n// $list-group-bordered-active-bg : $component-active-bg;\r\n// $list-group-bordered-active-border : $list-group-bordered-active-bg;\r\n\r\n// $list-group-gap-item-margin-bottom : 2px;\r\n\r\n//step\r\n$steps-margin-bottom: $line-height-computed;\r\n$step-padding-horizontal:20px;\r\n$step-padding-vertical: 12px;\r\n\r\n$step-vertical-padding-horizontal: 20px;\r\n$step-vertical-padding-vertical:18px;\r\n\r\n$step-color: $gray;\r\n$step-bg: $bg-color-base;\r\n$step-number-bg: $gray-lighter;\r\n$step-number-color: $inverse;\r\n\r\n$step-current-color: $inverse;\r\n$step-current-bg: $brand-primary;\r\n\r\n$step-done-color: $inverse;\r\n$step-done-bg:$brand-success;\r\n\r\n$step-error-color: $inverse;\r\n$step-error-bg: $brand-danger;\r\n\r\n$step-disabled-color:$gray-light;\r\n\r\n$step-font-size: inherit;\r\n$step-title-font-size: 20px;\r\n$step-icon-font-size:27px;\r\n$step-number-font-size:24px;\r\n$step-number-size: 40px;\r\n\r\n$step-lg-padding-horizontal:20px;\r\n$step-lg-padding-vertical:20px;\r\n$step-lg-font-size: 16px;\r\n$step-lg-title-font-size:22px;\r\n$step-lg-icon-font-size: 32px;\r\n$step-lg-number-font-size:28px;\r\n$step-lg-number-size:46px;\r\n\r\n$step-sm-font-size: 12px;\r\n$step-sm-title-font-size: 18px;\r\n$step-sm-icon-font-size: 24px;\r\n$step-sm-number-font-size: 24px;\r\n$step-sm-number-size: 30px;\r\n\r\n$step-xs-font-size: 10px;\r\n$step-xs-title-font-size: 16px;\r\n$step-xs-icon-font-size: 22px;\r\n$step-xs-number-font-size: 20px;\r\n$step-xs-number-size: 24px;\r\n\r\n// blog nav\r\n$blognav-active-color:unquote(\"rgb(#{$primary-color})\");\r\n// widget\r\n$widget-padding-left:30px;\r\n$widget-padding-top:10px;\r\n\r\n\r\n// couter 数据统计\r\n\r\n$counter-number-color: $gray-darkest;\r\n$counter-number-font-size: 20px;\r\n$counter-icon-font-size: $counter-number-font-size;\r\n\r\n$counter-lg-number-font-size: 40px;\r\n$counter-md-number-font-size: 30px;\r\n$counter-sm-number-font-size: 14px;\r\n\r\n$counter-lg-icon-font-size: $counter-lg-number-font-size;\r\n$counter-md-icon-font-size: $counter-md-number-font-size;\r\n$counter-sm-icon-font-size: $counter-sm-number-font-size;\r\n\r\n$counter-inverse-color: $inverse;\r\n\r\n\r\n// navbar\r\n\r\n\r\n$menu-active-color: #108ee9;\r\n$menu-border-active-color: #108ee9;\r\n$menu-selected-bg-color: #eaf8fe;\r\n$menu-group-titil-color: #999;\r\n$menu-group-title-padding-left: 32px;\r\n$menu-color: #666;\r\n$menu-border-color: #d9d9d9;\r\n\r\n$navbar-default-bg-color: #f8f8f8;\r\n$navbar-default-border-color: #e7e7e7;\r\n$navbar-default-color: #777;\r\n$navbar-default-hover-color: #333;\r\n$navbar-inverse-hover-color: #fff;\r\n$navbar-inverse-color: #9d9d9d;\r\n$navbar-inverse-bg-color: #222;\r\n$navbar-inverse-border-color: #080808;\r\n$navbar-border-radius: 4px;\r\n\r\n$navbar-side-container-border-color: #d9d9d9;\r\n$navbar-side-container-width: 242px;\r\n$navbar-side-container-border-shadow: #d9d9d9;\r\n\r\n// Basics of a navbar\r\n$navbar-height: 50px;\r\n$navbar-margin-bottom: $line-height-computed;\r\n$navbar-border-radius: $border-radius-base;\r\n$navbar-padding-horizontal: floor(($grid-gutter-width / 2));\r\n$navbar-padding-vertical: (($navbar-height - $line-height-computed) / 2);\r\n$navbar-collapse-max-height: 340px;\r\n\r\n$navbar-avatar-margin-horizontal: (($navbar-height - 32px) / 2);\r\n\r\n$navbar-brand-padding-horizontal: 20px;\r\n$navbar-brand-logo-height: 32px;\r\n\r\n$navbar-default-color: $text-color;\r\n$navbar-default-bg: $inverse;\r\n$navbar-default-border: $border-color-base;\r\n\r\n// Navbar links\r\n$navbar-default-link-color: $text-color;\r\n$navbar-default-link-hover-color: $gray-darker;\r\n$navbar-default-link-hover-bg: rgba(238,238,238, 30%);\r\n$navbar-default-link-active-color: $navbar-default-link-hover-color;\r\n$navbar-default-link-active-bg: rgba(238,238,238, 60%);\r\n$navbar-default-link-disabled-color: $disabled-color-base;\r\n$navbar-default-link-disabled-bg: transparent;\r\n\r\n// Navbar brand label\r\n$navbar-default-brand-color: $title-color;\r\n$navbar-default-brand-hover-color: $navbar-default-brand-color;\r\n$navbar-default-brand-hover-bg: none;\r\n\r\n// Navbar toggle\r\n$navbar-default-toggle-hover-bg: $navbar-default-link-hover-bg;\r\n$navbar-default-toggle-icon-bar-bg: $navbar-default-color;\r\n$navbar-default-toggle-border-color: transparent;\r\n\r\n\r\n// Inverted navbar\r\n// Reset inverted navbar basics\r\n$navbar-inverse-bg: $brand-primary;\r\n$navbar-inverse-border: rgba(0, 0, 0, .1);\r\n\r\n// Inverted navbar links\r\n$navbar-inverse-link-color: $inverse;\r\n$navbar-inverse-link-hover-color: $inverse;\r\n$navbar-inverse-link-hover-bg: rgba(0, 0, 0, .1);\r\n$navbar-inverse-link-active-color: $navbar-inverse-link-hover-color;\r\n$navbar-inverse-link-active-bg: $navbar-inverse-link-hover-bg;\r\n$navbar-inverse-link-disabled-color: $inverse;\r\n$navbar-inverse-link-disabled-bg: transparent;\r\n\r\n// Inverted navbar brand label\r\n$navbar-inverse-brand-color: $navbar-inverse-link-color;\r\n$navbar-inverse-brand-hover-color: $inverse;\r\n$navbar-inverse-brand-hover-bg: none;\r\n\r\n// Inverted navbar toggle\r\n$navbar-inverse-toggle-hover-bg: $navbar-inverse-link-hover-bg;\r\n$navbar-inverse-toggle-icon-bar-bg: $inverse;\r\n$navbar-inverse-toggle-border-color: transparent;\r\n\r\n//hamburger\r\n$hamburger-size: 17px;\r\n\r\n\r\n//panel\r\n$panel-header-padding : 10px 15px;\r\n$panel-footer-padding : 10px 15px;\r\n$panel-body-padding : 15px 15px;\r\n$panel-header-bg-color : #f5f5f5;\r\n$panel-footer-bg-color : #f5f5f5;\r\n$panel-bg-color : #fff;\r\n$panel-default-color : #757575;\r\n$panel-inner-border-color: #ddd;\r\n\r\n\r\n//modal\r\n$modal-header-padding : 15px;\r\n$modal-body-padding : 15px;\r\n$modal-footer-padding : 15px;\r\n$modal-content-bg-color: #fff;\r\n$modal-backdrop-bg: #000;\r\n$modal-backdrop-opacity: .6;\r\n$modal-header-border-color: transparent;\r\n$modal-footer-border-color: transparent;\r\n$modal-xlg: 1200px;\r\n$modal-lg: 900px;\r\n$modal-sm: 300px;\r\n$modal-default: 600px;\r\n$modal-border-radius: $border-radius-base;\r\n\r\n//notification\r\n\r\n$zIndex-notification: $zIndex-notification;\r\n$notification-top: 30px;\r\n$notification-bottom: 30px;\r\n$notification-right: 30px;\r\n$notification-width: 300px;\r\n$notification-text-margin-right: 15px;\r\n$notice-padding: 15px;\r\n$notice-background: $gray-darkest;\r\n$notice-bottom: 15px;\r\n\r\n//message\r\n\r\n$message-font-size: 12px;\r\n\r\n$message-right: 30px;\r\n$message-width: 300px;\r\n$message-text-margin-right: 15px;\r\n$message-padding: 0;\r\n$message-content-padding: 15px;\r\n$message-background: $gray-darkest;\r\n\r\n//popconfirm\r\n\r\n$popconfirm-max-width: 300px;\r\n\r\n$popconfirm-dark-bg: $gray-darkest;\r\n$popconfirm-fallback-dark-border-color: $gray-darkest;\r\n$popconfirm-margin: 10px;\r\n$popconfirm-title-bg: #fff;\r\n$popconfirm-border-color:$border-color-base;\r\n$popconfirm-arrow-width: 10px;\r\n$popconfirm-arrow-color: $border-color-base;\r\n$popconfirm-arrow-outer-width: 0;\r\n$popconfirm-arrow-outer-color: $border-color-base;\r\n$popconfirm-border-right-color: $border-color-base;\r\n$popconfirm-fallback-border-color: #fff;\r\n\r\n//select\r\n\r\n$select-bg-color: #fff;\r\n$select-border-color: $border-color-base;\r\n$select-border-radius: $border-radius-base;\r\n$select-color: $font-color-base;\r\n$select-font-size: 12px;\r\n$select-dropdown-color: #666;\r\n$select-dropdown-bg-color: #fff;\r\n$select-dropdown-hover-bg: $hover-bg-color-base;\r\n$select-dropdown-selected-bg: $selected-bg-color-base;\r\n$select-dropdown-selected-color: rgb(134, 119, 119);\r\n$select-dropwdown-item-padding: 7px 16px;\r\n$select-disabled-color: $disabled-color-base;\r\n$select-disabled-bg: #f7f7f7;\r\n$select-disabled-border-color: #d9d9d9;\r\n//dropdown\r\n\r\n$dropdown-item-hover-bg-color: unquote(\"rgb(#{$palette-grey-100})\");\r\n$dropdown-item-divier-bg-color: $gray-lighter;\r\n$dropdown-border-color: $border-color-base;\r\n$dropdown-border-radius:3px;\r\n$dropdown-shadow: 0 1px 5px $dropdown-border-color;\r\n$dropdown-margin: 5px 0 0 0;\r\n$dropdown-menu-item-padding: 0px 16px 0 28px;\r\n$dropdown-menu-font-size: 12px;\r\n$dropdown-menu-item-height: 42px;\r\n$dropdown-menu-item-light-height: 42px;\r\n$dropdown-menu-title-font-size: 12px;\r\n$dropdown-menu-title-color: $disabled-color-base;\r\n$dropdown-menu-title-padding:8px 16px;\r\n$dropdown-menu-title-line-height: 1.5;\r\n\r\n//upload\r\n\r\n$upload-list-color: #108ee9;\r\n$upload-list-bg : #fff;\r\n$upload-list-hover-bg: #e7f4fd;\r\n$upload-list-error-color: #f50;\r\n$upload-thumbnail-height: 48px;\r\n$upload-thumbnail-width: 48px;\r\n$upload-thumbnail-img-height: 48px;\r\n$upload-thumbnail-img-width: 48px;\r\n\r\n//loading\r\n\r\n$loading-loadprimary: rgb(63, 81, 181);\r\n$loading-loadsuccess: #4caf50;\r\n$loading-loadwarn: rgb(255, 152, 0);\r\n$loading-lineanimating: (\r\n 1:line-scale 1s 0.1s infinite cubic-bezier(.2, .68, .18, 1.08),\r\n 2:line-scale 1s 0.2s infinite cubic-bezier(.2, .68, .18, 1.08),\r\n 3:line-scale 1s 0.3s infinite cubic-bezier(.2, .68, .18, 1.08),\r\n 4:line-scale 1s 0.4s infinite cubic-bezier(.2, .68, .18, 1.08),\r\n 5:line-scale 1s 0.5s infinite cubic-bezier(.2, .68, .18, 1.08)\r\n);\r\n$loading-linebackcolor: (\r\n 1: #F44336,\r\n 2: #7ED321,\r\n 3: #0084FF,\r\n 4: #FF9800,\r\n 5: #D0021B\r\n);\r\n$loading-back-width: 120px;\r\n$loading-back-height:110px;\r\n$loading-desc-font-size: 16px;\r\n$loading-desc-color: #cecece;\r\n$loading-rotate-bor:#c2c3c5;\r\n\r\n//两种加载的尺寸 width height\r\n$loading-rotate-sm-size: 25px;\r\n$loading-rotate-size:40px;\r\n$loading-rotate-lg-size:60px;\r\n\r\n$loading-line-sm-width: 4px;\r\n$loading-line-sm-height:35px;\r\n$loading-line-width:6px;\r\n$loading-line-height:50px;\r\n$loading-line-lg-width:8px;\r\n$loading-line-lg-height:90px ;\r\n\r\n//居中位置top left\r\n$loading-center-top:50%;\r\n$loading-center-left:50%;\r\n\r\n$loading-rotate-center-sm: -15px ;\r\n$loading-rotate-center:-22px;\r\n$loading-rotate-center-lg:-35px ;\r\n\r\n$loading-line-center-sm-top: -22px;\r\n$loading-line-center-sm-left:-20px;\r\n$loading-line-center-top:-30px;\r\n$loading-line-center-left:-25px;\r\n$loading-line-center-lg-top:-50px;\r\n$loading-line-center-lg-left:-30px;\r\n\r\n\r\n//switch\r\n\r\n\r\n//color\r\n$switch-border-color: $gray-lighter;\r\n$switch-back-color: $gray-lighter;\r\n$switch-checked-borColor: $brand-primary;\r\n$switch-checked-backColor: $brand-primary;\r\n\r\n// border-radius of different state switch\r\n$switch-border-radius: 20px;\r\n$switch-border-radius-after: 18px;\r\n\r\n// width height line-height of the three switches\r\n$switch-width: (default:44px, small:32px, large:60px);\r\n$switch-height: (default:22px, small:16px, large:30px);\r\n$switch-lineHeight: (default:20px, small:12px, large:12px);\r\n\r\n// style of u-switch-inner\r\n$switch-inner-fontSize: (default:12px, small:10px, large:18px);\r\n$switch-inner-left: (default:22px, small:16px, large:30px);\r\n$switch-inner-largeTop: 8px;\r\n\r\n// style of u-switch:active:after\r\n$switch-active-width: (default:24px, small:16px, large:32px);\r\n\r\n// style of u-switch:after\r\n$switch-after-widthHeight: 18px;\r\n$switch-after-widthHeight-sm: 14px;\r\n$switch-after-widthHeight-lg: 26px;\r\n$switch-after-top: 1px;\r\n$switch-after-top-sm: 0;\r\n$switch-after-top-lg: 1px;\r\n$switch-after-left: 0;\r\n$switch-after-left-sm: 0;\r\n$switch-after-left-lg: 0;\r\n\r\n// style of u-switch.is-checked\r\n$switch-checked-innerLeft: (default:8px, small:4px, large:8px);\r\n$switch-checked-afterLeft: (default:24px, small:16px, large:32px);\r\n$switch-checked-activeLeft: (default:16px, small:10px, large:26px);\r\n\r\n$switch-primary-bg: $brand-primary;\r\n$switch-dark-bg: $brand-dark;\r\n$switch-success-bg: $brand-success;\r\n$switch-warning-bg: $brand-warning;\r\n$switch-danger-bg: $brand-danger;\r\n$switch-info-bg: $brand-info;\r\n\r\n//tabs\r\n\r\n$tabs-basic-back: #f5f5f5;\r\n$tabs-cls-color: #666;\r\n$tabs-cls-width: 900px;\r\n$tabs-simple-conHeight: 120px;\r\n$tabs-simple-conPad: 16px;\r\n$tabs-simple-conWidth: 100%;\r\n\r\n$tabs-fontSize: (simple:14px, fill:14px, turn:14px, slide:14px, fade:14px, fadeup:14px);\r\n$tabs-lineHeight: (simple:2.3, fill:2.3, turn:2.3, slide:2.3, fade:2.3, fadeup:2.3);\r\n$tabs-marginBottom: -1px;\r\n\r\n$tabs-simple-tab: (padding:0 16px, margin:5px 0 5px 5px, radius:0 0 0 0, back:#fff);\r\n$tabs-simple-tabBorder: 1px solid #fff;\r\n$tabs-simple-activeBorder: 1px solid $brand-primary;\r\n$tabs-simple-activeColor: #fff;\r\n$tabs-simple-activeBorBottom: 1px solid $brand-primary;\r\n$tabs-simple-activeTopRadius: 5px;\r\n$tabs-simple-fontWeight: bold;\r\n\r\n$tabs-fill-tab: (padding: 0 16px, color:#666, back:#fff, afterBack:#d2d8d6, activeBack:$brand-primary);\r\n$tabs-fill-tab-maright: 5px;\r\n$tabs-fill-after-top: 0;\r\n$tabs-fill-after-left: 0;\r\n$tabs-fill-after-width: 100%;\r\n$tabs-fill-after-height: 100%;\r\n$tabs-fill-fontWeight: bold;\r\n\r\n$tabs-turn-tab: (padding: 0 16px, color:#fff, back:#f5f5f5, afterBack:$brand-primary, activeBack:$brand-primary);\r\n$tabs-turn-after-top: 0;\r\n$tabs-turn-after-left: 0;\r\n$tabs-turn-after-width: 100%;\r\n$tabs-turn-after-height: 100%;\r\n$tabs-turn-beforeBot: 32px;\r\n$tabs-turn-beforeRight: 15px;\r\n$tabs-turn-fontWeight: bold;\r\n$tabs-moveleft-conHeight: 120px;\r\n$tabs-moveleft-conPad: 16px;\r\n\r\n$tabs-slide-tabs: (width:25%, padding: 0 16px, back:#f5f5f5);\r\n$tabs-slide-child-bottom: 0;\r\n$tabs-slide-child-left: 0;\r\n$tabs-slide-child-height: 4px;\r\n$tabs-slide-child-back: $brand-primary;\r\n$tabs-slide-fontWeight: bold;\r\n\r\n$tabs-fade-tab: (marLeft:5px, marTop:5px, color:#666, padding:0 16px, radius:0 0 0 0);\r\n$tabs-fade-conPad: 16px;\r\n$tabs-fade-conBor: 5px;\r\n\r\n$tabs-fadeup-tab: (marTop:5px, color:#666, padding:0 16px, radius:0 0 0 0);\r\n$tabs-fadeup-top: -5px;\r\n$tabs-fadeup-left: 0;\r\n$tabs-fadeup-width: 100%;\r\n$tabs-fadeup-height: 100%;\r\n$tabs-fadeup-color: #666;\r\n$tabs-fadeup-conHeight: 120px;\r\n$tabs-fadeup-conPad: 16px;\r\n\r\n\r\n//rate\r\n$rate-star-default-color:$gray-lightest;\r\n$rate-star-active-color:$brand-primary;\r\n$rate-star-marginRight:8px;\r\n//backtop\r\n$back-top-padding:5px;\r\n$backtop-background:unquote(\"rgb(#{$palette-u-gray-600})\") !default;\r\n$backtop-color:unquote(\"rgb(#{$color-white})\") !default;\r\n$backtop-right:10px;\r\n$backtop-bottom:10px;\r\n$backtop-dom-right:40px;\r\n\r\n\r\n//dnd\r\n$dnd-list-background:unquote(\"rgb(#{$palette-grey-400})\")!default;\r\n$dnd-list-padding:8px;\r\n$dnd-list-dragging-background:unquote(\"rgb(#{$palette-light-blue-A200})\")!default;\r\n$dnd-item-color:unquote(\"rgb(#{$color-black})\")!default;\r\n$dnd-item-padding:16px;\r\n$dnd-item-margin:4px;\r\n$dnd-item-background:unquote(\"rgb(#{$palette-grey-500})\")!default;\r\n$dnd-item-dragging-background:unquote(\"rgb(#{$palette-blue-300})\")!default;\r\n\r\n// bee-tree\r\n$tree-checkbox-color: unquote(\"rgb(#{$primary-color})\") !default;\r\n$tree-node-bg-color: $hover-bg-color-base !default;\r\n\r\n// bee-table\r\n$table-head-background-color: unquote(\"rgb(#{$table-header-background-color})\") !default;\r\n$table-head-text-color: unquote(\"rgb(#{$table-header-text-color})\") !default;\r\n\r\n// bee-transfer\r\n$transfer-border-gap-color:#d9d9d9;\r\n\r\n// bee-transfer\r\n$cascader-border-gap-color:#ccc;","@import \"../node_modules/tinper-bee-core/scss/minxin-variables\";\r\n@import \"../node_modules/tinper-bee-core/scss/minxin-mixins\";\r\n\r\n\r\n$loading-icon-color: #0084ff;\r\n\r\n/**\r\n * 加载背景\r\n */\r\n//.u-loading-back{\r\n// position:relative;\r\n// text-align: center;\r\n// width:$loading-back-width;\r\n// height:$loading-back-height;\r\n// margin:0 auto;\r\n// &.light{\r\n// background: #fff;\r\n// }\r\n// &.dark{\r\n// background: #000;\r\n// }\r\n//}\r\n/**\r\n * 文字\r\n */\r\n.u-loading-desc {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n font-size: $loading-desc-font-size;\r\n color: #000;\r\n text-align: center;\r\n}\r\n\r\n\r\n/**\r\n * default样式 单个圆圈加载\r\n */\r\n\r\n.u-loading {\r\n &.u-loading-rotate {\r\n & > div {\r\n position: absolute;\r\n border-radius: 100%;\r\n margin: 2px;\r\n -webkit-animation-fill-mode: both;\r\n animation-fill-mode: both;\r\n // border: 2px solid #0084ff;\r\n // border-bottom-color: transparent;\r\n width: $loading-rotate-size;\r\n height: $loading-rotate-size;\r\n top: $loading-center-top;\r\n left: $loading-center-left;\r\n margin-left: $loading-rotate-center;\r\n margin-top: $loading-rotate-center;\r\n background: transparent !important;\r\n display: inline-block;\r\n -webkit-animation: rotate 1.5s 0s linear infinite;\r\n animation: rotate 1.5s 0s linear infinite;\r\n text-align: center;\r\n line-height: $loading-rotate-size;\r\n & > .uf{\r\n color: $loading-icon-color;\r\n font-size: 40px;\r\n padding: 0;\r\n }\r\n }\r\n &.u-loading-rotate-lg {\r\n & > div {\r\n margin-left: $loading-rotate-center-lg;\r\n margin-top: $loading-rotate-center-lg;\r\n width: $loading-rotate-lg-size;\r\n height: $loading-rotate-lg-size;\r\n line-height: $loading-rotate-lg-size;\r\n & > .uf{\r\n font-size: 60px;\r\n }\r\n }\r\n }\r\n &.u-loading-rotate-sm {\r\n & > div {\r\n margin-left:$loading-rotate-center-sm;\r\n margin-top: $loading-rotate-center-sm;\r\n width: $loading-rotate-sm-size;\r\n height:$loading-rotate-sm-size;\r\n line-height: $loading-rotate-sm-size;\r\n & > .uf{\r\n font-size: 25px;\r\n }\r\n }\r\n }\r\n &.u-loading-rotate-primary {\r\n & > div > .uf{\r\n color: $loading-loadprimary;\r\n // border: 2px solid $loading-loadprimary;\r\n // border-bottom-color: transparent;\r\n }\r\n }\r\n &.u-loading-rotate-success {\r\n & > div > .uf{\r\n color: $loading-loadsuccess;\r\n // border: 2px solid $loading-loadsuccess;\r\n // border-bottom-color: transparent;\r\n }\r\n }\r\n &.u-loading-rotate-warning {\r\n & > div > .uf{\r\n color: $loading-loadwarn;\r\n // border: 2px solid $loading-loadwarn;\r\n // border-bottom-color: transparent;\r\n }\r\n }\r\n }\r\n\r\n}\r\n\r\n.u-loading-backdrop{\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n bottom: 0;\r\n left: 0;\r\n z-index: 1900;\r\n opacity: .7;\r\n filter: blur(.5px);\r\n background-color: #fff;\r\n &.full-screen{\r\n position: fixed;\r\n }\r\n}\r\n\r\n@keyframes rotate {\r\n 0% {\r\n -webkit-transform: rotate(0deg) scale(1);\r\n transform: rotate(0deg) scale(1);\r\n }\r\n\r\n 50% {\r\n -webkit-transform: rotate(180deg) scale(1);\r\n transform: rotate(180deg) scale(1);\r\n }\r\n\r\n 100% {\r\n -webkit-transform: rotate(360deg) scale(1);\r\n transform: rotate(360deg) scale(1);\r\n }\r\n}\r\n\r\n.u-loading {\r\n &.u-loading-line {\r\n position: absolute;\r\n top:$loading-center-top;\r\n left: $loading-center-left;\r\n margin-top: $loading-line-center-top;\r\n margin-left: $loading-line-center-left;\r\n & > div {\r\n background-color: #C2C3C5;\r\n width: $loading-line-width;\r\n height: $loading-line-height;\r\n border-radius: 2px;\r\n margin: 2px;\r\n -webkit-animation-fill-mode: both;\r\n animation-fill-mode: both;\r\n display: inline-block;\r\n }\r\n &.u-loading-line-lg {\r\n margin-top: $loading-line-center-lg-top;\r\n margin-left: $loading-line-center-lg-left;\r\n & > div {\r\n width: $loading-line-lg-width;\r\n height: $loading-line-lg-height;\r\n }\r\n }\r\n &.u-loading-line-sm {\r\n margin-top: $loading-line-center-sm-top;\r\n margin-left: $loading-line-center-sm-left;\r\n & > div {\r\n width:$loading-line-sm-width;\r\n height: $loading-line-sm-height;\r\n }\r\n }\r\n @each $index, $anima in $loading-lineanimating {\r\n div:nth-child( #{$index} ) {\r\n -webkit-animation: $anima;\r\n animation: $anima;\r\n background-color: map_get($loading-linebackcolor, $index);\r\n }\r\n }\r\n\r\n &.u-loading-line-primary {\r\n & > div {\r\n background-color: $loading-loadprimary;\r\n }\r\n }\r\n &.u-loading-line-success {\r\n & > div {\r\n background-color: $loading-loadsuccess;\r\n }\r\n }\r\n &.u-loading-line-warning {\r\n & > div {\r\n background-color: $loading-loadwarn;\r\n }\r\n }\r\n }\r\n}\r\n@keyframes line-scale {\r\n 0% {\r\n -webkit-transform: scaley(1);\r\n transform: scaley(1);\r\n }\r\n\r\n 50% {\r\n -webkit-transform: scaley(0.4);\r\n transform: scaley(0.4);\r\n }\r\n\r\n 100% {\r\n -webkit-transform: scaley(1);\r\n transform: scaley(1);\r\n\r\n }\r\n}\r\n","@import \"../node_modules/tinper-bee-core/scss/minxin-variables\";\n@import \"../node_modules/tinper-bee-core/scss/minxin-mixins\";\n@import \"../node_modules/bee-loading/src/Loading\";\n\n$text-color: #666;\n$font-size-base: 12px;\n$line-height: 1.5;\n// 主题定制border:\n$table-border-color: unquote(\"rgb(#{$table-border-color-base})\");\n// $table-head-background-color: #f7f7f7;\n// $table-head-text-color: #666;\n$vertical-padding: 12px;\n$horizontal-padding: 8px;\n// $table-border-color: #e9e9e9;\n\n$table-hover-color: #E7F2FC;\n$table-move-in-color: $bg-color-base;\n$checkbox-height:16px;\n.u-table {\n font-size: $font-size-base;\n color: $text-color;\n // transition: opacity 0.3s ease;\n position: relative;\n line-height: $line-height;\n overflow: hidden;\n &-body{\n // overflow: hidden!important;\n position: relative;\n }\n &-hiden-drag{\n position: relative;\n &-li{\n position: absolute;\n top: 0px;\n left: 0px;\n // height: 10px;//这个高度先注释掉了,加上后,在火狐浏览器上会站位置。滚动条拉到最右边有错行\n }\n }\n table {\n width: 100%;\n border-collapse: collapse;\n text-align: left;\n }\n\n th {\n // background: $table-head-background-color;\n font-weight: bold;\n text-align: left;\n // transition: background 0.3s ease;\n &[colspan] {\n text-align: center;\n }\n ::last-child{\n overflow: hidden;\n }\n }\n\n td {\n border-bottom: 1px solid $table-border-color;\n a{\n color: #2196F3;\n &:hover{\n color: #1565c0;\n }\n &:active{\n color: #1565c0;\n }\n }\n }\n\n tr {\n // transition: all 0.3s ease;\n &:hover {\n // background: $hover-bg-color-base;\n td {\n .uf-eye{\n visibility: visible !important;\n }\n }\n }\n tr a{\n color: #2196F3;\n &:hover{\n color: #1565c0;\n }\n &:active{\n color: #1565c0;\n }\n }\n }\n tr.tr-row-hover {\n background: $hover-bg-color-base;\n }\n\n th,\n td {\n padding: $vertical-padding $horizontal-padding;\n word-break: break-all;\n }\n tr {\n \n &.filterable{\n th{\n padding-top: 4px;\n padding-bottom: 4px;\n .filterContext{\n height: 35px;\n }\n }\n }\n }\n &-row-hover {\n background:unquote(\"rgb(#{$table-row-hover-bg-color})\");\n }\n \n &-scroll {\n overflow: auto;\n }\n &-bordered {\n table {\n border: 1px solid $table-border-color;\n box-sizing: border-box;\n table-layout: fixed;\n // width:auto;\n }\n th {\n border-bottom: 1px solid $table-border-color;\n box-sizing: border-box;\n }\n th,\n td {\n border-right: 1px solid $table-border-color;\n box-sizing: border-box;\n }\n }\n &-drag-border{\n tr {\n th.th-can-not-drag{ //拖拽tag影响了表格整体宽度\n overflow: hidden;\n }\n }\n }\n &-header {\n overflow: hidden;\n background: $table-head-background-color;\n color: $table-head-text-color;\n }\n\n &.fixed-height td {\n padding: 0px 8px;\n }\n\n &-fixed-header &-body {\n background: #fff;\n position: relative;\n }\n &-fixed-left &-body-inner {\n margin-right: -20px;\n padding-right: 20px;\n }\n\n &-fixed-header &-fixed-left &-body-inner {\n padding-right: 0px;\n }\n\n &-fixed-header &-body-inner {\n height: 100%;\n overflow: scroll;\n }\n\n\n &-fixed-header &-scroll &-header {\n overflow-x: scroll;\n padding-bottom: 20px;\n margin-bottom: -20px;\n overflow-y: scroll;\n box-sizing: border-box;\n }\n\n &-title {\n padding: $vertical-padding $horizontal-padding;\n border-top: 1px solid $table-border-color;\n }\n\n &-content {\n position: relative;\n }\n\n &-footer {\n padding: $vertical-padding $horizontal-padding;\n border-bottom: 1px solid $table-border-color;\n .u-table-scroll{\n overflow-x: hidden;\n }\n }\n &-footer & {\n margin: (-$vertical-padding) (-$horizontal-padding);\n }\n\n &-placeholder {\n padding: $vertical-padding 8px;\n background: #fff;\n border-bottom: 1px solid $table-border-color;\n text-align: center;\n position: relative;\n }\n\n &-expand-icon-col {\n width: 10px;\n }\n &-row,\n &-expanded-row {\n &-expand-icon {\n cursor: pointer;\n display: inline-block;\n margin-right: 0px;\n width: 16px;\n height: 16px;\n text-align: center;\n line-height: 16px;\n border: 1px solid $table-border-color;\n user-select: none;\n background: #fff;\n margin-right: 10px;\n }\n &-spaced {\n visibility: hidden;\n }\n &-spaced:after {\n content: \".\";\n }\n\n &-expanded:after {\n content: \"-\";\n }\n\n &-collapsed:after {\n content: \"+\";\n }\n }\n &-row{\n &.selected{\n background: $hover-bg-color-base;\n }\n }\n tr.u-table-expanded-row {\n background: #f7f7f7;\n &:hover {\n background: #f7f7f7;\n }\n .u-table {\n // padding: 0 40px 0 20px;\n z-index: 1;\n }\n }\n &-column-hidden {\n display: none;\n }\n &-prev-columns-page,\n &-next-columns-page {\n cursor: pointer;\n color: #666;\n z-index: 1;\n &:hover {\n color: #2db7f5;\n }\n &-disabled {\n cursor: not-allowed;\n color: #999;\n &:hover {\n color: #999;\n }\n }\n }\n &-prev-columns-page {\n margin-right: 8px;\n &:before {\n content: \"<\";\n }\n }\n &-next-columns-page {\n float: right;\n &:before {\n content: \">\";\n }\n }\n\n &-fixed-left,\n &-fixed-right {\n position: absolute;\n top: 0;\n overflow: hidden;\n z-index: 1;\n table {\n width: auto;\n background: #fff;\n }\n }\n\n &-fixed-left {\n left: 0;\n box-shadow: 4px 0 4px rgba(100, 100, 100, 0.1);\n &-body-inner {\n margin-right: -20px;\n padding-right: 20px;\n }\n &-fixed-header & &-body-inner {\n padding-right: 0;\n }\n }\n\n &-fixed-right {\n right: 0;\n box-shadow: -4px 0 4px rgba(100, 100, 100, 0.1);\n\n // hide expand row content in right fixed Table\n // https://github.com/ant-design/ant-design/issues/1898\n &-expanded-row {\n color: transparent;\n pointer-events: none;\n }\n \n }\n \n &-scroll-position-left &-fixed-left {\n box-shadow: none;\n }\n\n &-scroll-position-right &-fixed-right {\n box-shadow: none;\n }\n\n &-thead{\n .filter-text,.filter-dropdown,.filter-date {\n font-weight: normal;\n }\n .filter-wrap{\n display: flex;\n justify-content: center;\n align-items: center;\n .filter-btns{\n min-width: 58px;\n }\n }\n th{\n background: $table-head-background-color;\n color: $table-head-text-color;\n background-clip:padding-box;\n //禁止选中文字\n -moz-user-select: -moz-none;\n -khtml-user-select: none;\n -webkit-user-select: none; \n /*\n Introduced in IE 10. \n */\n -ms-user-select: none;\n user-select: none;\n\n // overflow: hidden;\n // white-space: nowrap;\n // text-overflow: ellipsis;\n .bee-table-column-sorter {\n position: relative;\n margin-left: 4px;\n height: 1em;\n vertical-align: middle;\n text-align: center;\n display: inline-block;\n \n & > .bee-table-column-sorter-down,\n & > .bee-table-column-sorter-up, & > .bee-table-column-sorter-flat {\n line-height: 6px;\n display: block;\n width: 34px;\n cursor: pointer;\n }\n \n }\n\n .bee-table-column-sorter-down.on .uf-triangle-down,\n .bee-table-column-sorter-down.on .uf-triangle-up,\n .bee-table-column-sorter-up.on .uf-triangle-down,\n .bee-table-column-sorter-up.on .uf-triangle-up {\n color: #108ee9;\n }\n .bee-table-column-sorter .uf-triangle-down,\n .bee-table-column-sorter .uf-triangle-up {\n -webkit-filter: none;\n filter: none;\n font-size: 12px;\n }\n .bee-table-column-sorter .uf-triangle-down,\n .bee-table-column-sorter .uf-triangle-up {\n display: inline-block;\n padding: 0;\n font-size: 12px;\n font-size: 8px\\9;\n -webkit-transform: scale(0.66666667) rotate(0deg);\n -ms-transform: scale(0.66666667) rotate(0deg);\n transform: scale(0.66666667) rotate(0deg);\n -ms-filter: \"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)\";\n zoom: 1;\n line-height: 4px;\n height: 4px;\n color: #999;\n // -webkit-transition: all 0.3s;\n // transition: all 0.3s;\n }\n &:hover{\n .bee-table-column-sorter {\n display: inline-block;\n }\n }\n }\n .th-drag{\n cursor: move;\n }\n .th-drag:hover{\n background: $hover-bg-color-base;\n }\n //为了区分是拖拽宽度还是交换列,先注释上面了\n // .th-drag:hover{\n // background:#ccc;\n // }\n .th-drag-hover{ \n background: #ccc;\n }\n &-th{\n position: relative;\n\n &-drag-gap{\n height: 100%;\n position: absolute;\n right: -10px;\n top: 0;\n // background:transparent;\n // width: 1px;\n // background:#ccc;\n width: 20px;\n \n box-sizing: border-box;\n z-index: 1;\n\n .online{\n height: 100%;\n width: 1px;\n background:transparent;//兼容火狐浏览器,如果table设置border,\n margin: 0 auto;\n }\n .online-hover{\n background:#000000;\n }\n \n }\n &-drag-gap:hover{\n cursor: col-resize;\n .online{\n background: #000000\n }\n }\n }\n &-th:last-child {\n &-drag-gap{\n border: none;\n }\n }\n }\n\n\n &-filter-column{\n \n &-pop-cont{\n margin: 10px;\n margin-top: 0px;\n height: 300px;\n overflow-y: scroll;\n }\n &-clear-setting{ \n border-bottom: 1px solid #ccc;\n cursor: pointer;\n }\n &-cont{\n position: relative;\n }\n &-filter-icon{\n position: absolute;\n top: 3px;\n right: 18px;\n width: 22px;\n height: 25px;\n line-height: 25px;\n z-index: 2;\n background: #f7f7f7;\n &i.uf{\n padding: 0px;\n }\n }\n &-pop-cont-item{\n margin-top: 10px;\n line-height: 30px;\n cursor: pointer;\n }\n &-pop-cont-item>span{\n margin-left: 5px;\n width: 100px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n &-pop .u-modal-dialog{\n border: 1px solid #ccc;\n background: #fff;\n }\n }\n //拖拽宽度代码\n &-row-fixed-columns-in-body{\n // visibility: hidden;\n display:none;\n pointer-events: none;\n }\n //固定列含有checkbox 样式复写\n .u-checkbox {\n height: $checkbox-height;\n line-height: $checkbox-height;\n margin:0px;\n }\n}\n.u-table:focus{\n outline: none;\n // border-color: #9ecaed;\n // box-shadow: 0 0 10px #9ecaed;\n box-shadow: 0 0 0;\n}\n\n .u-table-bordered {\n .u-table-drag-gap{\n background:#e9e9e9;\n }\n }\n.u-table.bordered {\n table {\n border-collapse: collapse;\n }\n th,\n td {\n border: 1px solid $table-border-color;\n }\n}\n\n.move-enter,\n.move-appear {\n opacity: 0;\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-duration: 2.5s;\n animation-fill-mode: both;\n animation-play-state: paused;\n}\n\n.move-leave {\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-duration: 0.5s;\n animation-fill-mode: both;\n animation-play-state: paused;\n}\n\n.move-enter.move-enter-active,\n.move-appear.move-enter-active {\n animation-name: moveLeftIn;\n animation-play-state: running;\n}\n\n.move-leave.move-leave-active {\n animation-name: moveRightOut;\n animation-play-state: running;\n}\n\n@keyframes moveLeftIn {\n 0% {\n transform-origin: 0 0;\n transform: translateX(30px);\n opacity: 0;\n background: $table-move-in-color;\n }\n 20% {\n transform-origin: 0 0;\n transform: translateX(0);\n opacity: 1;\n }\n 80% {\n background: $table-move-in-color;\n }\n 100% {\n background: transparent;\n opacity: 1;\n }\n}\n\n@keyframes moveRightOut {\n 0% {\n transform-origin: 0 0;\n transform: translateX(0);\n opacity: 1;\n }\n 100% {\n transform-origin: 0 0;\n transform: translateX(-30px);\n opacity: 0;\n }\n}\n\n.formItem-style {\n height: unset;\n min-height: unset;\n padding: 0;\n}\n.errMessage-style {\n display: none;\n border: none;\n /* margin-top: 5px; */\n /* margin-bottom: 5px; */\n background: transparent;\n color: #f22c1d;\n /* padding-left: 12px; */\n /* padding-right: 12px; */\n margin: 0;\n position: absolute;\n padding: 0;\n top: 3px;\n right: 0;\n}\n\n.editable-cell {\n position: relative;\n}\n\n.editable-cell-input-wrapper,\n.editable-cell-text-wrapper {\n padding-right: 24px;\n}\n.editable-cell-input-wrapper {\n .u-form-item.formItem-style .u-label{\n display: none;\n }\n .u-input-group .u-form-control{\n height: 26px;\n font-size: 12px;\n }\n}\n\n.editable-cell-text-wrapper {\n padding: 5px 24px 5px 5px;\n height: 30px;\n}\n\n.editable-cell-icon,\n.editable-cell-icon-check {\n position: absolute;\n top: 0;\n right: 0;\n width: 20px;\n cursor: pointer;\n}\n\n.editable-cell-icon {\n line-height: 28px;\n display: none;\n}\n\n.editable-cell-icon-check {\n line-height: 28px;\n}\n\n.editable-cell:hover .editable-cell-icon {\n display: inline-block;\n}\n\n.editable-cell-icon:hover,\n.editable-cell-icon-check:hover {\n color: #2db7f5;\n}\n\n.editable-add-btn {\n margin-bottom: 8px;\n}\n\n.search-component {\n margin-bottom: 20px;\n .empty-search {\n position: absolute;\n right: 45px;\n z-index: 20;\n top: 5px;\n color: #524e4e;\n cursor: pointer;\n }\n &.u-input-group.simple {\n float: right;\n }\n &.u-input-group.simple .u-form-control {\n width: 251px;\n background: #f5f5f5;\n border-color: #f5f5f5;\n border-radius: 20px;\n }\n &.u-input-group.simple .u-input-group-btn {\n top: 3px;\n right: 20px;\n position: absolute;\n }\n}\n\n\n.col-resize-container {\n height: 0px;\n position: relative;\n\n & + .table-col-resizer:first-of-type {\n table-layout: fixed;\n }\n\n .active-drag .icon{\n visibility: visible;\n }\n\n .last-handle {\n display: none;\n }\n\n .drag-handle {\n margin-left: -5px;\n position: absolute;\n z-index: 5;\n width: 10px;\n cursor: col-resize;\n\n .icon {\n color: #40b0dc;\n top: -1px;\n position: absolute;\n visibility: hidden;\n\n &:first-child {\n left: -2px\n }\n &:last-child {\n left: 6px\n }\n }\n\n &:hover{\n .icon{\n visibility: visible;\n }\n .col-resizer {\n border: 1px solid;\n }\n }\n\n &.disabled-drag {\n cursor: default;\n display: none;\n }\n\n .col-resizer {\n position: absolute;\n width: 1px;\n height: 100%;\n top: 0px;\n left: 3px;\n }\n }\n}\n\n.u-filter-dropdown-menu-wrap {\n z-index: 1800;\n .u-dropdown-menu {\n li.u-dropdown-menu-item {\n line-height: 32px;\n height: 32px;\n padding: 0px 16px 0 16px;\n cursor: pointer;\n }\n }\n}\n\n.u-row-hover{\n position: absolute;\n right: 24px;\n display: none;\n align-items: center;\n justify-content: center;\n background: transparent;\n}\n\n.u-row-hover2{\n position: absolute;\n left: 100;\n}\n\n// 滚动条样式复写\n::-webkit-scrollbar {\n width: 8px;\n height: 8px;\n}\n::-webkit-scrollbar-button {\n display: none;\n}\n::-webkit-scrollbar-thumb {\n background: #d5d5d5 !important;\n border-radius: 5px;\n}\n::-webkit-scrollbar-thumb {\n border-radius: 4px;\n background-color: #d5d5d5;\n position: absolute;\n}\n\n::-webkit-scrollbar-track {\n display: none;\n}\n\n::-webkit-scrollbar-track-piece {\n display: none;\n}","// @import \"../node_modules/tinper-bee-core/scss/index.scss\";\n// @import \"../node_modules/bee-panel/src/Panel.scss\";\n// @import \"../node_modules/bee-layout/src/Layout.scss\";\n// @import \"../node_modules/bee-button/src/Button.scss\";\n// @import \"../node_modules/bee-transition/src/Transition.scss\";\n// @import \"../node_modules/bee-popconfirm/src/Popconfirm.scss\";\n// @import \"../node_modules/bee-form-control/src/FormControl.scss\";\n// @import \"../node_modules/bee-pagination/src/Pagination.scss\";\n// @import \"../node_modules/bee-checkbox/src/Checkbox.scss\";\n// @import \"../node_modules/bee-select/src/Select.scss\";\n// @import \"../node_modules/bee-form/src/Form.scss\";\n// @import \"../node_modules/bee-popover/src/Popover.scss\";\n// @import \"../node_modules/bee-tooltip/src/Tooltip.scss\";\n// @import \"../node_modules/bee-message/build/Message.css\";\n// @import \"../node_modules/bee-dropdown/build/Dropdown.css\";\n// @import \"../node_modules/bee-input-number/build/InputNumber.css\";\n// @import \"../node_modules/bee-modal/build/Modal.css\";\n@import \"../src/Table.scss\";\n\n\n//引入日期控件样式文件\n// @import \"../node_modules/bee-datepicker/src/datepicker.scss\";\n\n.selected{\n background: rgb(227,242,253);\n}\n\n.demo25{\n height: 100%;\n\n .u-table-filter-column-filter-icon{\n right: 15px;\n }\n\n}\n","th{\n .drop-menu{\n .uf{\n font-size: 12px;\n visibility: hidden;\n margin-left: 15px;\n }\n \n \n }\n &:hover{\n .uf{\n visibility: visible;\n }\n }\n\n}\n\n",".demo3{\n .u-table-thead th {\n padding-top: 0px;\n padding-bottom: 0px;\n }\n}",".demo8{\n .u-table {\n margin-bottom: 11px;\n }\n .u-pagination{\n display: flex;\n align-items: center;\n justify-content: center;\n }\n}",".opt-btns{\n .u-button{\n background-color: #505F79;\n border-color: #505F79;\n color: #fff;\n &:hover, &:active{\n background-color: #344563;\n border-color: #344563;\n }\n }\n}"],"sourceRoot":"/source/"}
\ No newline at end of file
diff --git a/dist/demo.js b/dist/demo.js
index 5a7a71c..0d90824 100644
--- a/dist/demo.js
+++ b/dist/demo.js
@@ -58,15 +58,15 @@
var _beePanel = __webpack_require__(9);
- var _beeDrawer = __webpack_require__(81);
+ var _beeDrawer = __webpack_require__(82);
var _beeDrawer2 = _interopRequireDefault(_beeDrawer);
- var _beeClipboard = __webpack_require__(95);
+ var _beeClipboard = __webpack_require__(96);
var _beeClipboard2 = _interopRequireDefault(_beeClipboard);
- var _src = __webpack_require__(152);
+ var _src = __webpack_require__(157);
var _src2 = _interopRequireDefault(_src);
@@ -80,7 +80,7 @@
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }
- var Demo1 = __webpack_require__(528);var Demo2 = __webpack_require__(530);var Demo3 = __webpack_require__(533);var Demo4 = __webpack_require__(540);var Demo5 = __webpack_require__(543);var Demo6 = __webpack_require__(544);var Demo7 = __webpack_require__(546);var Demo8 = __webpack_require__(547);var Demo9 = __webpack_require__(548);var Demo10 = __webpack_require__(549);var Demo11 = __webpack_require__(550);var Demo12 = __webpack_require__(551);var Demo13 = __webpack_require__(552);var Demo14 = __webpack_require__(553);var Demo15 = __webpack_require__(554);var Demo16 = __webpack_require__(555);var Demo17 = __webpack_require__(556);var Demo18 = __webpack_require__(557);var Demo19 = __webpack_require__(558);var Demo20 = __webpack_require__(559);var Demo21 = __webpack_require__(560);var Demo22 = __webpack_require__(561);var Demo23 = __webpack_require__(562);var Demo24 = __webpack_require__(563);var Demo25 = __webpack_require__(564);var Demo26 = __webpack_require__(565);var Demo27 = __webpack_require__(569);var Demo28 = __webpack_require__(571);var Demo29 = __webpack_require__(572);var Demo30 = __webpack_require__(573);var Demo31 = __webpack_require__(574);var Demo32 = __webpack_require__(575);var Demo33 = __webpack_require__(576);var DemoArray = [{ "example": _react2['default'].createElement(Demo1, null), "title": " 基本用法", "code": "/**\n*\n* @title 基本用法\n* 【Tooltip】\n* @description\n*/\n\nimport React, { Component } from \"react\";\nimport {Button,Tooltip} from \"tinper-bee\";\nimport { Table } from 'tinper-bee';\n\nconst columns = [\n {\n title: \"用户名\", dataIndex: \"a\", key: \"a\", width: 300, className: \"rowClassName\",\n fixed:'left',\n render: (text, record, index) => {\n return (\n
{ title }
\n{ desc }
\n 查看源码 \n\n { code }
\n
\n {!!scss_code ?\n { scss_code }
\n
: null }\n