//
// Code (inline and block)
// --------------
// ipdb.io
//
code,
kbd,
pre,
samp {
    font-family: $font-family-monospace;
    font-size: $font-size-mini;
    hyphens: none;
}

// Inline code
code {
    color: $brand-04;
}

// Blocks of code
pre {
    display: block;
    padding: $spacer;
    line-height: 1.5;
    word-break: break-all;
    word-wrap: break-word;
    background-color: rgba($brand-05, .6);
    border-radius: $border-radius;

    // make 'em scrollable
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    max-height: 20rem;

    // Account for some code outputs that place code tags in pre tags
    code {
        padding: 0;
        font-size: inherit;
        color: inherit;
        white-space: pre;
        overflow-wrap: normal;
        word-wrap: normal;
        word-break: normal;
        overflow: auto;
        background-color: transparent;
        border-radius: 0;
    }
}