code.less 1.08 KB
Newer Older
1
//
2
// Code (inline and block)
3
4
// --------------------------------------------------

Mark Otto's avatar
Mark Otto committed
5
6
7

// Inline and block code styles
code,
Zlatan Vasović's avatar
Zlatan Vasović committed
8
kbd,
9
10
pre,
samp {
11
  font-family: @font-family-monospace;
Mark Otto's avatar
Mark Otto committed
12
}
13
14

// Inline code
Mark Otto's avatar
Mark Otto committed
15
code {
16
  padding: 2px 4px;
17
  font-size: 90%;
Mark Otto's avatar
Mark Otto committed
18
  color: @code-color;
19
  background-color: @code-bg;
20
  white-space: nowrap;
21
  border-radius: @border-radius-base;
Mark Otto's avatar
Mark Otto committed
22
}
23
24

// Blocks of code
Mark Otto's avatar
Mark Otto committed
25
26
pre {
  display: block;
27
28
  padding: ((@line-height-computed - 1) / 2);
  margin: 0 0 (@line-height-computed / 2);
29
  font-size: (@font-size-base - 1); // 14px to 13px
30
  line-height: @line-height-base;
Jacob Thornton's avatar
Jacob Thornton committed
31
32
  word-break: break-all;
  word-wrap: break-word;
33
  color: @pre-color;
34
35
  background-color: @pre-bg;
  border: 1px solid @pre-border-color;
36
  border-radius: @border-radius-base;
Mark Otto's avatar
Mark Otto committed
37
38
39
40

  // Account for some code outputs that place code tags in pre tags
  code {
    padding: 0;
41
    font-size: inherit;
42
    color: inherit;
43
    white-space: pre-wrap;
Mark Otto's avatar
Mark Otto committed
44
    background-color: transparent;
45
    border-radius: 0;
Mark Otto's avatar
Mark Otto committed
46
47
  }
}
48
49
50

// Enable scrollable blocks of code
.pre-scrollable {
51
  max-height: @pre-scrollable-max-height;
52
  overflow-y: scroll;
Mark Otto's avatar
Mark Otto committed
53
}