@ -7,5 +7,5 @@
#editor
></ngx-monaco-editor>
</div>
<div class="display" markdown katex [data]="contents"></div>
<div class="display markdown-display" markdown katex [data]="contents"></div>
@ -86,3 +86,40 @@ hr {
font-size: 1.2em;
font-weight: bold;
}
.markdown-display {
h1, h2, h3, h4, h5 {
margin-top: 35px;
blockquote {
padding: 1px 20px;
color: #444;
background: #eee;
border-left: 2px solid darkgrey;
margin-left: 10px;
table {
width: 100%;
margin: 30px 0;
table, th, td {
border: 1px solid darkgrey;
border-collapse: collapse;
th, td {
padding: 5px;
code {
color: #ea4894;
pre {
background: #fff9ff;
padding: 10px;