Max/XTLS_Xray-docs-next
1
0
Fork 0
mirror of https://github.com/XTLS/Xray-docs-next.git synced 2026-09-22 22:38:05 +03:00
Code Issues Packages Projects Releases Wiki Activity

VitePress: Replace blurred code focus effect with dimming

Browse Source
This commit is contained in:
Meow
2026-05-08 01:07:49 +08:00
parent 56ebd1de2f
commit c03a44206d
2 changed files with 24 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.vitepress/theme/style/code-focus.css
+23
View File
@@ -0,0 +1,23 @@
/* .vitepress/theme/style/code-focus.css */
:root {
--vp-code-focus-blur: 0rem;
--vp-code-focus-dim-opacity: 0.382;
--vp-code-focus-transition-duration: 0.35s;
}
.vp-doc [class*="language-"] .has-focused-lines .line:not(.has-focus) {
filter: blur(var(--vp-code-focus-blur));
opacity: var(--vp-code-focus-dim-opacity);
transition:
filter var(--vp-code-focus-transition-duration),
opacity var(--vp-code-focus-transition-duration);
}
.vp-doc
[class*="language-"]:hover
.has-focused-lines
.line:not(.has-focus) {
filter: blur(0);
opacity: 1;
}
.vitepress/theme/style/index.css
+1
View File
@@ -1,4 +1,5 @@
@import "./var.css";
@import "./custom-block.css";
@import "./blockquote.css";
@import "./code-focus.css";
@import "./vitepress-plugin-mermaid.css";