- var timeline = [ { title: "Title A", detail: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi." }, { title: "Title B", detail: " Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi." }, { title: "Title C", detail: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi." }, { title: "Title D", detail: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi." }, { title: "Title D", detail: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi." } ]; mixin timeline(entry) dl.timeline--entry dt.timeline--entry__title= entry.title dd.timeline--entry__detail= entry.detail .wrapper h1 Timeline Created With CSS Grid .timeline for entry in timeline +timeline(entry)