@opentiny/vue-theme
Version:
An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.
1 lines • 15 kB
CSS
.tiny-editor-wrapper{--tv-FluentEditor-select-icon-color:var(--tv-color-icon, #808080);--tv-FluentEditor-select-icon-color-hover:var(--tv-color-icon-hover, #191919);--tv-FluentEditor-select-bg-color:var(--tv-color-bg-2, #ffffff);--tv-FluentEditor-select-bg-color-hover:var(--tv-color-bg-hover, #f5f5f5);--tv-FluentEditor-select-text-color:var(--tv-color-text, #191919);--tv-FluentEditor-select-border-color-hover:var(--tv-color-border-hover, #191919);--tv-FluentEditor-selected-text-color:var(--tv-color-text-secondary, #595959);--tv-FluentEditor-select-active-text-color:var(--tv-color-text-active, #1476ff);--tv-FluentEditor-select-border-radius:var(--tv-border-radius-md, 6px);--tv-FluentEditor-select-box-shadow:var(--tv-shadow-2-down, 0 2px 12px 0 rgba(0, 0, 0, 0.16));--tv-FluentEditor-select-box-icon-color:var(--tv-color-icon, #808080);border:1px solid #ddd;border-radius:4px}.tiny-editor-wrapper .ql-toolbar.ql-snow{padding:8px 16px 4px;border:none}.tiny-editor-wrapper .ql-toolbar.ql-snow svg{font-size:16px}.tiny-editor-wrapper .ql-toolbar.ql-snow svg path{fill:var(--tv-FluentEditor-select-icon-color)}.tiny-editor-wrapper .ql-toolbar.ql-snow svg path:focus,.tiny-editor-wrapper .ql-toolbar.ql-snow svg path:hover{fill:var(--tv-FluentEditor-select-icon-color-hover)}.tiny-editor-wrapper .ql-toolbar.ql-snow .ql-formats{margin-right:16px;margin-bottom:4px}.tiny-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-color-picker .ql-picker-options{width:180px}.tiny-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-color-picker .ql-picker-label>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}.tiny-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-picker-label{border:none;padding:0 28px 0 8px}.tiny-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-picker-label.ql-active,.tiny-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-picker-label:hover{color:#191919}.tiny-editor-wrapper .ql-toolbar.ql-snow .ql-formats span.ql-font .ql-picker-label,.tiny-editor-wrapper .ql-toolbar.ql-snow .ql-formats span.ql-header .ql-picker-label,.tiny-editor-wrapper .ql-toolbar.ql-snow .ql-formats span.ql-lineheight .ql-picker-label,.tiny-editor-wrapper .ql-toolbar.ql-snow .ql-formats span.ql-size .ql-picker-label{color:var(--tv-FluentEditor-selected-text-color);border:1px solid transparent;border-radius:2px}.tiny-editor-wrapper .ql-toolbar.ql-snow .ql-formats span.ql-font .ql-picker-label>svg,.tiny-editor-wrapper .ql-toolbar.ql-snow .ql-formats span.ql-header .ql-picker-label>svg,.tiny-editor-wrapper .ql-toolbar.ql-snow .ql-formats span.ql-lineheight .ql-picker-label>svg,.tiny-editor-wrapper .ql-toolbar.ql-snow .ql-formats span.ql-size .ql-picker-label>svg{display:none}.tiny-editor-wrapper .ql-toolbar.ql-snow .ql-formats span.ql-font .ql-picker-label:hover,.tiny-editor-wrapper .ql-toolbar.ql-snow .ql-formats span.ql-header .ql-picker-label:hover,.tiny-editor-wrapper .ql-toolbar.ql-snow .ql-formats span.ql-lineheight .ql-picker-label:hover,.tiny-editor-wrapper .ql-toolbar.ql-snow .ql-formats span.ql-size .ql-picker-label:hover{border-color:var(--tv-FluentEditor-select-border-color-hover)}.tiny-editor-wrapper .ql-toolbar.ql-snow .ql-formats span.ql-font .ql-picker-label::after,.tiny-editor-wrapper .ql-toolbar.ql-snow .ql-formats span.ql-header .ql-picker-label::after,.tiny-editor-wrapper .ql-toolbar.ql-snow .ql-formats span.ql-lineheight .ql-picker-label::after,.tiny-editor-wrapper .ql-toolbar.ql-snow .ql-formats span.ql-size .ql-picker-label::after{display:inline-block;content:'';position:absolute;width:8px;height:8px;right:8px;top:calc(50% - 5px);border-color:var(--tv-FluentEditor-select-box-icon-color);border-style:solid;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.tiny-editor-wrapper .ql-toolbar.ql-snow .ql-formats span.ql-font .ql-picker-label:hover,.tiny-editor-wrapper .ql-toolbar.ql-snow .ql-formats span.ql-header .ql-picker-label:hover,.tiny-editor-wrapper .ql-toolbar.ql-snow .ql-formats span.ql-lineheight .ql-picker-label:hover,.tiny-editor-wrapper .ql-toolbar.ql-snow .ql-formats span.ql-size .ql-picker-label:hover{border-color:var(--tv-FluentEditor-select-border-color-hover);color:var(--tv-FluentEditor-select-text-color)}.tiny-editor-wrapper .ql-toolbar.ql-snow .ql-formats span.ql-font{width:96px}.tiny-editor-wrapper .ql-toolbar.ql-snow .ql-formats span.ql-lineheight{margin-right:24px}.tiny-editor-wrapper .ql-toolbar.ql-snow .ql-formats span.ql-lineheight>span{width:60px}.tiny-editor-wrapper .ql-toolbar.ql-snow .ql-formats span.ql-header{width:104px}.tiny-editor-wrapper .ql-toolbar.ql-snow .ql-formats>span.ql-picker:not(:last-of-type){margin-right:8px}.tiny-editor-wrapper .ql-toolbar.ql-snow .ql-formats span.ql-picker.ql-expanded .ql-picker-label,.tiny-editor-wrapper .ql-toolbar.ql-snow .ql-formats span.ql-picker.ql-expanded:hover .ql-picker-label{border-color:#0072e8}.tiny-editor-wrapper .ql-toolbar.ql-snow .ql-formats span.ql-picker.ql-expanded .ql-picker-label svg,.tiny-editor-wrapper .ql-toolbar.ql-snow .ql-formats span.ql-picker.ql-expanded:hover .ql-picker-label svg{fill:#0072e8}.tiny-editor-wrapper .ql-toolbar.ql-snow .ql-formats span.ql-picker.ql-expanded .ql-picker-options,.tiny-editor-wrapper .ql-toolbar.ql-snow .ql-formats span.ql-picker.ql-expanded:hover .ql-picker-options{padding:3px 5px;border:none;background-color:var(--tv-FluentEditor-select-bg-color);border-radius:var(--tv-FluentEditor-select-border-radius);-webkit-box-shadow:var(--tv-FluentEditor-select-box-shadow);box-shadow:var(--tv-FluentEditor-select-box-shadow)}.tiny-editor-wrapper .ql-toolbar.ql-snow .ql-formats span.ql-picker.ql-expanded .ql-picker-options>.ql-picker-item,.tiny-editor-wrapper .ql-toolbar.ql-snow .ql-formats span.ql-picker.ql-expanded:hover .ql-picker-options>.ql-picker-item{color:var(--tv-FluentEditor-select-text-color)}.tiny-editor-wrapper .ql-toolbar.ql-snow .ql-formats span.ql-picker.ql-expanded .ql-picker-options>.ql-picker-item:hover,.tiny-editor-wrapper .ql-toolbar.ql-snow .ql-formats span.ql-picker.ql-expanded:hover .ql-picker-options>.ql-picker-item:hover{background-color:var(--tv-FluentEditor-select-bg-color-hover);color:var(--tv-FluentEditor-select-active-text-color)}.tiny-editor-wrapper .ql-toolbar.ql-snow .ql-formats span.ql-picker.ql-expanded .ql-picker-options>.ql-picker-item::after,.tiny-editor-wrapper .ql-toolbar.ql-snow .ql-formats span.ql-picker.ql-expanded:hover .ql-picker-options>.ql-picker-item::after{display:none}.tiny-editor-wrapper .ql-toolbar.ql-snow .ql-formats span.ql-picker.ql-expanded.ql-align .ql-picker-options>.ql-picker-item,.tiny-editor-wrapper .ql-toolbar.ql-snow .ql-formats span.ql-picker.ql-expanded:hover.ql-align .ql-picker-options>.ql-picker-item{width:100%;padding:4px 6px 0 6px}.tiny-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-align.ql-picker,.tiny-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-background.ql-picker,.tiny-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-color.ql-picker{width:auto;margin-right:8px}.tiny-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-align.ql-picker:last-of-type,.tiny-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-background.ql-picker:last-of-type,.tiny-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-color.ql-picker:last-of-type{margin-right:0}.tiny-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-align.ql-picker .ql-picker-label,.tiny-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-align.ql-picker .ql-picker-options,.tiny-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-background.ql-picker .ql-picker-label,.tiny-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-background.ql-picker .ql-picker-options,.tiny-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-color.ql-picker .ql-picker-label,.tiny-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-color.ql-picker .ql-picker-options{padding:0}.tiny-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-align.ql-picker .ql-picker-label svg,.tiny-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-align.ql-picker .ql-picker-options svg,.tiny-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-background.ql-picker .ql-picker-label svg,.tiny-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-background.ql-picker .ql-picker-options svg,.tiny-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-color.ql-picker .ql-picker-label svg,.tiny-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-color.ql-picker .ql-picker-options svg{font-size:16px}.tiny-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-align.ql-picker .ql-picker-label{padding:4px 6px 0}.tiny-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-background.ql-picker{margin-right:0}.tiny-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-direction:not(.ql-active)>div:first-child svg{display:inline-block}.tiny-editor-wrapper .ql-toolbar.ql-snow .ql-formats .ql-direction.ql-active>div:last-child svg{display:inline-block}.tiny-editor-wrapper .ql-toolbar.ql-snow .ql-formats>button{padding:0;width:auto;margin-right:8px}.tiny-editor-wrapper .ql-toolbar.ql-snow .ql-formats>button svg{width:16px;font-size:16px}.tiny-editor-wrapper .ql-toolbar.ql-snow .ql-formats>button:hover svg{fill:#0072e8}.tiny-editor-wrapper .ql-toolbar.ql-snow .ql-formats>button.ql-fullscreen svg{width:12px;font-size:12px}.tiny-editor-wrapper .ql-toolbar.ql-snow .ql-formats button:last-child{margin-right:0}.tiny-editor-wrapper .tiny-editor.ql-container.ql-snow{border:none}.tiny-editor-wrapper .tiny-editor.ql-disabled .ql-editor .quill-better-table-wrapper{pointer-events:none}.tiny-editor-wrapper .tiny-editor .ql-editor{padding:8px 0 86px;margin:0 16px;border-top:1px solid #ddd}.tiny-editor-wrapper .tiny-editor .ql-tooltip a.ql-preview,.tiny-editor-wrapper .tiny-editor .ql-tooltip a.ql-remove{position:relative;height:28px}.tiny-editor-wrapper .tiny-editor .ql-tooltip a.ql-preview .icon-delete::before,.tiny-editor-wrapper .tiny-editor .ql-tooltip a.ql-preview .icon-share::before,.tiny-editor-wrapper .tiny-editor .ql-tooltip a.ql-remove .icon-delete::before,.tiny-editor-wrapper .tiny-editor .ql-tooltip a.ql-remove .icon-share::before{display:none}.tiny-editor-wrapper .tiny-editor .ql-tooltip a.ql-preview .icon-delete::after,.tiny-editor-wrapper .tiny-editor .ql-tooltip a.ql-preview .icon-share::after,.tiny-editor-wrapper .tiny-editor .ql-tooltip a.ql-remove .icon-delete::after,.tiny-editor-wrapper .tiny-editor .ql-tooltip a.ql-remove .icon-share::after{content:'';position:absolute;width:14px;height:14px;right:0;top:calc(50% + 1px);-webkit-transform:translateY(-50%);transform:translateY(-50%)}.tiny-editor-wrapper .tiny-editor .ql-tooltip a.ql-preview .icon-share::after,.tiny-editor-wrapper .tiny-editor .ql-tooltip a.ql-remove .icon-share::after{background:url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3Cg id='1920' stroke='none' stroke-width='1'%3E %3Cg id='编组'%3E %3Cpath d='M13.2,3.9990003 C13.614,3.9990003 13.95,4.3350003 13.95,4.7490003 C13.95,5.1640003 13.614,5.4990003 13.2,5.4990003 L5,5.4990003 C4.173,5.4990003 3.5,6.1720003 3.5,6.9990003 L3.5,17.0000003 C3.5,17.8260003 4.173,18.4990003 5,18.4990003 L19,18.4990003 C19.827,18.4990003 20.5,17.8260003 20.5,17.0000003 L20.5,13.5 C20.5,13.086 20.836,12.75 21.25,12.75 C21.664,12.75 22,13.086 22,13.5 L22,17.0000003 C22,18.6530003 20.654,19.9990003 19,19.9990003 L5,19.9990003 C3.346,19.9990003 2,18.6530003 2,17.0000003 L2,6.9990003 C2,5.3450003 3.346,3.9990003 5,3.9990003 L13.2,3.9990003 Z M18.0023164,3.3383773 L22.6603164,7.9953773 C22.8773164,8.2123773 22.9973164,8.5023773 22.9973164,8.8103773 C22.9973164,9.1183773 22.8773164,9.4083773 22.6593164,9.6253773 L18.0013164,14.2833773 C17.7823164,14.5033773 17.4883164,14.6213773 17.1883164,14.6213773 C17.0393164,14.6213773 16.8903164,14.5923773 16.7473164,14.5343773 C16.3143164,14.3553773 16.0353164,13.9363773 16.0353164,13.4683773 L16.0351258,11.5292019 C12.4830849,11.495301 10.0281134,12.6100234 8.57782162,14.8565538 C8.353165,15.2045513 7.88893709,15.3045389 7.54093956,15.0798823 C7.46994218,15.0340485 7.4092677,14.9782431 7.35956687,14.9154874 C7.23782579,14.7653384 7.17241449,14.5686069 7.19411637,14.3611773 C7.20284807,14.2806516 8.11237143,6.53351357 16.0347724,6.07168054 L16.0353164,4.1523773 C16.0353164,3.6843773 16.3143164,3.2663773 16.7463164,3.0873773 C17.1803164,2.9093773 17.6713164,3.0083773 18.0023164,3.3383773 Z M17.5353164,4.9923773 L17.5353164,6.8003773 C17.5353164,7.1798773 17.252983,7.49383564 16.8870421,7.54352661 L16.7851164,7.5501773 C12.577034,7.5501773 10.5375514,9.78189146 9.55995782,11.7208231 C11.3896788,10.4624236 13.8092457,9.90786691 16.783675,10.0506395 C16.9072215,10.0565697 17.0223473,10.0920719 17.1225361,10.1499726 C17.367194,10.273708 17.5353164,10.5275285 17.5353164,10.8203773 L17.5353164,12.6283773 L21.3533164,8.8103773 L17.5353164,4.9923773 Z' id='形状结合'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/svg%3E") no-repeat center/100%}.tiny-editor-wrapper .tiny-editor .ql-tooltip a.ql-preview .icon-delete::after,.tiny-editor-wrapper .tiny-editor .ql-tooltip a.ql-remove .icon-delete::after{background:url("data:image/svg+xml,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' xml:space='preserve'%3E %3Cg id='Icon'%3E %3Cg id='UI-icons-英文名' transform='translate(-622.000000, -1647.000000)'%3E %3Cg id='网站通用图标' transform='translate(101.000000, 1053.000000)'%3E %3Cg id='del' transform='translate(519.000000, 593.000000)'%3E %3Cpath id='Shape' class='st0' d='M24.8,6.3C24.6,6.1,24.2,6,24,6h-4V4.7C20,3.7,19.1,3,18.2,3h-7.4C9.9,3,9,3.7,9,4.7V6H5 C4.5,6,4,6.5,4,7s0.5,1,1,1h1v14c0,0.9,1.1,2,2,2l13,0c0.9,0,2-1.1,2-2V8h1c0.5,0,1-0.5,1-1C25,6.8,25,6.4,24.8,6.3z M11,5h7v1 h-7V5z M8,22V8h1.9H21v14H8z'/%3E %3Cpath id='Rectangle-3' class='st0' d='M12,10L12,10c0.6,0,1,0.4,1,1v8c0,0.6-0.4,1-1,1l0,0c-0.6,0-1-0.4-1-1v-8 C11,10.4,11.4,10,12,10z'/%3E %3Cpath id='Rectangle-3-Copy' class='st0' d='M17,10L17,10c0.6,0,1,0.4,1,1v8c0,0.6-0.4,1-1,1l0,0c-0.6,0-1-0.4-1-1v-8 C16,10.4,16.4,10,17,10z'/%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E") no-repeat center/100%}.tiny-editor-wrapper .toolbar-icon{position:absolute;left:-9999px;opacity:0;z-index:-1;width:0;height:0}.tiny-editor-wrapper .ql-tooltip a.ql-preview,.tiny-editor-wrapper .ql-tooltip a.ql-remove{min-width:16px;margin:0 8px 0 0;padding:0}.tiny-editor-wrapper .ql-tooltip a.ql-preview:hover,.tiny-editor-wrapper .ql-tooltip a.ql-remove:hover{background-color:#fff}.tiny-editor-wrapper .ql-tooltip a.ql-preview{margin-left:6px}.tiny-editor-wrapper.fullscreen{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff}