85 lines
No EOL
1.8 KiB
CSS
85 lines
No EOL
1.8 KiB
CSS
.TextEditor {
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 100%;
|
|
height: 100%;
|
|
text-align: start;
|
|
}
|
|
|
|
.TextEditor p,
|
|
.TextEditor div,
|
|
.TextEditor span,
|
|
.TextEditor textarea {
|
|
font-size: 1em;
|
|
}
|
|
|
|
.View, .Code {
|
|
width: 100%;
|
|
height: 100%;
|
|
padding: 1rem !important;
|
|
color: var(--foreground-color-0) !important;
|
|
background-color: var(--background-color-2) !important;
|
|
border: none;
|
|
outline: none;
|
|
font-size: 1rem;
|
|
font-family: var(--body-font-family);
|
|
resize: none;
|
|
overflow: auto;
|
|
}
|
|
|
|
.View img {
|
|
max-width: 100%;
|
|
object-fit: contain;
|
|
border-radius: var(--border-radius-0);
|
|
margin-right: 0.5rem;
|
|
}
|
|
|
|
.View blockquote {
|
|
margin-left: 0;
|
|
padding: 0.5rem;
|
|
padding-left: 1.5rem;
|
|
border-left: 1rem solid var(--background-color-0);
|
|
background-color: var(--background-color-1);
|
|
border-radius: var(--border-radius-1);
|
|
}
|
|
|
|
.View blockquote > p {
|
|
width: fit-content;
|
|
margin: 0;
|
|
}
|
|
|
|
.View code {
|
|
font-family: var(--mono-font-family);
|
|
border-radius: var(--border-radius-1);
|
|
background-color: var(--background-color-1);
|
|
padding: 0.25rem;
|
|
}
|
|
|
|
.View table {
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
.View table, .View th, .View td {
|
|
border: 0.2rem solid var(--background-color-0);
|
|
}
|
|
|
|
.View th, .View td {
|
|
padding: 0.5rem;
|
|
}
|
|
|
|
.Code {
|
|
margin: 0;
|
|
cursor: default;
|
|
}
|
|
|
|
.Code *[class*="hljs-string"] { color: var(--green-0); }
|
|
.Code *[class*="hljs-literal"] { color: var(--yellow-0); }
|
|
.Code *[class*="hljs-number"] { color: var(--yellow-0); }
|
|
.Code *[class*="hljs-keyword"] { color: var(--blue-0); }
|
|
.Code *[class*="hljs-title"] { color: var(--cyan-0); }
|
|
.Code *[class*="hljs-name"] { color: var(---red-0); }
|
|
.Code *[class*="hljs-attr"] { color: var(--blue-0); }
|
|
.Code *[class*="hljs-param"] { color: var(---red-0); }
|
|
.Code *[class*="hljs-comment"] { color: var(--black-0); }
|
|
.Code *[class*="linenumber"] { color: var(--black-0); }
|
|
.Code *[class*="hljs-meta"] { color: var(--blue-0); } |