1 // 2 // Code (inline and block) 3 // -------------------------------------------------- 4 5 6 // Inline and block code styles 7 code, 8 kbd, 9 pre, 10 samp { 11 font-family: @font-family-monospace; 12 } 13 14 // Inline code 15 code { 16 padding: 2px 4px; 17 font-size: 90%; 18 color: @code-color; 19 background-color: @code-bg; 20 border-radius: @border-radius-base; 21 } 22 23 // User input typically entered via keyboard 24 kbd { 25 padding: 2px 4px; 26 font-size: 90%; 27 color: @kbd-color; 28 background-color: @kbd-bg; 29 border-radius: @border-radius-small; 30 box-shadow: inset 0 -1px 0 rgba(0,0,0,.25); 31 32 kbd { 33 padding: 0; 34 font-size: 100%; 35 font-weight: bold; 36 box-shadow: none; 37 } 38 } 39 40 // Blocks of code 41 pre { 42 display: block; 43 padding: ((@line-height-computed - 1) / 2); 44 margin: 0 0 (@line-height-computed / 2); 45 font-size: (@font-size-base - 1); // 14px to 13px 46 line-height: @line-height-base; 47 word-break: break-all; 48 word-wrap: break-word; 49 color: @pre-color; 50 background-color: @pre-bg; 51 border: 1px solid @pre-border-color; 52 border-radius: @border-radius-base; 53 54 // Account for some code outputs that place code tags in pre tags 55 code { 56 padding: 0; 57 font-size: inherit; 58 color: inherit; 59 white-space: pre-wrap; 60 background-color: transparent; 61 border-radius: 0; 62 } 63 } 64 65 // Enable scrollable blocks of code 66 .pre-scrollable { 67 max-height: @pre-scrollable-max-height; 68 overflow-y: scroll; 69 } 70