Nested border radius

Link https://codepen.io/jh3y/pen/KKrYaxx?editors=1100
Note date 10 Oct, 2023
Tags css
👋 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