Fix #6397 UI : Override markdown parser default stylings (#6401)

* Fix UI : Override markdown parser default stylings #6397

* Minor change
This commit is contained in:
Sachin Chaurasiya 2022-07-28 17:22:25 +05:30 committed by GitHub
parent dd3d4cb926
commit c4260e78ce
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -1,20 +1,63 @@
@body-text-color: #37352f;
@badge-color: #d5d8dc;
@while-color: #ffffff;
@border-radius: 6px;
.markdown-parser { .markdown-parser {
.toastui-editor-contents { .toastui-editor-contents {
font-size: 14px;
h1,
h2 {
border-bottom: 1px solid @badge-color;
}
blockquote {
padding: 0px 16px;
}
code {
color: @body-text-color;
background-color: @badge-color;
}
pre {
background-color: @badge-color;
border-radius: @border-radius;
code {
background-color: transparent;
}
}
table {
width: 100%;
overflow: auto;
th {
background-color: @badge-color;
color: @body-text-color;
font-weight: bold;
}
}
p { p {
margin-top: 0px; margin-top: 0px;
margin-bottom: 10px; margin-bottom: 10px;
color: #37352f; color: @body-text-color;
word-break: break-word; word-break: break-word;
} }
img {
border-radius: @border-radius;
} }
} }
}
.markdown-parser.white { .markdown-parser.white {
.toastui-editor-contents { .toastui-editor-contents {
p { p {
color: white; color: @while-color;
} }
ul li::before { ul li::before {
background-color: white; background-color: @while-color;
} }
} }
} }