/media/jui/less/code.less
LESS | 58 lines | 42 code | 7 blank | 9 comment | 0 complexity | 8b12e84f9081c066da8ae26bba58a3b7 MD5 | raw file
Possible License(s): LGPL-2.1
1// 2// Code (inline and blocK) 3// -------------------------------------------------- 4 5 6// Inline and block code styles 7code, 8pre { 9 padding: 0 3px 2px; 10 #font > #family > .monospace; 11 font-size: @baseFontSize - 2; 12 color: @grayDark; 13 .border-radius(3px); 14} 15 16// Inline code 17code { 18 padding: 2px 4px; 19 color: #d14; 20 background-color: #f7f7f9; 21 border: 1px solid #e1e1e8; 22} 23 24// Blocks of code 25pre { 26 display: block; 27 padding: (@baseLineHeight - 1) / 2; 28 margin: 0 0 @baseLineHeight / 2; 29 font-size: @baseFontSize - 1; // 14px to 13px 30 line-height: @baseLineHeight; 31 word-break: break-all; 32 word-wrap: break-word; 33 white-space: pre; 34 white-space: pre-wrap; 35 background-color: #f5f5f5; 36 border: 1px solid #ccc; // fallback for IE7-8 37 border: 1px solid rgba(0,0,0,.15); 38 .border-radius(4px); 39 40 // Make prettyprint styles more spaced out for readability 41 &.prettyprint { 42 margin-bottom: @baseLineHeight; 43 } 44 45 // Account for some code outputs that place code tags in pre tags 46 code { 47 padding: 0; 48 color: inherit; 49 background-color: transparent; 50 border: 0; 51 } 52} 53 54// Enable scrollable blocks of code 55.pre-scrollable { 56 max-height: 340px; 57 overflow-y: scroll; 58}