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/5 dark:bg-dark_primary/5;
            // @apply shadow-2xl shadow-on_surface/50 dark:shadow-dark_on_surface/50;
        }
    }
}