myprint-design
Version:
操作简单，组件丰富的一站式打印解决方案打印设计器
1 lines • 3.33 kB
CSS
@charset "UTF-8";.design-content_over{z-index:1;outline:4px solid var(--drag-h-color)}.selectRect{z-index:99999;overflow:hidden;outline:1px solid #6a5acd;position:absolute}.design-panel-container-height{height:var(--header-heigh1t)}.design-panel-container{flex:1;position:relative;height:100%;transition:width .28s}.design-panel-container .design-panel{position:relative;box-sizing:border-box;height:100%;width:calc(100% - 20px);background:#eef0f5}.design-panel-container .design-panel .design-content_inner{overflow:hidden;height:calc(100% - 20px)}.design-panel-container .design-panel .design-content_inner:focus-visible{outline:transparent}.design-panel-container .design-panel .design-content_inner .design-content-scroll{position:relative;height:100%;box-sizing:border-box;width:100%;overflow:auto;padding:30px 260px 20px 30px;scrollbar-width:auto;scrollbar-color:var(--drag-h-color)}.design-panel-container .design-panel .design-content_inner .design-content-scroll::-webkit-scrollbar{width:4px;height:4px}.design-panel-container .design-panel .design-content_inner .design-content-scroll::-webkit-scrollbar-track{background:0 0}.design-panel-container .design-panel .design-content_inner .design-content-scroll::-webkit-scrollbar-thumb{background:var(--drag-h-color);border-radius:2px}.design-panel-container .design-panel .design-content_inner .design-content-scroll::-webkit-scrollbar-thumb:hover{background:#555}.design-panel-container .design-panel .design-content_inner .design-content-scroll::-webkit-scrollbar-corner{height:4px;width:4px}.design-panel-container .design-panel .design-content_inner .design-content-scroll::-moz-scrollbar{width:4px;height:4px}.design-panel-container .design-panel .design-content_inner .design-content-scroll::-moz-scrollbar-track{background:#f1f1f1}.design-panel-container .design-panel .design-content_inner .design-content-scroll::-moz-scrollbar-thumb{background:var(--drag-h-color)}.design-panel-container .design-panel .design-content_inner .design-content-scroll .design-content-scale{display:flex}.design-panel-container .design-panel .design-content_inner .design-content-scroll .design-content{left:0;top:0;height:100%;width:var(--panel-width);position:relative;background:#fff;box-shadow:5px 10px 15px 5px rgba(0,21,41,.08)}.design-panel-container .design-panel .design-content_inner .design-content-scroll .design-content-bg{background-image:linear-gradient(90deg,rgba(0,0,0,.1) 3%,transparent 0),linear-gradient(1turn,rgba(0,0,0,.1) 3%,transparent 0);background-size:5mm 5mm;background-position:0 0}.design-panel-container .advanced-config{overflow:hidden;background:#fff}.design-panel-container .handle-panel-icon{color:var(--drag-h-color);width:18px;height:18px;margin-left:1px;margin-right:1px;margin-top:5px;font-size:15px;display:flex;align-items:center;justify-content:center;border-radius:2px}.design-panel-container .handle-panel-icon:hover{background:var(--bg-highlight-color)}.design-panel-container .handle-panel-icon-active{color:#fff;background:var(--drag-h-color)}.dropInIs{z-index:999;background:#fff;outline:4px solid var(--drag-h-color)}.dropInIs:before{position:absolute;width:100%;height:100%;content:"";background:rgba(230,233,250,.4)}.mouse-tips{position:absolute;left:15px;z-index:1000;top:0;will-change:transform;color:var(--drag-h-color)}