Nested border radius

👋 FYI, this note is over 6 months old. Some of the content may be out of date.
.panel {
--radius: 28px;
--padding: 8px;
--nested-radius: calc(var(--radius) - var(--padding);
}
.content {
border-radius: var(--nested-radius);
}

← Back home