Jason Zimdars
7b2ecf5d1a
This doesn't actually work but I thought I'd leave it in since it's a reproducible case for: https://github.com/hotwired/turbo/issues/211
53 lines
1020 B
CSS
53 lines
1020 B
CSS
.comments {
|
|
hr {
|
|
block-size: 6cqi;
|
|
border-inline-start: 1px solid var(--splat-color);
|
|
display: block;
|
|
inline-size: 2px;
|
|
margin: auto;
|
|
overflow: initial;
|
|
position: relative;
|
|
|
|
&::after {
|
|
background: var(--color-bg);
|
|
border: 2px solid var(--splat-color);
|
|
border-radius: 50%;
|
|
content: "";
|
|
display: block;
|
|
height: 1cqi;
|
|
inline-size: 1cqi;
|
|
inset: auto auto -0.5cqi auto;
|
|
margin-inline-start: -0.5cqi;
|
|
position: absolute;
|
|
}
|
|
|
|
&::before {
|
|
background: var(--color-bg);
|
|
border: 2px solid var(--splat-color);
|
|
border-radius: 50%;
|
|
content: "";
|
|
display: block;
|
|
height: 1cqi;
|
|
inline-size: 1cqi;
|
|
inset: -0.5cqi auto auto auto;
|
|
margin-inline-start: -0.5cqi;
|
|
position: absolute;
|
|
}
|
|
}
|
|
}
|
|
|
|
.comment {
|
|
inline-size: 100%;
|
|
flex-wrap: wrap;
|
|
|
|
&:target {
|
|
background-color: var(--color-selected);
|
|
}
|
|
}
|
|
|
|
.comment__body {
|
|
p:first-child {
|
|
margin-block-start: 0;
|
|
}
|
|
}
|