/**
 * @copyright   2010-2013, The Titon Project
 * @license     http://opensource.org/licenses/bsd-license.php
 * @link        http://titon.io
 */

@import "../common";

code,
var,
kbd,
pre {
    font: normal .8rem/115% Consolas, Monaco, 'Andale Mono', monospace;
}

code,
var,
kbd {
    display: inline-block;
    background: $gray;
    border-radius: $round;
    padding: .2em .4em;
}

pre {
    padding: $padding;
    margin: $margin 0 0 0;
    background: $gray-light;
    border: 1px solid $gray-dark;
    text-align: left;
    direction: ltr;
    white-space: pre;
    word-spacing: normal;
    font-size: .9rem;
    overflow-x: auto;

    code {
        padding: 0;
        margin: 0;
        color: inherit;
        font: inherit;
        white-space: pre-wrap;
        background: transparent;
        border: none;
        display: block;
    }

    &.#{$state-is-prefix}scrollable {
        max-height: 350px;
        overflow-y: auto;
    }
}

kbd {
    background: #fff;
    position: relative;
    border: 1px solid $gray-dark;
    border-top-color: $gray-dark;
    box-shadow: 0 2px 0 1px $gray-darkest;
    top: -3px;
}