/* =====================================
   GitHub style code block
   ===================================== */


/* Code font */

pre,
code,
kbd,
samp {
    font-family:
        ui-monospace,
        SFMono-Regular,
        SF Mono,
        Menlo,
        Consolas,
        "Liberation Mono",
        monospace;
}



/* =====================================
   Inline code
   ===================================== */

:not(pre) > code {
    background-color: rgba(175, 184, 193, 0.2);

    border-radius: 6px;

    padding: 0.2em 0.4em;

    font-size: 85%;
}



/* =====================================
   Code block
   ===================================== */

pre[class*="language-"],
figure.highlight {

    background: #f6f8fa;

    border-radius: 6px;

    padding: 16px;

    margin: 16px 0;

    overflow-x: auto;

    font-size: 14px;

    line-height: 1.45;

    tab-size: 4;
}



/* code inside block */

pre[class*="language-"] > code[class*="language-"],
figure.highlight code {

    background: transparent;

    padding: 0;

    font-size: 14px;

    line-height: 1.45;

}



/* =====================================
   Dark mode
   keep Prism dark style
   ===================================== */

/* Dark mode code block */

.darkmode pre[class*="language-"],
.darkmode figure.highlight {

    background: #292929;

}


.darkmode pre[class*="language-"] > code,
.darkmode figure.highlight code {

    background: transparent;

    color: #d4d4d4;

}


/* Dark mode inline code */

.darkmode :not(pre) > code {

    background-color: rgba(110,118,129,0.4);

}



/* =====================================
   Remove extra spacing
   ===================================== */

pre {
    margin-bottom: 16px;
}


pre code {
    display: block;
}



/* =====================================
   Scrollbar
   ===================================== */

pre::-webkit-scrollbar {
    height: 8px;
}