comparison static/bootstrap/less/code.less @ 61:130eccd396d8

Now using Boostrap with LESS.
author Ludovic Chabant <ludovic@chabant.com>
date Wed, 06 Feb 2013 08:22:31 -0800
parents
children d29e2f337b00
comparison
equal deleted inserted replaced
60:8250c977bc50 61:130eccd396d8
1 //
2 // Code (inline and blocK)
3 // --------------------------------------------------
4
5
6 // Inline and block code styles
7 code,
8 pre {
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
17 code {
18 padding: 2px 4px;
19 color: #d14;
20 background-color: #f7f7f9;
21 border: 1px solid #e1e1e8;
22 white-space: nowrap;
23 }
24
25 // Blocks of code
26 pre {
27 display: block;
28 padding: (@baseLineHeight - 1) / 2;
29 margin: 0 0 @baseLineHeight / 2;
30 font-size: @baseFontSize - 1; // 14px to 13px
31 line-height: @baseLineHeight;
32 word-break: break-all;
33 word-wrap: break-word;
34 white-space: pre;
35 white-space: pre-wrap;
36 background-color: #f5f5f5;
37 border: 1px solid #ccc; // fallback for IE7-8
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
46 // Account for some code outputs that place code tags in pre tags
47 code {
48 padding: 0;
49 color: inherit;
50 white-space: pre;
51 white-space: pre-wrap;
52 background-color: transparent;
53 border: 0;
54 }
55 }
56
57 // Enable scrollable blocks of code
58 .pre-scrollable {
59 max-height: 340px;
60 overflow-y: scroll;
61 }