/media/jui/less/code.less

 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}