Writefreely
/
writefreely
mirror of https://github.com/writeas/writefreely
1
0
Fork 0
Code Issues Releases Wiki Activity

Reformat prose.less

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;
}
.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-menubar-wrapper, #markdown textarea { display: block; margin-bottom: 4px }
.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;
}
@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%;