Fix linter overwriting css
This commit is contained in:
parent
d0df70e4d3
commit
4c221e3238
@ -1,113 +1,28 @@
|
|||||||
.editor {
|
.Toolbar {
|
||||||
position: relative;
|
position: absolute;
|
||||||
|
z-index: 1000;
|
||||||
|
display: none;
|
||||||
|
margin: none;
|
||||||
|
padding: none;
|
||||||
|
box-shadow: 1px 1px 5px;
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
& h1,
|
.Button {
|
||||||
& h2,
|
display: inline-block;
|
||||||
& h3 {
|
|
||||||
margin-bottom: 20px;
|
|
||||||
padding: 0;
|
|
||||||
border-bottom: none;
|
|
||||||
color: #7c8382;
|
|
||||||
text-decoration: none;
|
|
||||||
line-height: 1.45;
|
|
||||||
|
|
||||||
&:before {
|
& button {
|
||||||
color: #a5afad;
|
padding: 5px;
|
||||||
content: '# ';
|
border: none;
|
||||||
}
|
border-right: 1px solid #eee;
|
||||||
}
|
background: #fff;
|
||||||
|
|
||||||
& h1 {
|
|
||||||
font-size: 2.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
& h2 {
|
|
||||||
font-size: 2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
& h3 {
|
|
||||||
font-size: 1.8rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
& h2:before {
|
|
||||||
content: '## ';
|
|
||||||
}
|
|
||||||
|
|
||||||
& h3:before {
|
|
||||||
content: '### ';
|
|
||||||
}
|
|
||||||
|
|
||||||
& p {
|
|
||||||
margin-bottom: 20px;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
:global {
|
.Button:last-child button {
|
||||||
& .ProseMirror {
|
border-right: none;
|
||||||
position: relative;
|
}
|
||||||
}
|
|
||||||
|
.Visible {
|
||||||
& .ProseMirror-content {
|
display: block;
|
||||||
white-space: pre-wrap;
|
|
||||||
}
|
|
||||||
|
|
||||||
& .ProseMirror-drop-target {
|
|
||||||
position: absolute;
|
|
||||||
width: 1px;
|
|
||||||
background: #666;
|
|
||||||
pointer-events: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
& .ProseMirror-content ul,
|
|
||||||
& .ProseMirror-content ol {
|
|
||||||
padding-left: 30px;
|
|
||||||
cursor: default;
|
|
||||||
}
|
|
||||||
|
|
||||||
& .ProseMirror-content blockquote {
|
|
||||||
margin-right: 0;
|
|
||||||
margin-left: 0;
|
|
||||||
padding-left: 1em;
|
|
||||||
border-left: 3px solid #eee;
|
|
||||||
}
|
|
||||||
|
|
||||||
& .ProseMirror-content pre {
|
|
||||||
white-space: pre-wrap;
|
|
||||||
}
|
|
||||||
|
|
||||||
& .ProseMirror-content li {
|
|
||||||
position: relative;
|
|
||||||
pointer-events: none; /* Don't do weird stuff with marker clicks */
|
|
||||||
}
|
|
||||||
|
|
||||||
& .ProseMirror-content li > * {
|
|
||||||
pointer-events: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
& .ProseMirror-nodeselection *::selection {
|
|
||||||
background: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
& .ProseMirror-nodeselection *::-moz-selection {
|
|
||||||
background: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
& .ProseMirror-selectednode {
|
|
||||||
outline: 2px solid #8cf;
|
|
||||||
}
|
|
||||||
/* Make sure li selections wrap around markers */
|
|
||||||
& li.ProseMirror-selectednode {
|
|
||||||
outline: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
& li.ProseMirror-selectednode:after {
|
|
||||||
position: absolute;
|
|
||||||
top: -2px;
|
|
||||||
right: -2px;
|
|
||||||
bottom: -2px;
|
|
||||||
left: -32px;
|
|
||||||
border: 2px solid #8cf;
|
|
||||||
content: '';
|
|
||||||
pointer-events: none;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user