pre,
code,
kbd {
    background: var(--code-background-color);
    color: var(--code-color);
    font-weight: var(--font-weight);
    line-height: initial;
}

code,
kbd {
    display: inline-block;
    padding: .375rem .5rem;
    border-radius: var(--border-radius);
}

pre {
    display: block;
    margin-bottom: var(--spacing);
    padding: var(--spacing);
    overflow-x: auto;
    background: var(--code-background-color);
  
    > code {
        display: block;
        padding: 0;
        background: transparent;
        font-size: 14px;
        line-height: var(--line-height);
    }
}

code {
    b {
        color: var(--code-tag-color);
        font-weight: var(--font-weight);
    }
  
    i {
        color: var(--code-property-color);
        font-style: normal;
    }
  
    u {
        color: var(--code-value-color);
        text-decoration: none;
    }
  
    em {
        color: var(--code-comment-color);
        font-style: normal;
    }
}

kbd {
    background-color: var(--code-kbd-background-color);
    color: var(--code-kbd-color);
    vertical-align: middle;
}