/* line 1, app/assets/stylesheets/editor.scss */ .editor { box-sizing: border-box; --foreground: black; --background: white; --color: #f206f9; background: var(--background); color: var(--foreground); word-wrap: break-word; } /* line 3, app/assets/stylesheets/editor.scss */ .editor *, .editor *::before, .editor *::after { box-sizing: inherit; } /* line 12, app/assets/stylesheets/editor.scss */ .editor h1, .editor h2, .editor h3, .editor h4, .editor h5, .editor h6, .editor p, .editor li { min-height: 1.5rem; } /* line 16, app/assets/stylesheets/editor.scss */ .editor mark { background: #f206f9; padding: 0; } /* line 21, app/assets/stylesheets/editor.scss */ .editor iframe { border: 0; min-height: 480px; } /* line 26, app/assets/stylesheets/editor.scss */ .editor figure { padding: .5rem; } /* line 30, app/assets/stylesheets/editor.scss */ .editor img, .editor video, .editor iframe, .editor audio { width: 100%; max-width: 600px; display: block; margin: 0 auto; } /* line 37, app/assets/stylesheets/editor.scss */ .editor .editor-toolbar { position: sticky; top: 0px; background: white; } /* line 43, app/assets/stylesheets/editor.scss */ .editor .editor-aviso-word { display: none; position: initial; /* evitar que tape el texto */ } /* line 48, app/assets/stylesheets/editor.scss */ .editor .editor-primary-toolbar, .editor .editor-auxiliary-toolbar { display: block; overflow-x: auto; white-space: nowrap; } /* line 55, app/assets/stylesheets/editor.scss */ .editor .editor-auxiliary-toolbar > * { display: none; } /* line 58, app/assets/stylesheets/editor.scss */ .editor .editor-auxiliary-toolbar [data-editor-auxiliary-active] { display: block; } /* line 64, app/assets/stylesheets/editor.scss */ .editor div[data-align="left"] { text-align: left; } /* line 65, app/assets/stylesheets/editor.scss */ .editor div[data-align="center"] { text-align: center; } /* line 66, app/assets/stylesheets/editor.scss */ .editor div[data-align="right"] { text-align: right; } /* line 68, app/assets/stylesheets/editor.scss */ .editor .editor-content { min-height: 480px; } /* line 70, app/assets/stylesheets/editor.scss */ .editor .editor-content p, .editor .editor-content h1, .editor .editor-content h2, .editor .editor-content h3, .editor .editor-content h4, .editor .editor-content h5, .editor .editor-content h6, .editor .editor-content ul, .editor .editor-content li, .editor .editor-content blockquote, .editor .editor-content figcaption { outline: #ccc solid thin; } /* line 71, app/assets/stylesheets/editor.scss */ .editor .editor-content blockquote { border-left: #555 solid .25em; padding: .75em; } /* line 75, app/assets/stylesheets/editor.scss */ .editor .editor-content strong, .editor .editor-content em, .editor .editor-content del, .editor .editor-content u, .editor .editor-content sub, .editor .editor-content sup, .editor .editor-content small { background: #0002; } /* line 76, app/assets/stylesheets/editor.scss */ .editor .editor-content a { background: #13fefe50; } /* line 77, app/assets/stylesheets/editor.scss */ .editor .editor-content [data-editor-selected] { outline: #f206f9 solid thick; } /* line 78, app/assets/stylesheets/editor.scss */ .editor .editor-content p[data-multimedia-inner] { pointer-events: none; } /* line 84, app/assets/stylesheets/editor.scss */ .editor *[data-editor-loading] { opacity: 0.5; } /* line 88, app/assets/stylesheets/editor.scss */ .editor *[data-editor-error] { filter: grayscale(100%); }