refactor: rename style variable

Author: stampaaaron

src/components/Timeline.css

@@ -11,11 +11,11 @@
   --pointer-height: 2rem;
   --pointer-width: 1rem;
   --pointer-min-offset: 5rem;
-  --pointer-spacing: 1rem;
   --card-background: whitesmoke;
   --card-radius: 0.1rem;
   --card-shadow: unset;
   --card-padding: 1rem;
+  --card-offset: 1rem;
 }
 
 .timeline {
@@ -63,7 +63,7 @@
   display: flex;
   align-items: flex-start;
   transition: top 0.1s;
-  gap: var(--pointer-spacing);
+  gap: var(--card-offset);
 }
 
 .timeline__items-container--left .timeline-item {

src/models/style.ts

@@ -23,13 +23,13 @@ export type StyleConfig = {
     height?: CSSProperties['height'];
     width?: CSSProperties['width'];
     minOffset?: CSSProperties['marginTop'];
-    spacing?: CSSProperties['gap'];
   };
   card?: {
     background?: CSSProperties['backgroundColor'];
     radius?: CSSProperties['borderRadius'];
     shadow?: CSSProperties['boxShadow'];
     padding?: CSSProperties['padding'];
+    offset?: CSSProperties['gap'];
   };
 };