this repo has no description
Adjust comment lines a little
+4
-3
+4
-3
src/app.css
+4
-3
src/app.css
···
239
239
transition: opacity 0.3s ease-in-out;
240
240
}
241
241
.timeline.contextual > li:first-child {
242
-
background-position: 0 16px;
242
+
background-position: 0 calc(16px + var(--avatar-size));
243
243
}
244
244
.timeline.contextual > li:last-child {
245
245
background-size: 100% 20px;
···
595
595
}
596
596
597
597
.timeline:not(.flat) > li.timeline-item-container {
598
+
--avatar-size: 50px;
598
599
--line-start: 40px;
599
600
--line-width: 3px;
600
601
--line-end: calc(var(--line-start) + var(--line-width));
···
614
615
border-bottom-left-radius: 0;
615
616
border-bottom-right-radius: 0;
616
617
border-bottom: 0;
617
-
background-position: 0 16px;
618
+
background-position: 0 calc(16px + var(--avatar-size));
618
619
}
619
620
.timeline:not(.flat) > li.timeline-item-container-middle {
620
621
margin-top: 0;
···
628
629
border-top-left-radius: 0;
629
630
border-top-right-radius: 0;
630
631
border-top: 0;
631
-
background-size: 100% 20px;
632
+
background-size: 100% 16px;
632
633
}
633
634
.timeline:not(.flat)
634
635
> li:is(.timeline-item-container-middle, .timeline-item-container-end)