oda-framework/components/editors/markdown/markdown-viewer/lib/preset.css

It's an ES Progressive Framework based on the technology of Web Components and designed especially for creating custom UI/UX of any complexity for web and cross-platform PWA mobile applications.

:host {
    font-family: Roboto, Noto, sans-serif;
    font-size: 16px;
    line-height: 1.6;
}
h1, h2, h3, h4, h5, h6 {
    /* font-weight: 400; */
    margin-bottom: .5em;
    margin-top: .5em;
}
/* h1 { font-size: 26px; } */
/* h2 { font-size: 23px; } */
/* h3 { font-size: 20px; } */
/* h4 { font-size: 18px; } */
/* h4 { font-size: 16px; } */
hr { opacity: .2; }
blockquote {
    border-left: 5px solid lightgray;
    margin-left: 0;
    padding: 0 2em;
}
pre {
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 2px;
    margin: 1em 0;
    padding: 12px 8px;
    font-family: monospace;
    font-size: 14px;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
}
code {
    font-size: 90%;
}
:not(pre)>code {
    background-color: #f7f7f7;
    border-radius: 2px;
    padding: 0 3px
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    border: none;
    font-size: 12px;
    margin-left: 8px;
    table-layout: fixed
}
thead {
    border-bottom: 1px solid black;
    vertical-align: bottom
}
tr,th,td {
    border: none;
    line-height: 1;
    overflow: hidden;
    padding: .5em;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap
}
th {
    font-weight: bold;
}
tbody tr:nth-child(odd) {
    background: #f7f7f7;
}
tbody tr:hover {
    background: #eeeeee;
}
.hljs { @apply --layout; display: block; }
.hljs-comment, .hljs-quote { color: #93a1a1; }
.hljs-keyword, .hljs-selector-tag, .hljs-addition { color: #859900; }
.hljs-number, .hljs-string, hljs-meta .hljs-meta-string, .hljs-literal, .hljs-doctag, .hljs-regexp { color: #2aa198; }
.hljs-title, .hljs-section, .hljs-name, .hljs-selector-id, .hljs-selector-class { color: #268bd2; }
.hljs-attribute, .hljs-attr, .hljs-variable, .hljs-template-variable, .hljs-class .hljs-title, .hljs-type { color: #b58900; }
.hljs-symbol, .hljs-bullet, .hljs-subst, .hljs-meta, .hljs-meta .hljs-keyword, .hljs-selector-attr, .hljs-selector-pseudo, .hljs-link { color: #cb4b16; }
.hljs-built_in, .hljs-deletion { color: #dc322f; }
.hljs-formula { background: #eee8d5; }
.hljs-emphasis { font-style: italic; }
.hljs-strong { font-weight: bold; }
.hjln { min-width:34px; color:gray; border-right:.1em solid; counter-reset: l; cursor:default; float:left; padding:8px 0; margin:0 0.5em 0 0; text-align:right; -moz-user-select:none; -webkit-user-select:none }
.hjln span { counter-increment:l; display:block;padding:0 .5em 0 1em }
.hjln span:before { content:counter(l) }
code { font-size: large; white-space: break-spaces; }