Mercurial > wikked
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 } |