portfolio_leptos/src/components/timeline/Timeline.scss

.timeline {
    @apply w-full p-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 bg-[#f5f5f5];
            box-shadow: 1px 1px 5px #dee1e4, -1px -1px 5px #fff;
        }
    }
}