fix: separate hr and alt background color

This commit is contained in:
Kazhnuz 2024-09-11 01:16:38 +02:00
parent 723cad2f1c
commit 944982c78e
3 changed files with 5 additions and 3 deletions

View file

@ -59,7 +59,7 @@ li:not(.no-margin) {
} }
hr { hr {
border: 1px solid var(--color-background-alt); border: 1px solid var(--color-hr);
border-bottom: 1px; border-bottom: 1px;
margin: 1em; margin: 1em;
box-sizing: content-box; box-sizing: content-box;

View file

@ -90,7 +90,7 @@ a[href].button:not(.link), a[href].button:visited:not(.link), button, input[type
width: 100%; // make the content sit on it's own row width: 100%; // make the content sit on it's own row
padding-top: .33rem; padding-top: .33rem;
border-top: 1px solid var(--color-background-alt); border-top: 1px solid var(--color-hr);
} }
&:not(:last-child) > summary { &:not(:last-child) > summary {
margin-right: .5rem; margin-right: .5rem;

View file

@ -7,9 +7,11 @@
--color-link-hover: rgba(0,0,0,0.075); --color-link-hover: rgba(0,0,0,0.075);
--color-background-alt: rgba(0,0,0,0.075); --color-background-alt: rgba(0,0,0,0.075);
--color-hr: rgba(0,0,0,0.15);
--color-text: black; --color-text: black;
--color-background: white; --color-background: #f8f9fa;
--color-card: white;
--wrapper-size: 800px; --wrapper-size: 800px;