]> git.proxmox.com Git - pve-eslint.git/blame - eslint/docs/src/assets/scss/syntax-highlighter.scss
import 8.41.0 source
[pve-eslint.git] / eslint / docs / src / assets / scss / syntax-highlighter.scss
CommitLineData
8f9d1d4d
DC
1code[class*="language-"],
2pre[class*="language-"] {
f2a92ac6
DC
3 font-family:
4 var(--mono-font),
5 Consolas,
8f9d1d4d 6 Monaco,
f2a92ac6
DC
7 "Andale Mono",
8 "Ubuntu Mono",
8f9d1d4d
DC
9 monospace;
10 font-size: 1em;
11 text-align: left;
12 white-space: pre;
13 word-spacing: normal;
14 word-break: normal;
15 word-wrap: normal;
16 line-height: 1.5;
17 font-variant-ligatures: none;
8f9d1d4d 18 tab-size: 4;
8f9d1d4d
DC
19 hyphens: none;
20}
21
22@media print {
8f9d1d4d
DC
23 code[class*="language-"],
24 pre[class*="language-"] {
25 text-shadow: none;
26 }
27}
28
29/* Code blocks */
30pre[class*="language-"] {
31 padding: 1.5rem;
32 margin: 1.5rem 0;
33 overflow: auto;
8f9d1d4d 34 border-radius: var(--border-radius);
8f9d1d4d
DC
35 background-color: var(--lightest-background-color);
36 color: var(--color-neutral-900);
37
38 [data-theme="dark"] & {
39 color: var(--color-neutral-100);
40 }
f2a92ac6
DC
41
42 &.line-numbers-mode {
43 padding-left: calc(1.5rem + 2.4em + 1.2rem);
44 }
8f9d1d4d
DC
45}
46
f2a92ac6 47:not(pre) > code[class*="language-"],
8f9d1d4d
DC
48pre[class*="language-"] {
49 background-color: var(--lightest-background-color);
50}
51
52/* Inline code */
f2a92ac6
DC
53:not(pre) > code[class*="language-"] {
54 padding: 0.1em;
55 border-radius: 0.3em;
8f9d1d4d
DC
56 white-space: normal;
57}
58
59.token.comment,
60.token.prolog,
61.token.doctype,
62.token.cdata {
f2a92ac6 63 color: #6e7f8e;
8f9d1d4d
DC
64
65 [data-theme="dark"] & {
f2a92ac6 66 color: #8e9fae;
8f9d1d4d
DC
67 }
68}
69
8f9d1d4d 70.token.namespace {
f2a92ac6 71 opacity: 0.7;
8f9d1d4d
DC
72}
73
8f9d1d4d
DC
74.token.selector,
75.token.attr-name,
76.token.string,
77.token.char,
78.token.builtin,
79.token.inserted {
80 color: var(--link-color);
81}
82
8f9d1d4d
DC
83.token.atrule,
84.token.attr-value,
85.token.keyword {
86 color: var(--link-color);
87}
88
89.token.important,
90.token.bold {
91 font-weight: bold;
92}
93
94.token.italic {
95 font-style: italic;
96}
97
98.token.entity {
99 cursor: help;
100}
101
f2a92ac6
DC
102.line-numbers-wrapper {
103 position: absolute;
104 top: 0;
105 left: 1.5rem;
106 text-align: right;
107 padding-top: 1.5rem;
108 font-size: 1em;
109 font-family: var(--mono-font), Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
110 line-height: 1.5;
111 color: var(--icon-color);
8f9d1d4d 112 font-variant-ligatures: none;
8f9d1d4d 113
f2a92ac6
DC
114 .line-number {
115 user-select: none;
116 color: var(--icon-color);
117 display: inline-block;
118 font-variant-numeric: tabular-nums;
119 text-align: right;
120 width: 1.2em;
121 }
8f9d1d4d 122}