🐛 Fix code highlight issue

Fixes: #374
This commit is contained in:
James Panther
2022-11-23 09:37:50 +11:00
parent cd507ce0eb
commit 772f342e7a
2 changed files with 49 additions and 56 deletions
+33 -39
View File
@@ -1173,64 +1173,37 @@ body:has(#menu-controller:checked) {
/* Background */
.prose .chroma {
position: static;
.chroma {
border-radius: 0.375rem;
--tw-bg-opacity: 1;
background-color: rgba(var(--color-neutral-50), var(--tw-bg-opacity));
padding-top: 0.75rem;
padding-bottom: 0.75rem;
--tw-text-opacity: 1;
color: rgba(var(--color-neutral-700), var(--tw-text-opacity));
}
.dark .prose .chroma {
.dark .chroma {
--tw-bg-opacity: 1;
background-color: rgba(var(--color-neutral-700), var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgba(var(--color-neutral-200), var(--tw-text-opacity));
}
/* LineTableTD */
.chroma .lntd,
.chroma .lntd pre {
.chroma pre {
margin: 0px;
overflow: hidden;
border-style: none;
padding: 0px;
vertical-align: top;
}
/* LineTable */
.chroma .lntable {
margin: 0px;
display: block;
width: auto;
overflow-x: auto;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
overflow: auto;
font-size: 1rem;
line-height: 1.5rem;
border-spacing: 0;
}
/* LineTable Line */
.chroma .lntable .line {
padding-right: 1rem;
}
/* LineHighlight */
.chroma .hl {
display: block;
width: auto;
--tw-bg-opacity: 1;
background-color: rgba(var(--color-primary-100), var(--tw-bg-opacity));
}
.dark .chroma .hl {
--tw-bg-opacity: 1;
background-color: rgba(var(--color-primary-900), var(--tw-bg-opacity));
}
/* LineNumbersTable */
@@ -1239,11 +1212,9 @@ body:has(#menu-controller:checked) {
.chroma .lnt,
.chroma .ln {
margin-right: 0.4em;
padding-left: 0.4em;
padding-right: 0.4em;
padding-top: 0px;
padding-bottom: 0px;
margin-right: 0.5rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
--tw-text-opacity: 1;
color: rgba(var(--color-neutral-600), var(--tw-text-opacity));
}
@@ -1254,6 +1225,29 @@ body:has(#menu-controller:checked) {
color: rgba(var(--color-neutral-300), var(--tw-text-opacity));
}
.chroma .lntd {
padding: 0px;
vertical-align: top;
}
.chroma .lntd:last-of-type {
width: 100%;
}
/* LineHighlight */
.chroma .hl {
display: block;
width: 100%;
--tw-bg-opacity: 1;
background-color: rgba(var(--color-primary-100), var(--tw-bg-opacity));
}
.dark .chroma .hl {
--tw-bg-opacity: 1;
background-color: rgba(var(--color-primary-900), var(--tw-bg-opacity));
}
/* Keyword */
/* KeywordDeclaration */