/** * @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; } &.is-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; }