_code.css (1508B)
1 .chroma .lntable pre {
2 padding: 0;
3 margin: 0;
4 border: 0;
5 }
6
7 .chroma .lntable pre code {
8 padding: 0;
9 margin: 0;
10 }
11
12 code {
13 padding: 0.2em;
14 margin: 0;
15 font-size: 85%;
16 background-color: rgba(27,31,35,0.05);
17 border-radius: 3px;
18 }
19
20 pre code {
21 display: block;
22 padding: 1.5em 1.5em;
23 font-size: .875rem;
24 line-height: 2;
25 overflow-x: auto;
26 }
27
28 pre {
29 background-color: #fff;
30 color: #333;
31 white-space: pre;
32 hyphens: none;
33 position: relative;
34 border-width: 1px;
35 border-color: #ccc;
36 border-style: solid;
37 }
38
39 /* The Pygments highlighter comes with its own styles. */
40 .highlight pre {
41 background-color: inherit;
42 color: inherit;
43 padding: 0.5em;
44 font-size: .875rem;
45 }
46
47
48 /*We are adding the copy button content here so we can change it with javascript. See the "Clipboard scripts"*/
49 .copy:after {
50 content: "Copy"
51 }
52 .copied:after {
53 content: "Copied"
54 }
55
56 @media (--breakpoint-large) {
57 .full-width, pre.expand:hover
58 {
59 /*width: 100vw;
60 position: relative;
61 left: 50%;
62 right: 50%;
63 margin-left: -50vw;
64 margin-right: -50vw;*/
65 /*width: 60vw;*/
66 /*position: relative;
67 left: 50%;
68 right: 50%;*/
69 /*margin-left: -30vw;*/
70 margin-right: -30vw;
71 max-width: 100vw;
72 }
73 }
74
75 .code-block .line-numbers-rows {
76 background: #2f3a46;
77 border: none;
78 bottom: -50px;
79 color: #98a4b3;
80 left: -178px;
81 padding: 50px 0;
82 top: -50px;
83 width: 138px
84 }
85
86 .code-block .line-numbers-rows>span:before {
87 color: inherit;
88 padding-right: 30px
89 }