fix: improve mdx code block pipeline
This commit is contained in:
@@ -271,15 +271,19 @@
|
||||
background-color: oklch(0.10 0 0 / 0.85);
|
||||
color: var(--color-code-copy);
|
||||
}
|
||||
[data-rehype-pretty-code-figure]:hover .rehype-pretty-copy {
|
||||
[data-rehype-pretty-code-figure]:hover .rehype-pretty-copy,
|
||||
[data-rehype-pretty-code-figure] .rehype-pretty-copy:focus-visible,
|
||||
[data-rehype-pretty-code-figure] .rehype-pretty-copy:focus {
|
||||
opacity: 1;
|
||||
}
|
||||
[data-rehype-pretty-code-figure] .rehype-pretty-copy:hover {
|
||||
[data-rehype-pretty-code-figure] .rehype-pretty-copy:hover,
|
||||
[data-rehype-pretty-code-figure] .rehype-pretty-copy:focus-visible {
|
||||
@apply border-current;
|
||||
background-color: oklch(0.95 0 0 / 0.95);
|
||||
color: var(--color-code-copy-hover);
|
||||
}
|
||||
.dark [data-rehype-pretty-code-figure] .rehype-pretty-copy:hover {
|
||||
.dark [data-rehype-pretty-code-figure] .rehype-pretty-copy:hover,
|
||||
.dark [data-rehype-pretty-code-figure] .rehype-pretty-copy:focus-visible {
|
||||
background-color: oklch(0.15 0 0 / 0.95);
|
||||
}
|
||||
[data-rehype-pretty-code-figure] .rehype-pretty-copy.rehype-pretty-copied {
|
||||
|
||||
Reference in New Issue
Block a user