versia-pub/docs
2
0
Fork 0
mirror of https://github.com/versia-pub/docs.git synced 2026-03-13 02:49:16 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: ✨ Update shiki to latest version, add code focus plugin

Browse source
This commit is contained in:
Jesse Wierzbinski 2024-07-22 16:17:50 +02:00
parent bfa63e26a8
commit dd43542cea
No known key found for this signature in database
5 changed files with 111 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

69
styles/tailwind.css
View file

@ -14,6 +14,75 @@
[inert] ::-webkit-scrollbar {
display: none;
}
.prose [class*='language-'] code .highlighted {
background-color: var(--vp-code-line-highlight-color);
transition: background-color 0.5s;
margin: 0 -24px;
padding: 0 24px;
width: calc(100% + 48px);
display: inline-block;
}
.prose [class*='language-'] code .highlighted.error {
background-color: var(--vp-code-line-error-color);
}
.prose [class*='language-'] code .highlighted.warning {
background-color: var(--vp-code-line-warning-color);
}
.prose [class*='language-'] code .diff {
transition: background-color 0.5s;
margin: 0 -24px;
padding: 0 24px;
width: calc(100% + 48px);
display: inline-block;
}
.prose [class*='language-'] code .diff:before {
position: absolute;
left: 10px;
}
.prose [class*='language-'] .has-focused .line:not(.focused) {
filter: blur(0.095rem);
opacity: 0.4;
transition:
filter 0.35s,
opacity 0.35s;
}
.prose [class*='language-'] .has-focused .line:not(.focused) {
opacity: 0.7;
transition:
filter 0.35s,
opacity 0.35s;
}
.prose [class*='language-']:hover .has-focused .line:not(.focused) {
filter: blur(0);
opacity: 1;
}
.prose [class*='language-'] code .diff.remove {
background-color: var(--vp-code-line-diff-remove-color);
opacity: 0.7;
}
.prose [class*='language-'] code .diff.remove:before {
content: '-';
color: var(--vp-code-line-diff-remove-symbol-color);
}
.prose [class*='language-'] code .diff.add {
background-color: var(--vp-code-line-diff-add-color);
}
.prose [class*='language-'] code .diff.add:before {
content: '+';
color: var(--vp-code-line-diff-add-symbol-color);
}
}
@tailwind base;