.editor { box-sizing: border-box; *, *::before, *::after { box-sizing: inherit; } h1, h2, h3, h4, h5, h6, p, li { min-height: 1.5rem; } mark { background: #f206f9; padding: 0; } .selected { outline: #f206f9 solid medium; } iframe { border: 0; min-height: 480px; } figure { padding: .5rem; } img, video, iframe, audio { width: 100%; max-width: 600px; display: block; margin: 0 auto; } .editor-toolbar { position: sticky; top: 0px; background: white; } .editor-aviso-word { color: red; display: none; } .editor-primary-toolbar, .editor-auxiliary-toolbar { display: block; overflow-x: auto; white-space: nowrap; } .editor-auxiliary-toolbar { & > * { display: none; } .editor-auxiliary-tool-active { display: block; } } word-wrap: break-word; div[data-align="left"] { text-align: left; } div[data-align="center"] { text-align: center; } div[data-align="right"] { text-align: right; } .editor-content { min-height: 480px; } *[data-editor-loading] { opacity: 0.5; } *[data-editor-error] { filter: grayscale(100%); } }