makary/writefreely
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Reformat prose.less

Browse source
This commit is contained in:
Matt Baer 2020-03-11 12:13:24 -04:00
parent d277e283d5
commit 9780f0bbb9
1 changed files with 215 additions and 169 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

72
less/prose.less
View file

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