|
|
|
@ -17,9 +17,17 @@ |
|
|
|
|
position: relative; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.ProseMirror-hideselection *::selection { background: transparent; } |
|
|
|
|
.ProseMirror-hideselection *::-moz-selection { background: transparent; } |
|
|
|
|
.ProseMirror-hideselection { caret-color: transparent; } |
|
|
|
|
.ProseMirror-hideselection *::selection { |
|
|
|
|
background: transparent; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.ProseMirror-hideselection *::-moz-selection { |
|
|
|
|
background: transparent; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.ProseMirror-hideselection { |
|
|
|
|
caret-color: transparent; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.ProseMirror-selectednode { |
|
|
|
|
outline: 2px solid #8cf; |
|
|
|
@ -35,10 +43,13 @@ li.ProseMirror-selectednode:after { |
|
|
|
|
content: ""; |
|
|
|
|
position: absolute; |
|
|
|
|
left: -32px; |
|
|
|
|
right: -2px; top: -2px; bottom: -2px; |
|
|
|
|
right: -2px; |
|
|
|
|
top: -2px; |
|
|
|
|
bottom: -2px; |
|
|
|
|
border: 2px solid #8cf; |
|
|
|
|
pointer-events: none; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.ProseMirror-textblock-dropdown { |
|
|
|
|
min-width: 3em; |
|
|
|
|
} |
|
|
|
@ -163,7 +174,9 @@ li.ProseMirror-selectednode:after { |
|
|
|
|
min-height: 1em; |
|
|
|
|
color: #666; |
|
|
|
|
padding: 1px 6px; |
|
|
|
|
top: 0; left: 0; right: 0; |
|
|
|
|
top: 0; |
|
|
|
|
left: 0; |
|
|
|
|
right: 0; |
|
|
|
|
border-bottom: 1px solid silver; |
|
|
|
|
background: white; |
|
|
|
|
z-index: 10; |
|
|
|
@ -192,6 +205,7 @@ li.ProseMirror-selectednode:after { |
|
|
|
|
.ProseMirror-icon span { |
|
|
|
|
vertical-align: text-top; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.ProseMirror-gapcursor { |
|
|
|
|
display: none; |
|
|
|
|
pointer-events: none; |
|
|
|
@ -217,6 +231,7 @@ li.ProseMirror-selectednode:after { |
|
|
|
|
.ProseMirror-focused .ProseMirror-gapcursor { |
|
|
|
|
display: block; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
/* Add space around the hr to make clicking it easier */ |
|
|
|
|
|
|
|
|
|
.ProseMirror-example-setup-style hr { |
|
|
|
@ -240,7 +255,8 @@ li.ProseMirror-selectednode:after { |
|
|
|
|
.ProseMirror blockquote { |
|
|
|
|
padding-left: 1em; |
|
|
|
|
border-left: 3px solid #eee; |
|
|
|
|
margin-left: 0; margin-right: 0; |
|
|
|
|
margin-left: 0; |
|
|
|
|
margin-right: 0; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.ProseMirror-example-setup-style img { |
|
|
|
@ -277,9 +293,12 @@ li.ProseMirror-selectednode:after { |
|
|
|
|
|
|
|
|
|
.ProseMirror-prompt-close { |
|
|
|
|
position: absolute; |
|
|
|
|
left: 2px; top: 1px; |
|
|
|
|
left: 2px; |
|
|
|
|
top: 1px; |
|
|
|
|
color: #666; |
|
|
|
|
border: none; background: transparent; padding: 0; |
|
|
|
|
border: none; |
|
|
|
|
background: transparent; |
|
|
|
|
padding: 0; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.ProseMirror-prompt-close:after { |
|
|
|
@ -300,6 +319,7 @@ li.ProseMirror-selectednode:after { |
|
|
|
|
margin-top: 5px; |
|
|
|
|
display: none; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
#editor, .editor { |
|
|
|
|
background: white; |
|
|
|
|
color: black; |
|
|
|
@ -326,12 +346,34 @@ li.ProseMirror-selectednode:after { |
|
|
|
|
outline: none; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.ProseMirror p { margin-bottom: 1em } |
|
|
|
|
.ProseMirror p { |
|
|
|
|
margin-bottom: 1em; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.ProseMirror { |
|
|
|
|
height: 120px; |
|
|
|
|
overflow-y: auto; |
|
|
|
|
box-sizing: border-box; |
|
|
|
|
-moz-box-sizing: border-box; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
textarea { |
|
|
|
|
width: 100%; |
|
|
|
|
height: 123px; |
|
|
|
|
border: 1px solid silver; |
|
|
|
|
box-sizing: border-box; |
|
|
|
|
-moz-box-sizing: border-box; |
|
|
|
|
padding: 3px 10px; |
|
|
|
|
border: none; |
|
|
|
|
outline: none; |
|
|
|
|
font-family: inherit; |
|
|
|
|
font-size: inherit; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.ProseMirror { height: 120px; overflow-y: auto; box-sizing: border-box; -moz-box-sizing: border-box } |
|
|
|
|
textarea { width: 100%; height: 123px; border: 1px solid silver; box-sizing: border-box; -moz-box-sizing: border-box; padding: 3px 10px; |
|
|
|
|
border: none; outline: none; font-family: inherit; font-size: inherit } |
|
|
|
|
.ProseMirror-menubar-wrapper, #markdown textarea { display: block; margin-bottom: 4px } |
|
|
|
|
.ProseMirror-menubar-wrapper, #markdown textarea { |
|
|
|
|
display: block; |
|
|
|
|
margin-bottom: 4px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
@media all and (min-width: 50em) { |
|
|
|
|
#editor { |
|
|
|
@ -339,24 +381,28 @@ border: none; outline: none; font-family: inherit; font-size: inherit } |
|
|
|
|
margin-right: 10%; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
@media all and (min-width: 60em) { |
|
|
|
|
#editor { |
|
|
|
|
margin-left: 15%; |
|
|
|
|
margin-right: 15%; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
@media all and (min-width: 70em) { |
|
|
|
|
#editor { |
|
|
|
|
margin-left: 20%; |
|
|
|
|
margin-right: 20%; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
@media all and (min-width: 85em) { |
|
|
|
|
#editor { |
|
|
|
|
margin-left: 25%; |
|
|
|
|
margin-right: 25%; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
@media all and (min-width: 105em) { |
|
|
|
|
#editor { |
|
|
|
|
margin-left: 30%; |
|
|
|
|