1 |
|
2 |
|
3 |
|
4 |
|
5 |
|
6 |
|
7 |
|
8 |
|
9 |
|
10 |
|
11 |
|
12 | pre,
|
13 | code,
|
14 | kbd,
|
15 | samp {
|
16 | font-size: 0.875em;
|
17 | font-family: var(--font-family);
|
18 | }
|
19 |
|
20 |
|
21 | pre {
|
22 | -ms-overflow-style: scrollbar;
|
23 | overflow: auto;
|
24 | }
|
25 |
|
26 |
|
27 |
|
28 |
|
29 | pre,
|
30 | code,
|
31 | kbd {
|
32 | border-radius: var(--border-radius);
|
33 | background: var(--code-background-color);
|
34 | color: var(--code-color);
|
35 | font-weight: var(--font-weight);
|
36 | line-height: initial;
|
37 | }
|
38 |
|
39 | code,
|
40 | kbd {
|
41 | display: inline-block;
|
42 | padding: 0.375rem 0.5rem;
|
43 | }
|
44 |
|
45 | pre {
|
46 | display: block;
|
47 | margin-bottom: var(--spacing);
|
48 | overflow-x: auto;
|
49 |
|
50 | > code {
|
51 | display: block;
|
52 | padding: var(--spacing);
|
53 | background: none;
|
54 | font-size: 14px;
|
55 | line-height: var(--line-height);
|
56 | }
|
57 | }
|
58 |
|
59 |
|
60 | code {
|
61 |
|
62 | b {
|
63 | color: var(--code-tag-color);
|
64 | font-weight: var(--font-weight);
|
65 | }
|
66 |
|
67 |
|
68 | i {
|
69 | color: var(--code-property-color);
|
70 | font-style: normal;
|
71 | }
|
72 |
|
73 |
|
74 | u {
|
75 | color: var(--code-value-color);
|
76 | text-decoration: none;
|
77 | }
|
78 |
|
79 |
|
80 | em {
|
81 | color: var(--code-comment-color);
|
82 | font-style: normal;
|
83 | }
|
84 | }
|
85 |
|
86 |
|
87 | kbd {
|
88 | background-color: var(--code-kbd-background-color);
|
89 | color: var(--code-kbd-color);
|
90 | vertical-align: baseline;
|
91 | }
|