yuany3721/vuepress-theme-plume
1
0
Fork 0
forked from gitea-yuany3721/vuepress-theme-plume
Code Pull Requests Activity

fix(theme): fix code block highlight word rendering incorrect

Browse Source
This commit is contained in:
pengzhanbo 2025-05-31 02:41:15 +08:00
parent 921e8100ae
commit 76344550fc
1 changed files with 18 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
theme/src/client/styles/code.css
View File

@ -182,13 +182,29 @@ html:not([data-theme="dark"]) .vp-code span {
}
.vp-doc div[class*="language-"] code .highlighted-word {
padding: 1px 3px;
margin: -1px -3px;
padding: 1px 2px;
margin: -1px -2px;
background-color: var(--vp-c-gray-soft);
border: 1px solid var(--vp-c-border);
border-radius: 4px;
}
.vp-doc div[class*="language-"] code .highlighted-word:has(+ .highlighted-word) {
padding-right: 0;
margin-right: 0;
border-right: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.vp-doc div[class*="language-"] code .highlighted-word + .highlighted-word {
padding-left: 0;
margin-left: 0;
border-left: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.vp-doc div[class*="language-"] code .tab,
.vp-doc div[class*="language-"] code .space {
position: relative;