Solving the Last Item Problem for a Circular Distribution with Partially Overlapping Items

Let’s say we wanted to have something like this:
Clockwise circular (cyclic) distribution with partially overlapping items.
At first, this doesn’t seem too complicated. We start with 12 numbered items:
– 12.times do |i|
.item #{i}
We give these items dimensions, position them absolutely in the middle of their container, give them a background, a box-shadow (or a border) and tweak the text-related properties a bit so that everything looks nice.
$d: 2em;
.item {
position: absolute;
margin: …

Solving the Last Item Problem for a Circular Distribution with Partially Overlapping Items is a post from CSS-Tricks

Link: https://css-tricks.com/solving-last-item-problem-circular-distribution-partially-overlapping-items/