TILs, snippets—my digital code garden 🌱. By Zander Martineau
All tags All notes javascript (50) css (36) react (33) html (14) typescript (12) testing (8) devops (5) node (4) cli (4) graphql (4) git (4) cheatsheet (4) storybook (2) typography (2) svelte (2) 11ty (2) networking (1) animation (1) services (1) api (1) a11y (1) deno (1) cypress (1) vscode (1) sveltekit (1) ai (1) sql (1) interview (1) questions (1) untagged (17)
© 2023 • Made by Zander • Colophon • RSS

Nested border radius

Link https://codepen.io/jh3y/pen/KKrYaxx?editors=1100
Note date 10 Oct, 2023
Tags css
.panel {
--radius: 28px;
--padding: 8px;
--nested-radius: calc(var(--radius) - var(--padding);
}
.content {
border-radius: var(--nested-radius);
}

← Back home