Skip to content

Commit 5d94943

Browse files
feat: add dot to line with a gradient
1 parent 83baee3 commit 5d94943

File tree

1 file changed

+7
-1
lines changed

1 file changed

+7
-1
lines changed

src/components/Timeline.astro

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -37,7 +37,13 @@ const displayTriangle = shortSpine ? "none" : "absolute";
3737
position: absolute;
3838
left: 50%;
3939
transform: translateX(-50%);
40-
background-color: var(--color-primary);
40+
background: linear-gradient(
41+
to bottom,
42+
var(--color-primary) 0.4rem,
43+
transparent 0.4rem,
44+
transparent 0.55rem,
45+
var(--color-primary) 0.55rem
46+
);
4147
z-index: 3; /* above potential dividers */
4248
}
4349

0 commit comments

Comments
 (0)