Spaces:
Running
Running
File size: 1,828 Bytes
06e51c6 8a8c5bb 06e51c6 8a8c5bb 06e51c6 8a8c5bb 06e51c6 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 | /* Editor.js overrides
*
* Editor.js styles its own chrome (block handles, inline toolbar, popovers) but
* not the content, so heading and list typography comes from the shared
* .dep-doc rules in globals.css. Its chrome is reset back to the UI font here
* so it does not inherit the document serif.
*/
#codex-editor,
#codex-editor .ce-block__content,
#codex-editor .ce-paragraph,
#codex-editor [contenteditable="true"] {
direction: ltr;
unicode-bidi: plaintext;
text-align: left;
}
/* Editor.js positions the add-block and drag handles in a gutter to the LEFT of
* .ce-toolbar__content, which by default is a centered column. Widening that
* column to the full width put the handles at a negative offset, where the
* scroll container clipped them. Full width is worth keeping, so the gutter is
* reserved as padding on the holder instead. */
#codex-editor {
padding-left: 3.25rem;
}
#codex-editor .ce-block__content,
#codex-editor .ce-toolbar__content {
max-width: none;
}
/* Keep the handles inside the reserved gutter and always visible, rather than
* only appearing on hover at the edge of the viewport. */
#codex-editor .ce-toolbar__actions {
right: 100%;
padding-right: 0.4rem;
opacity: 1;
}
#codex-editor .ce-toolbar__plus,
#codex-editor .ce-toolbar__settings-btn {
color: var(--ink-60);
background: var(--paper-sunk);
border: 1px solid var(--ink-16);
border-radius: 2px;
}
#codex-editor .ce-toolbar__plus:hover,
#codex-editor .ce-toolbar__settings-btn:hover {
color: var(--mark);
border-color: var(--mark-line);
background: var(--paper-raised);
}
#codex-editor ul,
#codex-editor ol {
margin: 0.25rem 0;
padding-left: 1.6rem;
}
#codex-editor ul {
list-style-type: disc;
}
#codex-editor ol {
list-style-type: decimal;
}
#codex-editor li {
display: list-item;
}
|