@discoveryjs/discovery/lib/views/text/markdown.css

Frontend framework for rapid data (JSON) analysis, shareable serverless reports and dashboards

.view-markdown:first-child > :first-child {
    margin-top: 0;
}
.view-markdown:last-child > :last-child {
    margin-bottom: 0;
}
.view-markdown :is(p, blockquote, ul, ol, dl, pre, code) {
    margin: 0;
}
.view-markdown :is(p, blockquote, ul, ol, dl, table, pre):not(:first-child) {
    margin-top: 15px;
}
.view-markdown :is(ul, ol) + :is(ul, ol),
.view-markdown li > :is(ul, ol) {
    margin-top: 0 !important;
}

.view-markdown code {
    padding: .2em .4em;
    font-family: var(--discovery-monospace-font-family);
    font-size: 90%;
    background-color: rgba(210, 220, 230, 0.2);
    border-radius: 3px;
}
.discovery-root-darkmode .view-markdown blockquote code {
    background-color: rgba(116, 126, 136, 0.2);
}

.view-markdown kbd {
    --border-color: #ddd;
    --bg-color: #f8f8f8;
    padding: .15em .4em;
    font-family: var(--discovery-monospace-font-family);
    font-size: 90%;
    border: 1px solid var(--border-color, #888);
    border-radius: 6px;
    box-shadow: 0 -1px var(--border-color, #888) inset;
    background-color: var(--bg-color);
}
.discovery-root-darkmode .view-markdown kbd {
    --border-color: #484848;
    --bg-color: #181818;
}

.view-markdown sup {
    vertical-align: top;
}
.view-markdown sub {
    vertical-align: bottom;
}

.view-markdown pre:not(.view-source) {
    overflow: auto;
    font-family: var(--discovery-monospace-font-family);
    font-size: 90%;
    line-height: 1.25;
    background-color: rgba(155, 155, 155, 0.1);
    border-radius: 3px;
    word-break: normal;
}
.view-markdown pre:not(.view-source) code {
    padding: 0;
    font-family: inherit;
    font-size: 100%;
    background: none;
    border-radius: 0;
    text-shadow: none;
    color: inherit;
}

.view-markdown .check-list-item {
    list-style: none;
}
.view-markdown .check-list-item > .view-checkbox:first-child {
    width: 20px;
    margin-left: -20px;
}