style changes for nested replies
Anirudh Oppiliappan x@icyphox.sh
Wed, 21 Jun 2023 21:36:17 +0300
1 files changed,
15 insertions(+),
23 deletions(-)
jump to
M
views/style.css
→
views/style.css
@@ -210,7 +210,7 @@ input[type="checkbox"]:checked + span:after {
content: "yes"; } input[type="checkbox"]:focus + span:after { - outline: 1px solid var(--fg); + outline: 1px solid var(--hl); } input[type=file] { display: none;@@ -222,9 +222,9 @@ }
.honk { margin: auto; background: var(--bg-page); - border-top: 1px solid var(--hl); + /*border-top: 1px solid var(--hl); border-left: 1px solid var(--hl); - border-right: 1px solid var(--hl); + border-right: 1px solid var(--hl);*/ padding-left: 1em; padding-right: 1em; padding-top: 0;@@ -232,32 +232,24 @@ overflow: hidden;
} .level1 { - margin-left: 0.5em; + margin-left: 0.7em; + border-left: 1px solid var(--hl); } -.level1::before { - position: absolute; - content: ">"; -} + + .level2 { - margin-left: 1.0em; -} -.level2::before { - position: absolute; - content: ">>"; + margin-left: 1.4em; + border-left: 1px solid var(--hl); } + .level3 { - margin-left: 1.5em; + margin-left: 2.1em; + border-left: 1px solid var(--hl); } -.level3::before { - position: absolute; - content: ">>>"; -} + .level4 { - margin-left: 2.0em; -} -.level4::before { - position: absolute; - content: ">>>>"; + margin-left: 2.8em; + border-left: 1px solid var(--hl); } #honksonpage article:last-child {