blog/_src/assets/styl/code.styl

//
// kremalicious3
// --------------
// Code
//

code,
kbd,
pre,
samp
    font-family: $font-family-monospace
    font-size: $font-size-small

code,
kbd
    padding: 2px 4px

code
    color: $code-color
    background-color: $code-bg
    border-radius: $border-radius-base
    white-space: nowrap

kbd
    color: $kbd-color
    background-color: $kbd-bg
    border-radius: $border-radius-small
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.25)

pre
    display: block
    padding: (($line-height-computed - 1) / 2)
    margin: 0 0 $line-height-computed
    line-height: $line-height-base
    font-size: $font-size-mini
    word-break: break-all
    word-wrap: break-word
    color: $code-color
    background-color: $code-bg
    border-radius: $border-radius-base

    // make 'em scrollable
    overflow: scroll
    -webkit-overflow-scrolling: touch
    max-height: 300px

    // Account for some code outputs that place code tags in pre tags
    code
        padding: 0
        font-size: inherit
        color: inherit
        white-space: pre-wrap
        background-color: transparent
        border-radius: 0

code.bash
    padding-left: 1.5em
    display: block

    &:before
        content: "$"
        color: $text-color-dimmed
        display: inline-block
        margin-left: -1.5em
        margin-right: .8em