yhui-yuanhuan/dist/index.css

A Component Library for Vue 3 based on element-plus

@charset "UTF-8";:root{--yh-color-white:#ffffff;--yh-color-black:#000000;--yh-color-primary-rgb:64,158,255;--yh-color-success-rgb:103,194,58;--yh-color-warning-rgb:230,162,60;--yh-color-danger-rgb:245,108,108;--yh-color-error-rgb:245,108,108;--yh-color-info-rgb:144,147,153;--yh-font-size-extra-large:20px;--yh-font-size-large:18px;--yh-font-size-medium:16px;--yh-font-size-base:14px;--yh-font-size-small:13px;--yh-font-size-extra-small:12px;--yh-font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;--yh-font-weight-primary:500;--yh-font-line-height-primary:24px;--yh-index-normal:1;--yh-index-top:1000;--yh-index-popper:2000;--yh-border-radius-base:4px;--yh-border-radius-small:2px;--yh-border-radius-round:20px;--yh-border-radius-circle:100%;--yh-transition-duration:0.3s;--yh-transition-duration-fast:0.2s;--yh-transition-function-ease-in-out-bezier:cubic-bezier(0.645,0.045,0.355,1);--yh-transition-function-fast-bezier:cubic-bezier(0.23,1,0.32,1);--yh-transition-all:all var(--yh-transition-duration) var(--yh-transition-function-ease-in-out-bezier);--yh-transition-fade:opacity var(--yh-transition-duration) var(--yh-transition-function-fast-bezier);--yh-transition-md-fade:transform var(--yh-transition-duration) var(--yh-transition-function-fast-bezier),opacity var(--yh-transition-duration) var(--yh-transition-function-fast-bezier);--yh-transition-fade-linear:opacity var(--yh-transition-duration-fast) linear;--yh-transition-border:border-color var(--yh-transition-duration-fast) var(--yh-transition-function-ease-in-out-bezier);--yh-transition-box-shadow:box-shadow var(--yh-transition-duration-fast) var(--yh-transition-function-ease-in-out-bezier);--yh-transition-color:color var(--yh-transition-duration-fast) var(--yh-transition-function-ease-in-out-bezier);--yh-component-size-large:40px;--yh-component-size:32px;--yh-component-size-small:24px;color-scheme:light;--yh-color-primary:#409eff;--yh-color-primary-light-3:rgb(121.3,187.1,255);--yh-color-primary-light-5:rgb(159.5,206.5,255);--yh-color-primary-light-7:rgb(197.7,225.9,255);--yh-color-primary-light-8:rgb(216.8,235.6,255);--yh-color-primary-light-9:rgb(235.9,245.3,255);--yh-color-primary-dark-2:rgb(51.2,126.4,204);--yh-color-success:#67c23a;--yh-color-success-light-3:rgb(148.6,212.3,117.1);--yh-color-success-light-5:rgb(179,224.5,156.5);--yh-color-success-light-7:rgb(209.4,236.7,195.9);--yh-color-success-light-8:rgb(224.6,242.8,215.6);--yh-color-success-light-9:rgb(239.8,248.9,235.3);--yh-color-success-dark-2:rgb(82.4,155.2,46.4);--yh-color-warning:#e6a23c;--yh-color-warning-light-3:rgb(237.5,189.9,118.5);--yh-color-warning-light-5:rgb(242.5,208.5,157.5);--yh-color-warning-light-7:rgb(247.5,227.1,196.5);--yh-color-warning-light-8:rgb(250,236.4,216);--yh-color-warning-light-9:rgb(252.5,245.7,235.5);--yh-color-warning-dark-2:rgb(184,129.6,48);--yh-color-danger:#f56c6c;--yh-color-danger-light-3:rgb(248,152.1,152.1);--yh-color-danger-light-5:rgb(250,181.5,181.5);--yh-color-danger-light-7:rgb(252,210.9,210.9);--yh-color-danger-light-8:rgb(253,225.6,225.6);--yh-color-danger-light-9:rgb(254,240.3,240.3);--yh-color-danger-dark-2:rgb(196,86.4,86.4);--yh-color-error:#f56c6c;--yh-color-error-light-3:rgb(248,152.1,152.1);--yh-color-error-light-5:rgb(250,181.5,181.5);--yh-color-error-light-7:rgb(252,210.9,210.9);--yh-color-error-light-8:rgb(253,225.6,225.6);--yh-color-error-light-9:rgb(254,240.3,240.3);--yh-color-error-dark-2:rgb(196,86.4,86.4);--yh-color-info:#909399;--yh-color-info-light-3:rgb(177.3,179.4,183.6);--yh-color-info-light-5:rgb(199.5,201,204);--yh-color-info-light-7:rgb(221.7,222.6,224.4);--yh-color-info-light-8:rgb(232.8,233.4,234.6);--yh-color-info-light-9:rgb(243.9,244.2,244.8);--yh-color-info-dark-2:rgb(115.2,117.6,122.4);--yh-bg-color:#ffffff;--yh-bg-color-page:#f2f3f5;--yh-bg-color-overlay:#ffffff;--yh-text-color-primary:#303133;--yh-text-color-regular:#606266;--yh-text-color-secondary:#909399;--yh-text-color-placeholder:#a8abb2;--yh-text-color-disabled:#c0c4cc;--yh-border-color:#dcdfe6;--yh-border-color-light:#e4e7ed;--yh-border-color-lighter:#ebeef5;--yh-border-color-extra-light:#f2f6fc;--yh-border-color-dark:#d4d7de;--yh-border-color-darker:#cdd0d6;--yh-fill-color:#f0f2f5;--yh-fill-color-light:#f5f7fa;--yh-fill-color-lighter:#fafafa;--yh-fill-color-extra-light:#fafcff;--yh-fill-color-dark:#ebedf0;--yh-fill-color-darker:#e6e8eb;--yh-fill-color-blank:#ffffff;--yh-box-shadow:0px 12px 32px 4px rgba(0,0,0,0.04),0px 8px 20px rgba(0,0,0,0.08);--yh-box-shadow-light:0px 0px 12px rgba(0,0,0,0.12);--yh-box-shadow-lighter:0px 0px 6px rgba(0,0,0,0.12);--yh-box-shadow-dark:0px 16px 48px 16px rgba(0,0,0,0.08),0px 12px 32px rgba(0,0,0,0.12),0px 8px 16px -8px rgba(0,0,0,0.16);--yh-disabled-bg-color:var(--yh-fill-color-light);--yh-disabled-text-color:var(--yh-text-color-placeholder);--yh-disabled-border-color:var(--yh-border-color-light);--yh-overlay-color:rgba(0,0,0,0.8);--yh-overlay-color-light:rgba(0,0,0,0.7);--yh-overlay-color-lighter:rgba(0,0,0,0.5);--yh-mask-color:rgba(255,255,255,0.9);--yh-mask-color-extra-light:rgba(255,255,255,0.3);--yh-border-width:1px;--yh-border-style:solid;--yh-border-color-hover:var(--yh-text-color-disabled);--yh-border:var(--yh-border-width) var(--yh-border-style) var(--yh-border-color);--yh-svg-monochrome-grey:var(--yh-border-color)}.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:var(--yh-transition-fade-linear)}.fade-in-linear-enter-from,.fade-in-linear-leave-to{opacity:0}.yh-fade-in-linear-enter-active,.yh-fade-in-linear-leave-active{transition:var(--yh-transition-fade-linear)}.yh-fade-in-linear-enter-from,.yh-fade-in-linear-leave-to{opacity:0}.yh-fade-in-enter-active,.yh-fade-in-leave-active{transition:all var(--yh-transition-duration) cubic-bezier(.55,0,.1,1)}.yh-fade-in-enter-from,.yh-fade-in-leave-active{opacity:0}.yh-zoom-in-center-enter-active,.yh-zoom-in-center-leave-active{transition:all var(--yh-transition-duration) cubic-bezier(.55,0,.1,1)}.yh-zoom-in-center-enter-from,.yh-zoom-in-center-leave-active{opacity:0;transform:scaleX(0)}.yh-zoom-in-top-enter-active,.yh-zoom-in-top-leave-active{opacity:1;transform:scaleY(1);transform-origin:center top;transition:var(--yh-transition-md-fade)}.yh-zoom-in-top-enter-active[data-popper-placement^=top],.yh-zoom-in-top-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.yh-zoom-in-top-enter-from,.yh-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.yh-zoom-in-bottom-enter-active,.yh-zoom-in-bottom-leave-active{opacity:1;transform:scaleY(1);transform-origin:center bottom;transition:var(--yh-transition-md-fade)}.yh-zoom-in-bottom-enter-from,.yh-zoom-in-bottom-leave-active{opacity:0;transform:scaleY(0)}.yh-zoom-in-left-enter-active,.yh-zoom-in-left-leave-active{opacity:1;transform:scale(1);transform-origin:top left;transition:var(--yh-transition-md-fade)}.yh-zoom-in-left-enter-from,.yh-zoom-in-left-leave-active{opacity:0;transform:scale(.45)}.collapse-transition{transition:var(--yh-transition-duration) height ease-in-out,var(--yh-transition-duration) padding-top ease-in-out,var(--yh-transition-duration) padding-bottom ease-in-out}.yh-collapse-transition-enter-active,.yh-collapse-transition-leave-active{transition:var(--yh-transition-duration) max-height ease-in-out,var(--yh-transition-duration) padding-top ease-in-out,var(--yh-transition-duration) padding-bottom ease-in-out}.horizontal-collapse-transition{transition:var(--yh-transition-duration) width ease-in-out,var(--yh-transition-duration) padding-left ease-in-out,var(--yh-transition-duration) padding-right ease-in-out}.yh-list-enter-active,.yh-list-leave-active{transition:all 1s}.yh-list-enter-from,.yh-list-leave-to{opacity:0;transform:translateY(-30px)}.yh-list-leave-active{position:absolute!important}.yh-opacity-transition{transition:opacity var(--yh-transition-duration) cubic-bezier(.55,0,.1,1)}.yh-icon-loading{animation:rotating 2s linear infinite}.yh-icon--right{margin-left:5px}.yh-icon--left{margin-right:5px}@keyframes rotating{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.yh-icon{--color:inherit;align-items:center;display:inline-flex;height:1em;justify-content:center;line-height:1em;position:relative;width:1em;fill:currentColor;color:var(--color);font-size:inherit}.yh-icon.is-loading{animation:rotating 2s linear infinite}.yh-icon svg{height:1em;width:1em}.yh-dialog .dialog-header{display:flex;margin-right:30px;position:relative}.yh-dialog .fullscreen{cursor:pointer;position:absolute;right:-34px;top:-2px}.yh-dialog .fullscreen:hover{color:var(--el-color-primary)}.yh-table .yh-table-container{display:flex;flex-direction:column;height:100%}.yh-table .yh-table-container .el-table .el-table__cell,.yh-table .yh-table-container .el-table .el-table__cell.is-center{text-align:center}.yh-table .yh-table-container .el-table .el-table__cell.is-left{text-align:left}.yh-table .yh-table-container .el-table .el-table__cell.is-right{text-align:right}.yh-table .yh-table-container .el-overlay-dialog{overflow:hidden}.yh-table .yh-table-container .item-actions :deep(.ElButton){margin:0}.yh-table .yh-table-container .item-actions :deep(.ElButton.action-delete){color:var(--red)}.yh-table .yh-table-container .item-actions :deep(.ElButton.action-delete):not(.is-disabled):hover{color:var(--redActive)}.yh-table .yh-table-container .actions-more :deep(.ElDropdownMenu__item){color:var(--cusColor)}.yh-table .yh-table-container .actions-more :deep(.ElDropdownMenu__item):not(.is-disabled):focus{color:var(--cusColorActive)}.yh-table .yh-table-container .actions-more :deep(.ElDropdownMenu__item.action-delete){color:var(--red)}.yh-table .yh-table-container .actions-more :deep(.ElDropdownMenu__item.action-delete):not(.is-disabled):focus{background-color:var(--redBg);color:var(--redActive)}.yh-table .yh-table-container .item-actions{align-items:center;display:flex;justify-content:center}.yh-table .yh-table-container .page{display:flex;justify-content:flex-end;padding:10px 0}.yh-table .yh-table-container .search-form{display:flex;flex-wrap:wrap}.yh-table .yh-table-container .search-buttons{flex-wrap:nowrap;margin-right:12px;padding:0 0 18px}.yh-table .yh-table-container .actions-bar{display:flex;justify-content:flex-end;margin-bottom:10px}.yh-table .yh-table-container .actions-bar>*{margin-left:10px}.yh-table .table{min-height:40px}.yh-table .table>.setting{position:relative}.yh-table .table>.setting .setting-button{opacity:0;position:absolute;right:5px;top:5px;transition:opacity .3s;z-index:10}.yh-table .table>.setting .setting-popover{opacity:0;transition:opacity .3s}.yh-table .table:hover .setting-button,.yh-table .table>.setting.popover-visible .setting-button{opacity:.7}.yh-table-setting-tree{max-height:50vh;overflow-y:auto}.yh-table-setting-tree .el-tree-node__content{cursor:move}.yh-table-setting-tree .el-icon.el-tree-node__expand-icon{display:none}.yh-table-setting-tree .yh-drag{align-items:center;cursor:grab;display:flex}.yh-table-setting-tree .yh-drag.disabled{cursor:not-allowed}.yh-table-setting-tree .yh-drag>*{margin-left:10px}.yh-table-setting-tree .yh-check{cursor:pointer}