Commit | Line | Data |
---|---|---|
7b869721 S |
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 | white-space: nowrap; | |
21 | border-radius: @border-radius-base; | |
22 | } | |
23 | ||
24 | // Blocks of code | |
25 | pre { | |
26 | display: block; | |
27 | padding: ((@line-height-computed - 1) / 2); | |
28 | margin: 0 0 (@line-height-computed / 2); | |
29 | font-size: (@font-size-base - 1); // 14px to 13px | |
30 | line-height: @line-height-base; | |
31 | word-break: break-all; | |
32 | word-wrap: break-word; | |
33 | color: @pre-color; | |
34 | background-color: @pre-bg; | |
35 | border: 1px solid @pre-border-color; | |
36 | border-radius: @border-radius-base; | |
37 | ||
38 | // Account for some code outputs that place code tags in pre tags | |
39 | code { | |
40 | padding: 0; | |
41 | font-size: inherit; | |
42 | color: inherit; | |
43 | white-space: pre-wrap; | |
44 | background-color: transparent; | |
45 | border-radius: 0; | |
46 | } | |
47 | } | |
48 | ||
49 | // Enable scrollable blocks of code | |
50 | .pre-scrollable { | |
51 | max-height: @pre-scrollable-max-height; | |
52 | overflow-y: scroll; | |
53 | } |