forked from solidjs/solid-docs
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathexpressive-code.css
More file actions
45 lines (37 loc) · 1.27 KB
/
expressive-code.css
File metadata and controls
45 lines (37 loc) · 1.27 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
.expressive-code-overrides .expressive-code {
@apply font-mono my-4;
}
.expressive-code-overrides .expressive-code .frame {
@apply rounded-xl shadow-none ring-1 ring-slate-300/10;
}
.expressive-code-overrides .expressive-code .frame.is-terminal .header {
@apply border-solid border-b border-x-0 border-t-0 border-slate-600/20;
}
.expressive-code-overrides .expressive-code pre {
@apply rounded-xl;
}
.expressive-code-overrides .expressive-code pre > code {
@apply font-mono;
}
.expressive-code-overrides .expressive-code .copy button {
@apply rounded-lg bg-transparent;
}
.expressive-code-overrides .expressive-code .copy .feedback {
@apply bg-blue-500;
}
.expressive-code-overrides .expressive-code .copy .feedback::after {
@apply border-l-blue-500;
}
/* Scroll bar */
.expressive-code-overrides .expressive-code pre::-webkit-scrollbar,
.expressive-code-overrides .expressive-code pre::-webkit-scrollbar-track {
@apply bg-transparent;
}
.expressive-code-overrides .expressive-code pre::-webkit-scrollbar {
@apply w-5 h-5 rounded-xl border-[6px] border-solid border-transparent;
background-clip: content-box;
}
.expressive-code-overrides .expressive-code pre::-webkit-scrollbar-thumb {
@apply rounded-xl border-[6px] border-solid border-transparent;
background-clip: content-box;
}