comparison static/bootstrap/less/code.less @ 149:d29e2f337b00

Updated to Bootstrap 3.0.
author Ludovic Chabant <ludovic@chabant.com>
date Thu, 12 Dec 2013 21:54:04 -0800
parents 130eccd396d8
children
comparison
equal deleted inserted replaced
148:f02e049d6546 149:d29e2f337b00
1 // 1 //
2 // Code (inline and blocK) 2 // Code (inline and block)
3 // -------------------------------------------------- 3 // --------------------------------------------------
4 4
5 5
6 // Inline and block code styles 6 // Inline and block code styles
7 code, 7 code,
8 pre { 8 kbd,
9 padding: 0 3px 2px; 9 pre,
10 #font > #family > .monospace; 10 samp {
11 font-size: @baseFontSize - 2; 11 font-family: @font-family-monospace;
12 color: @grayDark;
13 .border-radius(3px);
14 } 12 }
15 13
16 // Inline code 14 // Inline code
17 code { 15 code {
18 padding: 2px 4px; 16 padding: 2px 4px;
19 color: #d14; 17 font-size: 90%;
20 background-color: #f7f7f9; 18 color: @code-color;
21 border: 1px solid #e1e1e8; 19 background-color: @code-bg;
22 white-space: nowrap; 20 white-space: nowrap;
21 border-radius: @border-radius-base;
23 } 22 }
24 23
25 // Blocks of code 24 // Blocks of code
26 pre { 25 pre {
27 display: block; 26 display: block;
28 padding: (@baseLineHeight - 1) / 2; 27 padding: ((@line-height-computed - 1) / 2);
29 margin: 0 0 @baseLineHeight / 2; 28 margin: 0 0 (@line-height-computed / 2);
30 font-size: @baseFontSize - 1; // 14px to 13px 29 font-size: (@font-size-base - 1); // 14px to 13px
31 line-height: @baseLineHeight; 30 line-height: @line-height-base;
32 word-break: break-all; 31 word-break: break-all;
33 word-wrap: break-word; 32 word-wrap: break-word;
34 white-space: pre; 33 color: @pre-color;
35 white-space: pre-wrap; 34 background-color: @pre-bg;
36 background-color: #f5f5f5; 35 border: 1px solid @pre-border-color;
37 border: 1px solid #ccc; // fallback for IE7-8 36 border-radius: @border-radius-base;
38 border: 1px solid rgba(0,0,0,.15);
39 .border-radius(@baseBorderRadius);
40
41 // Make prettyprint styles more spaced out for readability
42 &.prettyprint {
43 margin-bottom: @baseLineHeight;
44 }
45 37
46 // Account for some code outputs that place code tags in pre tags 38 // Account for some code outputs that place code tags in pre tags
47 code { 39 code {
48 padding: 0; 40 padding: 0;
41 font-size: inherit;
49 color: inherit; 42 color: inherit;
50 white-space: pre;
51 white-space: pre-wrap; 43 white-space: pre-wrap;
52 background-color: transparent; 44 background-color: transparent;
53 border: 0; 45 border-radius: 0;
54 } 46 }
55 } 47 }
56 48
57 // Enable scrollable blocks of code 49 // Enable scrollable blocks of code
58 .pre-scrollable { 50 .pre-scrollable {
59 max-height: 340px; 51 max-height: @pre-scrollable-max-height;
60 overflow-y: scroll; 52 overflow-y: scroll;
61 } 53 }