feat: make marker radius configurable

stampaaaron · stampaaaron · commit c0828a8b1c9c · 2023-01-19T13:58:04.000Z
diff --git a/src/components/Timeline.css b/src/components/Timeline.css
@@ -7,6 +7,7 @@
   --marker-color: var(--timeline-line-color);
   --marker-inner-size: 1rem;
   --marker-inner-color: white;
+  --marker-radius: 50%;
 
   position: relative;
 }
@@ -49,7 +50,7 @@ div.timeline-item__marker {
 .timeline-item__marker::after,
 .timeline-item__marker::before {
   content: '';
-  border-radius: 50%;
+  border-radius: var(--marker-radius);
   position: absolute;
 }
 

Original file line number	Diff line number	Diff line change
`@@ -7,6 +7,7 @@`
`7`	`7`	`--marker-color: var(--timeline-line-color);`
`8`	`8`	`--marker-inner-size: 1rem;`
`9`	`9`	`--marker-inner-color: white;`
	`10`	`+ --marker-radius: 50%;`
`10`	`11`
`11`	`12`	`position: relative;`
`12`	`13`	`}`
`@@ -49,7 +50,7 @@ div.timeline-item__marker {`
`49`	`50`	`.timeline-item__marker::after,`
`50`	`51`	`.timeline-item__marker::before {`
`51`	`52`	`content: '';`
`52`		`- border-radius: 50%;`
	`53`	`+ border-radius: var(--marker-radius);`
`53`	`54`	`position: absolute;`
`54`	`55`	`}`
`55`	`56`