// 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: #f7f7f9;
   border: 1pt solid #e1e1e8;
 }
 
 // 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, 5%);
   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;
 }