portfolio_leptos/src/components/timeline/Timeline.scss

.timeline {
    @apply w-full px-5;

    & > ul {
        @apply list-none py-5 px-0 relative w-full max-w-5xl mx-auto;

        // Draw center line
        &:before {
            @apply top-0 bottom-0 left-0 md:left-1/2 absolute content-[""] w-2;
            @apply bg-primary/10 dark:bg-dark_primary/10;
            @apply shadow-md shadow-primary/5 dark:shadow-dark_primary/5;
        }
    }
}