diff --git a/theme/src/client/styles/code.css b/theme/src/client/styles/code.css index 81f13d65..19599e27 100644 --- a/theme/src/client/styles/code.css +++ b/theme/src/client/styles/code.css @@ -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;