1//
2// Code (inline and block)
3// --------------------------------------------------
4
5
6// Inline and block code styles
7code,
8kbd,
9pre,
10samp {
11  font-family: $font-family-monospace;
12}
13
14// Inline code
15code {
16  padding: 2px 4px;
17  font-size: 90%;
18  color: $code-color;
19  background-color: $code-bg;
20  border-radius: $border-radius-base;
21}
22
23// User input typically entered via keyboard
24kbd {
25  padding: 2px 4px;
26  font-size: 90%;
27  color: $kbd-color;
28  background-color: $kbd-bg;
29  border-radius: $border-radius-small;
30  box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
31
32  kbd {
33    padding: 0;
34    font-size: 100%;
35    font-weight: bold;
36    box-shadow: none;
37  }
38}
39
40// Blocks of code
41pre {
42  display: block;
43  padding: (($line-height-computed - 1) / 2);
44  margin: 0 0 ($line-height-computed / 2);
45  font-size: ($font-size-base - 1); // 14px to 13px
46  line-height: $line-height-base;
47  word-break: break-all;
48  word-wrap: break-word;
49  color: $pre-color;
50  background-color: $pre-bg;
51  border: 1px solid $pre-border-color;
52  border-radius: $border-radius-base;
53
54  // Account for some code outputs that place code tags in pre tags
55  code {
56    padding: 0;
57    font-size: inherit;
58    color: inherit;
59    white-space: pre-wrap;
60    background-color: transparent;
61    border-radius: 0;
62  }
63}
64
65// Enable scrollable blocks of code
66.pre-scrollable {
67  max-height: $pre-scrollable-max-height;
68  overflow-y: scroll;
69}
70