// Code.less // Code typography styles for the <code> and <pre> elements // -------------------------------------------------------- // Inline and block code styles code, pre { padding: 0 3pt 2pt; #font > #family > .monospace; font-size: @baseFontSize - 1; color: @grayLight; .border-radius(3pt); } // Inline code code { padding: 2pt 4pt; color: #d14; background-color: lighten(@bodyBackground, 15%); border: 1pt solid lighten(@bodyBackground, 10%); } // Blocks of code pre { display: block; padding: (@baseLineHeight - 1) / 2; margin: 0 0 @baseLineHeight / 2; font-size: @baseFontSize * .925; // 13pt to 12pt line-height: @baseLineHeight; word-break: break-all; word-wrap: break-word; white-space: pre; white-space: pre-wrap; background-color: lighten(@bodyBackground, 50%); border: 1pt solid #ccc; // fallback for IE7-8 border: 1pt solid rgba(0,0,0,.15); .border-radius(4pt); // Make prettyprint styles more spaced out for readability &.prettyprint { margin-bottom: @baseLineHeight; } // Account for some code outputs that place code tags in pre tags code { padding: 0; color: inherit; background-color: transparent; border: 0; } } // Enable scrollable blocks of code .pre-scrollable { max-height: 340pt; overflow-y: scroll; }