@use 'element-plus/theme-chalk/src/mixins/mixins.scss' as *;
@use 'quill/dist/quill.snow.css';

@include b(rich-editor){
    background-color: #fff;
    height: 300px;
    .ql-formats{
        position: relative;
        &::after{
            position: absolute;
            content: '';
            display: block;
            right: -8px;
            top: 2px;
            bottom: 2px;
            border-left: 1px solid rgba(0,0,0,0.1);
        }
    }
    .ql-picker__divbox{
        display: inline-block;
        transform: translateY(3px);
        z-index: 5;
        position: relative;
    }

    .ql-snow .ql-editor .ql-code-block-container{
        background-color: #f5f2f0;
        color: rgba(60, 60, 67);
    }
    .ql-snow .ql-tooltip.ql-editing a.ql-action::after {
        content: '保存';
    }
    .ql-snow .ql-tooltip a.ql-action::after{
        content: '编辑';
    }
    .ql-snow .ql-tooltip[data-mode=link]::before {
        content: "链接地址:";
    }
    .ql-snow .ql-tooltip a.ql-remove::before {
        content: "删除";
    }
    .ql-snow .ql-tooltip::before{
        content: "访问地址：";
    }
    .ql-tooltip{
        input::placeholder{
            color: transparent;
        }
    }

    @include e(inner-box){
        border: 1px solid #ccc;
        border-top: none;
        height: calc(100% - var(--wet-richeditor-inner-h));

        @include when(no-toolsbar){
            border: none;
        }
    }
}

.wet-quill-imagelink{
    .#{$namespace}-dialog__title{
        font-size: 14px;
        font-weight: 600;
    }
}