myprint-design/css/styles/my-component.css

操作简单，组件丰富的一站式打印解决方案打印设计器

.my-popover_content{z-index:200000;box-shadow:0 0 12px rgba(0,0,0,.12)}.my-tooltip_content{box-shadow:0 6px 20px rgba(25,25,26,.06),0 2px 12px rgba(25,25,26,.04);border-radius:8px;background-color:#fff;padding:4px}.popper-arrow{width:0;height:0;border-style:solid;border-width:10px;border-color:transparent transparent #f0f0f0 transparent;position:absolute;margin-top:-10px}.my-select-middle{height:32px!important}.my-select{width:100%;height:24px;border-radius:5px;margin-right:6px;box-shadow:0 0 0 1px var(--my-border-color) inset;cursor:pointer}.my-select .my-select-input{flex:1;display:flex;justify-content:center;align-items:center;font-size:13px}.my-select .my-select-input_placeholder{color:gray}.my-select .my-select-arrow{display:flex;justify-content:center;align-items:center;width:32px}.my-select .my-select-arrow-middle{height:32px!important;line-height:32px!important}.my-style-font_arrow{font-size:7px;width:12px;height:24px;line-height:24px}.ps{overflow:hidden!important;overflow-anchor:none;-ms-overflow-style:none;touch-action:auto;-ms-touch-action:auto}.ps__rail-x{display:none;opacity:0;transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;height:15px;bottom:0;position:absolute}.ps__rail-y{display:none;opacity:0;transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;width:15px;right:0;position:absolute}.ps--active-x>.ps__rail-x,.ps--active-y>.ps__rail-y{display:block;background-color:transparent}.ps--focus>.ps__rail-x,.ps--focus>.ps__rail-y,.ps--scrolling-x>.ps__rail-x,.ps--scrolling-y>.ps__rail-y,.ps:hover>.ps__rail-x,.ps:hover>.ps__rail-y{opacity:.6}.ps .ps__rail-x.ps--clicking,.ps .ps__rail-x:focus,.ps .ps__rail-x:hover,.ps .ps__rail-y.ps--clicking,.ps .ps__rail-y:focus,.ps .ps__rail-y:hover{background-color:#eee;opacity:.9}.ps__thumb-x{background-color:#aaa;border-radius:6px;transition:background-color .2s linear,height .2s ease-in-out;-webkit-transition:background-color .2s linear,height .2s ease-in-out;height:6px;bottom:2px;position:absolute}.ps__thumb-y{background-color:#aaa;border-radius:6px;transition:background-color .2s linear,width .2s ease-in-out;-webkit-transition:background-color .2s linear,width .2s ease-in-out;width:6px;right:2px;position:absolute}.ps__rail-x.ps--clicking .ps__thumb-x,.ps__rail-x:focus>.ps__thumb-x,.ps__rail-x:hover>.ps__thumb-x{background-color:#999;height:11px}.ps__rail-y.ps--clicking .ps__thumb-y,.ps__rail-y:focus>.ps__thumb-y,.ps__rail-y:hover>.ps__thumb-y{background-color:#999;width:11px}@supports (-ms-overflow-style:none){.ps{overflow:auto!important}}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.ps{overflow:auto!important}}.my-scrollbar{position:relative;overflow:auto;scrollbar-width:none}.my-scrollbar .my-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px}.my-scrollbar .is-vertical{width:6px;top:2px}.my-scrollbar .my-scrollbar__thumb{position:relative;display:block;height:0;width:100%;cursor:pointer;border-radius:inherit;background-color:var(--my-text-color-secondary);transition:.3s background-color;opacity:.3}.hover-non-blod .ps__rail-x:hover .ps__thumb-x{height:4px!important}.hover-non-blod .ps__rail-y:hover .ps__thumb-y{width:4px!important}.disabled-scroll-bar .ps__rail-x{pointer-events:none}.disabled-scroll-bar .ps__rail-x:hover .ps__thumb-x{height:4px!important}.disabled-scroll-bar .ps__rail-y{pointer-events:none}.disabled-scroll-bar .ps__rail-y:hover .ps__thumb-y{width:4px!important}.ps{height:100%}.ps:hover .ps__rail-y{opacity:1!important}.ps:hover .ps__rail-x{opacity:1!important}.ps .ps__rail-x{background-color:transparent!important;opacity:0}.ps .ps__rail-x:hover .ps__thumb-x{height:9px}.ps .ps__rail-x .ps__thumb-x{background-color:var(--drag-h-color)!important;height:4px;right:0!important}.ps .ps__rail-y{background-color:transparent!important;opacity:0}.ps .ps__rail-y:hover .ps__thumb-y{width:9px}.ps .ps__rail-y .ps__thumb-y{background-color:var(--drag-h-color)!important;width:4px;right:0!important}.ps .ps--clicking .ps__thumb-x{height:9px!important}.ps .ps--clicking .ps__thumb-y{width:9px!important}.is-disabled{cursor:not-allowed!important}.is-disabled *{cursor:not-allowed!important}.my-input .is-focus{box-shadow:0 0 0 1px #409eff inset!important}.my-input .my-input__wrapper{display:inline-flex;flex-grow:1;align-items:center;justify-content:center;padding:1px 11px;background-color:var(--my-fill-color-blank);background-image:none;border-radius:var(--my-border-radius-base);cursor:text;transition:box-shadow .2s cubic-bezier(.645,.045,.355,1);transform:translate3d(0,0,0);box-shadow:0 0 0 1px var(--my-border-color) inset}.my-input .my-input__wrapper .my-input__inner{width:100%;flex-grow:1;-webkit-appearance:none;color:var(--my-text-color-regular);font-size:inherit;height:22px;line-height:22px;padding:0;outline:0;border:none;background:0 0;box-sizing:border-box}.my-input .my-input__wrapper .my-input__inner::-webkit-input-placeholder{color:rgba(0,0,0,.25)}.my-input .my-input__wrapper .my-input__inner:-moz-placeholder{color:rgba(0,0,0,.25)}.my-input .my-input__wrapper .my-input__inner::-moz-placeholder{color:rgba(0,0,0,.25)}.my-input .my-input__wrapper .my-input__inner:-ms-input-placeholder{color:rgba(0,0,0,.25)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:10px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.my-textarea__inner{position:relative;display:block;resize:vertical;padding:5px 11px;line-height:1.5;box-sizing:border-box;width:100%;font-size:inherit;font-family:inherit;color:var(--my-text-color-regular);background-color:var(--my-fill-color-blank);background-image:none;-webkit-appearance:none;box-shadow:0 0 0 1px var(--my-border-color) inset;border-radius:var(--my-border-radius-base);transition:box-shadow .2s cubic-bezier(.645,.045,.355,1);border:none;min-height:31px}.my-textarea__inner:focus{outline:0;box-shadow:0 0 0 1px var(--my-input-focus-border-color) inset}.my-dialog{z-index:100000;position:fixed;left:0;top:0;right:0;bottom:0;overflow:auto}.my-dialog .my-dialog_wrapper{position:fixed;left:0;top:0;right:0;bottom:0;overflow:auto;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 32px 4px rgba(0,0,0,.04),0 8px 20px rgba(0,0,0,.08);background:rgba(0,0,0,.5)}.my-dialog .my-dialog_wrapper .my-dialog_header{padding:5px;background:#fff}.my-dialog .my-dialog_wrapper .my-dialog_header .my-dialog_head_title{padding:5px;flex:1;background:#fff}.my-dialog .my-dialog_wrapper .my-dialog_header .my-dialog_head_slot{flex:1}.my-dialog .my-dialog_wrapper .my-dialog_header .my-dialog_head_close{align-items:center;justify-content:center;height:30px;width:30px;background:#fff}.my-dialog .my-dialog_wrapper .my-dialog_content{padding:5px;background:#fff}.my-dialog .my-dialog_wrapper .is-fullscreen{padding:0!important;width:100%!important;height:100%!important}.my-popup-parent--hidden{overflow:hidden}.my-form .my-form-item{margin-bottom:8px}.my-form .my-form-item .my-form-item-label{display:inline-flex;justify-content:flex-end;align-items:flex-start;flex:0 0 auto;color:var(--my-text-color-regular);padding:0 12px 0 0;box-sizing:border-box;height:24px;line-height:24px;font-size:12px}.my-form .my-form-item .my-form-item__content{display:flex;flex-wrap:wrap;align-items:center;flex:1;line-height:24px;position:relative;font-size:12px;min-width:0}.my-divider--horizontal{display:block;height:1px;width:100%;margin:18px 0;border-top:var(--my-border-style)}.my-divider{position:relative}.my-divider .my-divider__text{left:50%;transform:translateX(-50%) translateY(-50%);position:absolute;background-color:#fff;padding:0 20px;font-weight:500;color:var(--my-text-color-primary);font-size:14px}.disabled{cursor:not-allowed}.ps{position:relative}.slide-fade-enter-active,.slide-fade-leave-active,.slide-fade-move{transition:all .3s}.slide-fade-enter-from,.slide-fade-leave-to{transform:translateY(-16px);-ms-transform:translateY(-16px);-webkit-transform:translateY(-16px);opacity:0}.slide-fade-leave-active{position:absolute;left:0;right:0;margin:0 auto}.m-message-wrap{position:fixed;z-index:300000;width:100%;left:0;right:0;pointer-events:none}.m-message-wrap .m-message{text-align:center}.m-message-wrap .m-message:not(:last-child){margin-bottom:8px}.m-message-wrap .m-message .m-message-content{display:inline-flex;align-items:center;padding:9px 12px;background:#fff;border-radius:8px;box-shadow:0 6px 16px 0 rgba(0,0,0,.08),0 3px 6px -4px rgba(0,0,0,.12),0 9px 28px 8px rgba(0,0,0,.05);pointer-events:auto}.m-message-wrap .m-message .m-message-content .u-svg{display:inline-block;width:16px;height:16px;margin-right:8px}.m-message-wrap .m-message .m-message-content .circular{display:inline-block;animation:loading-rotate 2s linear infinite}@keyframes loading-rotate{100%{transform:rotate(360deg)}}.m-message-wrap .m-message .m-message-content .circular .path{stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:5;stroke-linecap:round;animation:loading-dash 1.5s ease-in-out infinite}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}100%{stroke-dasharray:90,150;stroke-dashoffset:-120px}}.m-message-wrap .m-message .m-message-content .u-content{display:inline-block;font-size:14px;color:rgba(0,0,0,.88);line-height:22px}.my-popover_container{overflow:hidden}