prosemirror.css (1232B)
1 .ProseMirror { 2 position: relative; 3 } 4 5 .ProseMirror { 6 word-wrap: break-word; 7 white-space: pre-wrap; 8 white-space: break-spaces; 9 -webkit-font-variant-ligatures: none; 10 font-variant-ligatures: none; 11 font-feature-settings: "liga" 0; /* the above doesn't seem to work in Edge */ 12 } 13 14 .ProseMirror pre { 15 white-space: pre-wrap; 16 } 17 18 .ProseMirror li { 19 position: relative; 20 } 21 22 .ProseMirror-hideselection *::selection { background: transparent; } 23 .ProseMirror-hideselection *::-moz-selection { background: transparent; } 24 .ProseMirror-hideselection { caret-color: transparent; } 25 26 /* See https://github.com/ProseMirror/prosemirror/issues/1421#issuecomment-1759320191 */ 27 .ProseMirror [draggable][contenteditable=false] { user-select: text } 28 29 .ProseMirror-selectednode { 30 outline: 2px solid #8cf; 31 } 32 33 /* Make sure li selections wrap around markers */ 34 35 li.ProseMirror-selectednode { 36 outline: none; 37 } 38 39 li.ProseMirror-selectednode:after { 40 content: ""; 41 position: absolute; 42 left: -32px; 43 right: -2px; top: -2px; bottom: -2px; 44 border: 2px solid #8cf; 45 pointer-events: none; 46 } 47 48 /* Protect against generic img rules */ 49 50 img.ProseMirror-separator { 51 display: inline !important; 52 border: none !important; 53 margin: 0 !important; 54 }