@srcker/editor-vue-next 1.0.9 → 1.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +29 -8
- package/dist/rich-editor.es.js +283 -210
- package/dist/style/content.css +1 -1
- package/dist/style/toolbar.css +1 -1
- package/package.json +1 -1
package/dist/style/content.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.srcker-html-content{outline:none;min-height:100%;font-size:16px;line-height:1.6;color:var(--color);background:var(--background)}.srcker-html-content .is-focused{background:var(--hover-background)}.srcker-html-content p.is-editor-empty:first-child:before{color:#888;content:attr(data-placeholder);float:left;height:0;pointer-events:none}.srcker-html-content ul,.srcker-html-content ol{padding-left:1.5rem;margin:.5rem 0}.srcker-html-content ul[style*=list-style-type],.srcker-html-content ol[style*=list-style-type]{padding-left:40px!important}.srcker-html-content ul li,.srcker-html-content ol li{padding:0;margin:0}.srcker-html-content blockquote{border-left:3px solid var(--border-color);margin:1rem 0;padding-left:1rem;font-style:italic;color:#555;background:#00000005}.srcker-html-content code{background:#f0f0f0;color:#c7254e;border-radius:4px;font-size:12px;padding:.25em .3em;font-family:JetBrainsMono,monospace}.srcker-html-content pre{background:#000;border-radius:5px;color:#fff;font-family:JetBrainsMono,monospace;margin:15px 0;padding:5px 10px}.srcker-html-content pre code{background:none;color:inherit;font-size:12px;padding:0}.srcker-html-content hr{border:none;border-top:1px solid #ccc;margin:20px 0}.srcker-html-content a{color:#1890ff;text-decoration:underline;cursor:pointer}.srcker-html-content h1,.srcker-html-content h2,.srcker-html-content h3,.srcker-html-content h4,.srcker-html-content h5,.srcker-html-content h6{margin-top:1em;margin-bottom:.5em;line-height:1.3;padding-left:0!important}.srcker-html-content img.resizable-image{cursor:pointer;transition:opacity .2s}.srcker-html-content img.resizable-image:hover{opacity:.8}.srcker-html-content img{max-width:100%}.srcker-html-content.light{--color: #1f1f1f;--background: #ffffff;--border-color: rgba(0, 0, 0, .1);--active-color: #1677ff;--active-background: #e6f4ff;--hover-color: #555;--hover-background: rgba(0, 0, 0, .05);--disabled-color: rgba(0, 0, 0, .4);--disabled-background: #f5f5f5}.srcker-html-content.light blockquote{color:#555;background:#00000005}.srcker-html-content.light code{background:#f0f0f0;color:#c7254e}.srcker-html-content.light pre{background:#f6f8fa;color:#24292e}.srcker-html-content.light hr{border-top-color:#0000001f}.srcker-html-content.dark{--color: rgba(255, 255, 255, .9);--background: #0e0e11;--border-color: rgba(255, 255, 255, .1);--active-color: #226bf0;--active-background: rgba(255, 255, 255, .08);--hover-color: #aaa;--hover-background: rgba(255, 255, 255, .1);--disabled-color: rgba(255, 255, 255, .4);--disabled-background: rgba(255, 255, 255, .05)}.srcker-html-content.dark blockquote{color:#aaa}.srcker-html-content.dark code{background:#333;color:#fff}.srcker-html-content.dark pre{background:#000;color:#fff}.srcker-html-content.dark hr{border-top-color:#ffffff26}
|
|
1
|
+
.srcker-html-content{outline:none;min-height:100%;font-size:16px;line-height:1.6;color:var(--color);background:var(--background)}.srcker-html-content .is-focused{background:var(--hover-background)}.srcker-html-content p.is-editor-empty:first-child:before{color:#888;content:attr(data-placeholder);float:left;height:0;pointer-events:none}.srcker-html-content ul,.srcker-html-content ol{padding-left:1.5rem;margin:.5rem 0}.srcker-html-content ul[style*=list-style-type],.srcker-html-content ol[style*=list-style-type]{padding-left:40px!important}.srcker-html-content ul li,.srcker-html-content ol li{padding:0;margin:0}.srcker-html-content blockquote{border-left:3px solid var(--border-color);margin:1rem 0;padding-left:1rem;font-style:italic;color:#555;background:#00000005}.srcker-html-content code{background:#f0f0f0;color:#c7254e;border-radius:4px;font-size:12px;padding:.25em .3em;font-family:JetBrainsMono,monospace}.srcker-html-content pre{background:#000;border-radius:5px;color:#fff;font-family:JetBrainsMono,monospace;margin:15px 0;padding:5px 10px}.srcker-html-content pre code{background:none;color:inherit;font-size:12px;padding:0}.srcker-html-content hr{border:none;border-top:1px solid #ccc;margin:20px 0}.srcker-html-content a{color:#1890ff;text-decoration:underline;cursor:pointer}.srcker-html-content h1,.srcker-html-content h2,.srcker-html-content h3,.srcker-html-content h4,.srcker-html-content h5,.srcker-html-content h6{margin-top:1em;margin-bottom:.5em;line-height:1.3;padding-left:0!important}.srcker-html-content img.resizable-image{cursor:pointer;transition:opacity .2s}.srcker-html-content img.resizable-image:hover{opacity:.8}.srcker-html-content img{max-width:100%}.srcker-html-content ul[data-type=taskList]{list-style:none;margin-left:0;padding:0}.srcker-html-content ul[data-type=taskList] li{align-items:flex-start;display:flex}.srcker-html-content ul[data-type=taskList] li>label{flex:0 0 auto;margin-right:.5em;-webkit-user-select:none;user-select:none}.srcker-html-content ul[data-type=taskList] li>div{flex:1 1 auto}.srcker-html-content ul[data-type=taskList] input[type=checkbox]{cursor:pointer}.srcker-html-content ul[data-type=taskList] ul[data-type=taskList]{margin:0}.srcker-html-content.light{--color: #1f1f1f;--background: #ffffff;--border-color: rgba(0, 0, 0, .1);--active-color: #1677ff;--active-background: #e6f4ff;--hover-color: #555;--hover-background: rgba(0, 0, 0, .05);--disabled-color: rgba(0, 0, 0, .4);--disabled-background: #f5f5f5}.srcker-html-content.light blockquote{color:#555;background:#00000005}.srcker-html-content.light code{background:#f0f0f0;color:#c7254e}.srcker-html-content.light pre{background:#f6f8fa;color:#24292e}.srcker-html-content.light hr{border-top-color:#0000001f}.srcker-html-content.dark{--color: rgba(255, 255, 255, .9);--background: #0e0e11;--border-color: rgba(255, 255, 255, .1);--active-color: #226bf0;--active-background: rgba(255, 255, 255, .08);--hover-color: #aaa;--hover-background: rgba(255, 255, 255, .1);--disabled-color: rgba(255, 255, 255, .4);--disabled-background: rgba(255, 255, 255, .05)}.srcker-html-content.dark blockquote{color:#aaa}.srcker-html-content.dark code{background:#333;color:#fff}.srcker-html-content.dark pre{background:#000;color:#fff}.srcker-html-content.dark hr{border-top-color:#ffffff26}
|
package/dist/style/toolbar.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";.trigger[data-v-6741127f]{width:60px}.trigger[data-v-2a890871]{width:55px}.trigger[data-v-307ea6e9]{width:45px}.icon[data-v-fbcf4628]{display:inline-flex;align-items:center;justify-content:center}.icon svg[data-v-fbcf4628]{height:14px}.color-button[data-v-56dfdcbc]{position:relative;display:inline-flex;align-items:center}.color-button .trigger[data-v-56dfdcbc]{height:25px;padding:3px 8px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;border-radius:6px;font-size:14px;transition:all .3s cubic-bezier(.645,.045,.355,1);color:var(--color);background:var(--background)}.color-button .trigger[data-v-56dfdcbc]:hover,.color-button .trigger.is-open[data-v-56dfdcbc]{color:var(--hover-color);background:var(--hover-background)}.color-button .trigger .icon[data-v-56dfdcbc]{display:inline-flex;align-items:center;justify-content:center}.color-button .trigger .icon svg[data-v-56dfdcbc]{height:14px}.color-button .trigger .bar[data-v-56dfdcbc]{position:absolute;bottom:5px;width:15px;height:3px;left:50%;border:1px solid rgba(255,255,255,.5);transform:translate(-50%)}.color-button .trigger .label[data-v-56dfdcbc]{margin:0 5px;display:inline-flex;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.color-button .trigger .arrow[data-v-56dfdcbc]{font-size:14px;color:#666;display:inline-flex;align-items:center}.color-button .dropdown[data-v-56dfdcbc]{position:absolute;top:100%;left:0;margin-top:5px;background:#1f1f1f;box-shadow:0 0 15px #0000000d;border-radius:10px;z-index:1000;overflow-y:auto;padding:15px;transition:all .3s cubic-bezier(.46,.03,.52,.96)}.color-button .dropdown .grid[data-v-56dfdcbc]{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;width:300px}.color-button .dropdown .grid .item[data-v-56dfdcbc]{width:20px;height:20px;padding:2px;border-radius:50%;border:1px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.645,.045,.355,1)}.color-button .dropdown .grid .item[data-v-56dfdcbc]:hover{border-color:#ffffff80;z-index:1}.color-button .dropdown .grid .item .icon[data-v-56dfdcbc]{display:inline-flex;align-items:center;color:#fff}.color-button .dropdown .footer[data-v-56dfdcbc]{margin-top:20px;display:flex;align-items:center}.color-button .dropdown .footer label[data-v-56dfdcbc]{font-size:14px;color:#fff}.color-button .dropdown .footer .input[data-v-56dfdcbc]{flex:1;padding-left:15px}.color-button .dropdown .footer .input input[data-v-56dfdcbc]{padding:0;block-size:20px;border:none;inline-size:40px}.color-button .dropdown .footer .button[data-v-56dfdcbc]{display:flex;align-items:center;padding:5px 15px;border-radius:12px;color:#ffffff80;background:#ffffff1a;font-size:14px;justify-content:center}.color-button .dropdown .footer .button[data-v-56dfdcbc]:hover{cursor:pointer;background:#0003;color:#fffc}.color-button[data-v-d4f91033]{position:relative;display:inline-flex;align-items:center}.color-button .trigger[data-v-d4f91033]{height:25px;padding:3px 8px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;border-radius:6px;font-size:14px;transition:all .3s cubic-bezier(.645,.045,.355,1);color:var(--color);background:var(--background)}.color-button .trigger[data-v-d4f91033]:hover,.color-button .trigger.is-open[data-v-d4f91033]{color:var(--hover-color);background:var(--hover-background)}.color-button .trigger .icon[data-v-d4f91033]{display:inline-flex;align-items:center;justify-content:center}.color-button .trigger .icon svg[data-v-d4f91033]{height:14px}.color-button .trigger .bar[data-v-d4f91033]{position:absolute;bottom:5px;width:15px;height:3px;left:50%;transform:translate(-50%);border:1px solid rgba(255,255,255,.5)}.color-button .trigger .label[data-v-d4f91033]{margin:0 5px;display:inline-flex;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.color-button .trigger .arrow[data-v-d4f91033]{font-size:14px;color:#666;display:inline-flex;align-items:center}.color-button .dropdown[data-v-d4f91033]{position:absolute;top:100%;left:0;margin-top:5px;background:#1f1f1f;box-shadow:0 0 15px #0000000d;border-radius:10px;z-index:1000;overflow-y:auto;padding:15px;transition:all .3s cubic-bezier(.46,.03,.52,.96)}.color-button .dropdown .grid[data-v-d4f91033]{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;width:300px}.color-button .dropdown .grid .item[data-v-d4f91033]{width:20px;height:20px;padding:2px;border-radius:50%;border:1px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.645,.045,.355,1)}.color-button .dropdown .grid .item[data-v-d4f91033]:hover{border-color:#ffffff80;z-index:1}.color-button .dropdown .grid .item .icon[data-v-d4f91033]{display:inline-flex;align-items:center;color:#fff}.color-button .dropdown .footer[data-v-d4f91033]{margin-top:20px;display:flex;align-items:center}.color-button .dropdown .footer label[data-v-d4f91033]{font-size:14px;color:#fff}.color-button .dropdown .footer .input[data-v-d4f91033]{flex:1;padding-left:15px}.color-button .dropdown .footer .input input[data-v-d4f91033]{padding:0;block-size:20px;border:none;inline-size:40px}.color-button .dropdown .footer .button[data-v-d4f91033]{display:flex;align-items:center;padding:5px 15px;border-radius:12px;color:#ffffff80;background:#ffffff1a;font-size:14px;justify-content:center}.color-button .dropdown .footer .button[data-v-d4f91033]:hover{cursor:pointer;background:#0003;color:#fffc}.list-button .dropdown .item .icon[data-v-db1b450f]{display:inline-flex;align-items:center;justify-content:center;font-size:12px}.list-button[data-v-683570d4]{width:auto}.list-button .dropdown .item .icon[data-v-683570d4]{display:inline-flex;align-items:center;justify-content:center;margin-right:5px;width:15px;height:15px;border-radius:3px;font-size:12px;font-weight:700;transform:scale(.8);padding:0;background:#0003}.toolbar[data-v-5db8794e]{background:var(--background);padding:5px;display:flex;flex-wrap:wrap;align-items:center;gap:0 5px;-webkit-user-select:none;user-select:none;position:relative;border-bottom:1px solid var(--border-color)}.toolbar .dropdown-enter-active[data-v-5db8794e],.toolbar .dropdown-leave-active[data-v-5db8794e]{transition:opacity .1s ease,transform .1s cubic-bezier(.4,0,.2,1);transform-origin:top center}.toolbar .dropdown-enter-from[data-v-5db8794e],.toolbar .dropdown-leave-to[data-v-5db8794e]{opacity:0;transform:scale(.95) translateY(-4px)}.toolbar .dropdown-enter-to[data-v-5db8794e],.toolbar .dropdown-leave-from[data-v-5db8794e]{opacity:1;transform:scale(1) translateY(0)}.toolbar .group[data-v-5db8794e]{display:flex;align-items:center;gap:0 5px;padding:0 5px;position:relative}.toolbar .group[data-v-5db8794e]:after{content:" ";width:1px;height:20px;position:absolute;right:0;top:50%;transform:translateY(-50%);background:var(--border-color)}.toolbar .group[data-v-5db8794e]:last-child:after{width:0;content:""}.toolbar[data-v-5db8794e] .icon-button{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:transparent;border-radius:6px;cursor:pointer;font-size:14px;color:var(--color);border:none;position:relative;transition:all .3s cubic-bezier(.645,.045,.355,1)}.toolbar[data-v-5db8794e] .icon-button .icon{display:flex;align-items:center;justify-content:center}.toolbar[data-v-5db8794e] .icon-button .icon svg{width:14px;height:14px}.toolbar[data-v-5db8794e] .icon-button:hover{color:var(--hover-color);background:var(--hover-background)}.toolbar[data-v-5db8794e] .icon-button:hover .tips{opacity:1}.toolbar[data-v-5db8794e] .icon-button.active{background:var(--active-background);color:var(--active-color)}.toolbar[data-v-5db8794e] .icon-button:disabled{color:var(--disabled-color);background:var(--disabled-background);cursor:not-allowed}.toolbar[data-v-5db8794e] .icon-button .tips{position:absolute;background:#000;color:#fff;font-size:12px;white-space:nowrap;padding:5px 10px;border-radius:5px;left:50%;bottom:-30px;z-index:88;opacity:0;transition:all .3s cubic-bezier(.645,.045,.355,1);transform:translate(-50%)}.toolbar[data-v-5db8794e] .icon-button .tips:after{content:"";position:absolute;left:50%;top:-6px;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #000}.toolbar[data-v-5db8794e] .dropdown-button{position:relative;display:inline-flex;align-items:center}.toolbar[data-v-5db8794e] .dropdown-button .trigger{height:25px;padding:3px 8px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;border-radius:6px;font-size:14px;transition:all .3s cubic-bezier(.645,.045,.355,1);color:var(--color);background:var(--background)}.toolbar[data-v-5db8794e] .dropdown-button .trigger:hover,.toolbar[data-v-5db8794e] .dropdown-button .trigger.is-open{color:var(--hover-color);background:var(--hover-background)}.toolbar[data-v-5db8794e] .dropdown-button .trigger .icon{display:inline-flex;align-items:center;justify-content:center}.toolbar[data-v-5db8794e] .dropdown-button .trigger .icon svg{height:14px}.toolbar[data-v-5db8794e] .dropdown-button .trigger .label{margin:0 5px;display:inline-flex;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toolbar[data-v-5db8794e] .dropdown-button .trigger .arrow{font-size:14px;color:#666;display:inline-flex;align-items:center}.toolbar[data-v-5db8794e] .dropdown-button .dropdown{position:absolute;top:100%;left:0;margin-top:5px;background:#333;box-shadow:0 0 15px #0000000d;border-radius:10px;z-index:1000;overflow-y:auto;padding:5px 0;transition:all .3s cubic-bezier(.46,.03,.52,.96)}.toolbar[data-v-5db8794e] .dropdown-button .dropdown .item{display:flex;align-items:center;cursor:pointer;position:relative;padding:5px 20px;line-height:30px;color:var(--color)}.toolbar[data-v-5db8794e] .dropdown-button .dropdown .item:hover{background-color:var(--hover-background)}.toolbar[data-v-5db8794e] .dropdown-button .dropdown .item.is-selected{background-color:var(--active-background)}.toolbar[data-v-5db8794e] .dropdown-button .dropdown .item .icon{font-size:14px;width:20px;display:flex;align-items:center;justify-content:center;font-weight:700;padding-right:10px;opacity:.5}.toolbar[data-v-5db8794e] .dropdown-button .dropdown .item .text{font-size:14px;white-space:nowrap}.srcker-editor[data-v-08b75f5f]{display:flex;flex-direction:column}.srcker-editor.dark[data-v-08b75f5f]{--color: rgba(255, 255, 255, .9);--background: #0e0e11;--border-color: rgba(255, 255, 255, .1);--active-color: #226bf0;--active-background: rgba(255, 255, 255, .08);--hover-color: #aaa;--hover-background: rgba(255, 255, 255, .1);--disabled-color: rgba(255, 255, 255, .4);--disabled-background: none}.srcker-editor.light[data-v-08b75f5f]{--color: #1f1f1f;--background: #ffffff;--border-color: rgba(0, 0, 0, .1);--active-color: #1677ff;--active-background: #e6f4ff;--hover-color: #555;--hover-background: rgba(0, 0, 0, .05);--disabled-color: rgba(0, 0, 0, .4);--disabled-background: none}.srcker-editor .bubble-menu[data-v-08b75f5f]{padding:5px;background:#fff;box-shadow:0 0 15px #00000026;display:flex;align-items:center;gap:0 10px;border-radius:10px}.srcker-editor .bubble-menu button[data-v-08b75f5f]{outline:none;border:none;font-size:14px;color:#333;font-weight:700;background:none;cursor:pointer;padding:8px 10px;border-radius:8px;transition:all .2s ease-in-out}.srcker-editor .bubble-menu button[data-v-08b75f5f]:hover{background:#00000026}.srcker-editor .editor-body[data-v-08b75f5f]{flex:1;cursor:text;padding:20px;min-height:400px;color:var(--color);background:var(--background)}.srcker-editor .editor-body[data-v-08b75f5f] .ProseMirror{outline:none}
|
|
1
|
+
@charset "UTF-8";.trigger[data-v-5aae4186]{width:55px}.trigger[data-v-69936158]{width:75px}.trigger[data-v-5cb0ec55]{width:80px}.icon[data-v-fbcf4628]{display:inline-flex;align-items:center;justify-content:center}.icon svg[data-v-fbcf4628]{height:14px}.color-button[data-v-56dfdcbc]{position:relative;display:inline-flex;align-items:center}.color-button .trigger[data-v-56dfdcbc]{height:25px;padding:3px 8px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;border-radius:6px;font-size:14px;transition:all .3s cubic-bezier(.645,.045,.355,1);color:var(--color);background:var(--background)}.color-button .trigger[data-v-56dfdcbc]:hover,.color-button .trigger.is-open[data-v-56dfdcbc]{color:var(--hover-color);background:var(--hover-background)}.color-button .trigger .icon[data-v-56dfdcbc]{display:inline-flex;align-items:center;justify-content:center}.color-button .trigger .icon svg[data-v-56dfdcbc]{height:14px}.color-button .trigger .bar[data-v-56dfdcbc]{position:absolute;bottom:5px;width:15px;height:3px;left:50%;border:1px solid rgba(255,255,255,.5);transform:translate(-50%)}.color-button .trigger .label[data-v-56dfdcbc]{margin:0 5px;display:inline-flex;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.color-button .trigger .arrow[data-v-56dfdcbc]{font-size:14px;color:#666;display:inline-flex;align-items:center}.color-button .dropdown[data-v-56dfdcbc]{position:absolute;top:100%;left:0;margin-top:5px;background:#1f1f1f;box-shadow:0 0 15px #0000000d;border-radius:10px;z-index:1000;overflow-y:auto;padding:15px;transition:all .3s cubic-bezier(.46,.03,.52,.96)}.color-button .dropdown .grid[data-v-56dfdcbc]{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;width:300px}.color-button .dropdown .grid .item[data-v-56dfdcbc]{width:20px;height:20px;padding:2px;border-radius:50%;border:1px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.645,.045,.355,1)}.color-button .dropdown .grid .item[data-v-56dfdcbc]:hover{border-color:#ffffff80;z-index:1}.color-button .dropdown .grid .item .icon[data-v-56dfdcbc]{display:inline-flex;align-items:center;color:#fff}.color-button .dropdown .footer[data-v-56dfdcbc]{margin-top:20px;display:flex;align-items:center}.color-button .dropdown .footer label[data-v-56dfdcbc]{font-size:14px;color:#fff}.color-button .dropdown .footer .input[data-v-56dfdcbc]{flex:1;padding-left:15px}.color-button .dropdown .footer .input input[data-v-56dfdcbc]{padding:0;block-size:20px;border:none;inline-size:40px}.color-button .dropdown .footer .button[data-v-56dfdcbc]{display:flex;align-items:center;padding:5px 15px;border-radius:12px;color:#ffffff80;background:#ffffff1a;font-size:14px;justify-content:center}.color-button .dropdown .footer .button[data-v-56dfdcbc]:hover{cursor:pointer;background:#0003;color:#fffc}.color-button[data-v-d4f91033]{position:relative;display:inline-flex;align-items:center}.color-button .trigger[data-v-d4f91033]{height:25px;padding:3px 8px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;border-radius:6px;font-size:14px;transition:all .3s cubic-bezier(.645,.045,.355,1);color:var(--color);background:var(--background)}.color-button .trigger[data-v-d4f91033]:hover,.color-button .trigger.is-open[data-v-d4f91033]{color:var(--hover-color);background:var(--hover-background)}.color-button .trigger .icon[data-v-d4f91033]{display:inline-flex;align-items:center;justify-content:center}.color-button .trigger .icon svg[data-v-d4f91033]{height:14px}.color-button .trigger .bar[data-v-d4f91033]{position:absolute;bottom:5px;width:15px;height:3px;left:50%;transform:translate(-50%);border:1px solid rgba(255,255,255,.5)}.color-button .trigger .label[data-v-d4f91033]{margin:0 5px;display:inline-flex;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.color-button .trigger .arrow[data-v-d4f91033]{font-size:14px;color:#666;display:inline-flex;align-items:center}.color-button .dropdown[data-v-d4f91033]{position:absolute;top:100%;left:0;margin-top:5px;background:#1f1f1f;box-shadow:0 0 15px #0000000d;border-radius:10px;z-index:1000;overflow-y:auto;padding:15px;transition:all .3s cubic-bezier(.46,.03,.52,.96)}.color-button .dropdown .grid[data-v-d4f91033]{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;width:300px}.color-button .dropdown .grid .item[data-v-d4f91033]{width:20px;height:20px;padding:2px;border-radius:50%;border:1px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.645,.045,.355,1)}.color-button .dropdown .grid .item[data-v-d4f91033]:hover{border-color:#ffffff80;z-index:1}.color-button .dropdown .grid .item .icon[data-v-d4f91033]{display:inline-flex;align-items:center;color:#fff}.color-button .dropdown .footer[data-v-d4f91033]{margin-top:20px;display:flex;align-items:center}.color-button .dropdown .footer label[data-v-d4f91033]{font-size:14px;color:#fff}.color-button .dropdown .footer .input[data-v-d4f91033]{flex:1;padding-left:15px}.color-button .dropdown .footer .input input[data-v-d4f91033]{padding:0;block-size:20px;border:none;inline-size:40px}.color-button .dropdown .footer .button[data-v-d4f91033]{display:flex;align-items:center;padding:5px 15px;border-radius:12px;color:#ffffff80;background:#ffffff1a;font-size:14px;justify-content:center}.color-button .dropdown .footer .button[data-v-d4f91033]:hover{cursor:pointer;background:#0003;color:#fffc}.list-button .dropdown .item .icon[data-v-5a634115]{display:inline-flex;align-items:center;justify-content:center;font-size:12px}.list-button[data-v-1a4525ea]{width:auto}.list-button .dropdown .item .icon[data-v-1a4525ea]{display:inline-flex;align-items:center;justify-content:center;margin-right:5px;width:15px;height:15px;border-radius:3px;font-size:12px;font-weight:700;transform:scale(.8);padding:0;background:#0003}.toolbar[data-v-032877ca]{background:var(--background);padding:5px;display:flex;flex-wrap:wrap;align-items:center;gap:0 5px;-webkit-user-select:none;user-select:none;position:relative;border-bottom:1px solid var(--border-color)}.toolbar .dropdown-enter-active[data-v-032877ca],.toolbar .dropdown-leave-active[data-v-032877ca]{transition:opacity .1s ease,transform .1s cubic-bezier(.4,0,.2,1);transform-origin:top center}.toolbar .dropdown-enter-from[data-v-032877ca],.toolbar .dropdown-leave-to[data-v-032877ca]{opacity:0;transform:scale(.95) translateY(-4px)}.toolbar .dropdown-enter-to[data-v-032877ca],.toolbar .dropdown-leave-from[data-v-032877ca]{opacity:1;transform:scale(1) translateY(0)}.toolbar .tools[data-v-032877ca]{flex:1;display:flex;flex-wrap:wrap;align-items:center}.toolbar .tools .group[data-v-032877ca]{display:flex;align-items:center;gap:0 5px;padding:0 5px;position:relative}.toolbar .tools .group[data-v-032877ca]:after{content:" ";width:1px;height:20px;position:absolute;right:0;top:50%;transform:translateY(-50%);background:var(--border-color)}.toolbar .tools .group[data-v-032877ca]:last-child:after{width:0;content:""}.toolbar[data-v-032877ca] .icon-button{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:transparent;border-radius:6px;cursor:pointer;font-size:14px;color:var(--color);border:none;position:relative;transition:all .3s cubic-bezier(.645,.045,.355,1)}.toolbar[data-v-032877ca] .icon-button .icon{display:flex;align-items:center;justify-content:center}.toolbar[data-v-032877ca] .icon-button .icon svg{width:14px;height:14px}.toolbar[data-v-032877ca] .icon-button:hover{color:var(--hover-color);background:var(--hover-background)}.toolbar[data-v-032877ca] .icon-button:hover .tips{opacity:1}.toolbar[data-v-032877ca] .icon-button.active{background:var(--active-background);color:var(--active-color)}.toolbar[data-v-032877ca] .icon-button:disabled{color:var(--disabled-color);background:var(--disabled-background);cursor:not-allowed}.toolbar[data-v-032877ca] .icon-button .tips{position:absolute;background:#000;color:#fff;font-size:12px;white-space:nowrap;padding:10px;border-radius:5px;left:50%;bottom:-36px;z-index:88;opacity:0;line-height:1;transition:all .3s cubic-bezier(.645,.045,.355,1);transform:translate(-50%)}.toolbar[data-v-032877ca] .icon-button .tips:after{content:"";position:absolute;left:50%;top:-6px;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #000}.toolbar[data-v-032877ca] .dropdown-button{position:relative;display:inline-flex;align-items:center}.toolbar[data-v-032877ca] .dropdown-button .trigger{height:25px;padding:3px 8px;display:flex;align-items:center;position:relative;cursor:pointer;border-radius:6px;font-size:14px;transition:all .3s cubic-bezier(.645,.045,.355,1);color:var(--color);background:var(--background)}.toolbar[data-v-032877ca] .dropdown-button .trigger:hover,.toolbar[data-v-032877ca] .dropdown-button .trigger.is-open{color:var(--hover-color);background:var(--hover-background)}.toolbar[data-v-032877ca] .dropdown-button .trigger:hover .tips{opacity:1}.toolbar[data-v-032877ca] .dropdown-button .trigger .tips{position:absolute;background:#000;color:#fff;font-size:12px;white-space:nowrap;padding:10px;border-radius:5px;left:50%;bottom:-37px;z-index:88;opacity:0;line-height:1;transition:all .3s cubic-bezier(.645,.045,.355,1);transform:translate(-50%)}.toolbar[data-v-032877ca] .dropdown-button .trigger .tips:after{content:"";position:absolute;left:50%;top:-6px;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #000}.toolbar[data-v-032877ca] .dropdown-button .trigger .icon{display:inline-flex;align-items:center;justify-content:center}.toolbar[data-v-032877ca] .dropdown-button .trigger .icon svg{height:14px}.toolbar[data-v-032877ca] .dropdown-button .trigger .label{margin:0 5px;display:inline-flex;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toolbar[data-v-032877ca] .dropdown-button .trigger .arrow{font-size:14px;color:#666;display:inline-flex;align-items:center}.toolbar[data-v-032877ca] .dropdown-button .dropdown{position:absolute;top:100%;left:0;margin-top:5px;background:var(--background);box-shadow:0 0 15px #0000000d;border-radius:10px;z-index:1000;overflow-y:auto;padding:5px 0;transition:all .3s cubic-bezier(.46,.03,.52,.96)}.toolbar[data-v-032877ca] .dropdown-button .dropdown .item{display:flex;align-items:center;cursor:pointer;position:relative;padding:5px 20px;line-height:30px;color:var(--color)}.toolbar[data-v-032877ca] .dropdown-button .dropdown .item:hover{color:var(--hover-color);background-color:var(--hover-background)}.toolbar[data-v-032877ca] .dropdown-button .dropdown .item.is-selected{color:var(--active-color);background-color:var(--active-background)}.toolbar[data-v-032877ca] .dropdown-button .dropdown .item .icon{font-size:14px;width:20px;display:flex;align-items:center;justify-content:center;font-weight:700;padding-right:10px;opacity:.5}.toolbar[data-v-032877ca] .dropdown-button .dropdown .item .text{font-size:14px;white-space:nowrap}.srcker-editor[data-v-58bc3fb5]{display:flex;flex-direction:column}.srcker-editor.dark[data-v-58bc3fb5]{--color: rgba(255, 255, 255, .9);--background: #0e0e11;--border-color: rgba(255, 255, 255, .1);--active-color: #226bf0;--active-background: rgba(255, 255, 255, .08);--hover-color: #aaa;--hover-background: rgba(255, 255, 255, .1);--disabled-color: rgba(255, 255, 255, .4);--disabled-background: none}.srcker-editor.light[data-v-58bc3fb5]{--color: #1f1f1f;--background: #ffffff;--border-color: rgba(0, 0, 0, .1);--active-color: #1677ff;--active-background: #e6f4ff;--hover-color: #555;--hover-background: rgba(0, 0, 0, .05);--disabled-color: rgba(0, 0, 0, .4);--disabled-background: none}.srcker-editor .bubble-menu[data-v-58bc3fb5]{padding:5px;background:#fff;box-shadow:0 0 15px #00000026;display:flex;align-items:center;gap:0 10px;border-radius:10px}.srcker-editor .bubble-menu button[data-v-58bc3fb5]{outline:none;border:none;font-size:14px;color:#333;font-weight:700;background:none;cursor:pointer;padding:8px 10px;border-radius:8px;transition:all .2s ease-in-out}.srcker-editor .bubble-menu button[data-v-58bc3fb5]:hover{background:#00000026}.srcker-editor .editor-body[data-v-58bc3fb5]{flex:1;cursor:text;padding:20px;min-height:400px;color:var(--color);background:var(--background)}.srcker-editor .editor-body[data-v-58bc3fb5] .ProseMirror{outline:none}
|