balm-ui/components/editor/editor.css

A modular and customizable UI library based on Material Design and Vue 3

.ql-snow .ql-picker.ql-font .ql-picker-label:before{content:"Font Famliy"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value]:before{content:attr(data-value)}.ql-snow .ql-picker.ql-font .ql-picker-label{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}.ql-picker-item[data-value=Arial]:before{font-family:Arial}.ql-picker-item[data-value="Arial Black"]:before{font-family:Arial Black}.ql-picker-item[data-value="Comic Sans MS"]:before{font-family:Comic Sans MS}.ql-picker-item[data-value="Courier New"]:before{font-family:Courier New}.ql-picker-item[data-value=Tahoma]:before{font-family:Tahoma}.ql-picker-item[data-value=Georgia]:before{font-family:Georgia}.ql-picker-item[data-value=Helvetica]:before{font-family:Helvetica}.ql-picker-item[data-value="Segoe UI"]:before{font-family:Segoe UI}.ql-picker-item[data-value=Sans-Serif]:before{font-family:"Sans-Serif"}.ql-picker-item[data-value=Impact]:before{font-family:Impact}.ql-picker-item[data-value="Times New Roman"]:before{font-family:Times New Roman}.ql-picker-item[data-value=Verdana]:before{font-family:Verdana}.ql-snow .ql-picker.ql-size .ql-picker-label:before{content:"Font Size"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value]:before{content:attr(data-value)}.ql-snow .ql-picker.ql-lineheight{width:98px}.ql-snow .ql-picker.ql-lineheight .ql-picker-label:before{content:"Line Height"}.ql-snow .ql-picker.ql-lineheight .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-lineheight .ql-picker-item[data-value]:before,.ql-snow .ql-picker.ql-lineheight .ql-picker-label[data-value]:before{content:attr(data-value)}.mdc-editor__counter{border:1px solid #ccc;border-top:0 solid #ccc;color:#aaa;padding:5px 15px;text-align:right}#ql-emoji-toolbar{background-color:#fff;border:1px solid rgba(0,0,0,.15);border-radius:3px;box-shadow:0 5px 10px rgba(0,0,0,.12);display:flex;flex-direction:column;height:220px;position:absolute;width:280px;z-index:4}#ql-emoji-toolbar-close{cursor:pointer;font-size:18px;position:absolute;right:0;top:0}.ql-emoji-tab-bar{background-color:#f7f7f7;border-bottom:1px solid rgba(0,0,0,.15);overflow-y:hidden;width:100%}.ql-emoji-tab-scroller{display:flex;overflow-x:auto;padding-right:18px}.ql-emoji-tab-content{display:flex;margin:0;padding:4px 4px 0}.ql-emoji-tab{list-style:none;padding:0 8px;text-transform:uppercase}.ql-emoji-tab.ql-emoji-tab--active{border-bottom:2px solid #6200ee}.ql-emoji-panel{align-content:flex-start;background-color:#fff;display:flex;flex:1;flex-wrap:wrap;overflow-y:scroll;padding:8px}.ql-emoji-panel .ql-emoji{align-items:center;display:inline-flex;height:24px;justify-content:center;width:24px}.ql-emoji-panel .ql-emoji em,.ql-emoji-panel .ql-emoji img{height:20px;width:20px}.ql-emoji-panel .ql-emoji em{font-size:18px;font-style:normal}.mdc-editor.ql-snow .ql-editor{height:100%}.mdc-editor.ql-bubble .ql-editor{height:100px}.mdc-editor--fullwidth{width:100%}.ql-bubble .ql-editor{border:1px solid #ccc}.ql-toolbar .material-icons{font-size:18px}.ql-bubble .ql-toolbar button,.ql-bubble.ql-toolbar button{color:#ccc}