liquidex/treehouse
liquidex/treehouse
1
Fork 0
Code Issues 39 Activity

fix some hacks in main.css that are no longer needed after scrollbar-color fix

Browse source
This commit is contained in:
liquidex 2024-06-18 20:41:02 +02:00
parent 742c4b96cd
commit acb5a44866
1 changed files with 1 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
static/css/main.css
View file

@ -22,11 +22,6 @@
--border-1: rgba(0, 0, 0, 15%); --border-1: rgba(0, 0, 0, 15%);
--border-2: rgba(0, 0, 0, 30%); --border-2: rgba(0, 0, 0, 30%);
--hover: rgba(0, 0, 0, 15%); --hover: rgba(0, 0, 0, 15%);
/* Hack to enable theme-matching scrollbars in <pre> */
--shaded-against-background: #f2f0ea;
--shaded-against-background-twice: #e6e4de;
} }
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
@ -42,9 +37,6 @@
--border-1: #f7e5df26; --border-1: #f7e5df26;
--border-1-and-a-half: #f7e5df3a; --border-1-and-a-half: #f7e5df3a;
--border-2: #f7e5df4d; --border-2: #f7e5df4d;
--shaded-against-background: #29313e;
--shaded-against-background-twice: #333a46;
} }
} }
@ -267,7 +259,7 @@ pre,
th-literate-program { th-literate-program {
padding: var(--8px) var(--12px); padding: var(--8px) var(--12px);
margin: var(--12px) 0; margin: var(--12px) 0;
background-color: var(--shaded-against-background); background-color: var(--shaded-background);
border-radius: 0.5em; border-radius: 0.5em;
transition: background-color var(--transition-duration); transition: background-color var(--transition-duration);
@ -282,17 +274,6 @@ th-literate-program {
} }
} }
@media (prefers-color-scheme: dark) {
.tree summary:hover {
& pre,
& th-literate-program:not([data-mode="output"]) {
background-color: var(--shaded-against-background-twice);
}
}
}
pre>code, pre>code,
th-literate-program>code { th-literate-program>code {
padding: 0; padding: 0;