refactor: compute aura tabs border radius (#10539)

jouni · web-flow · commit aa0f0a11dbb3 · 2025-11-25T14:10:15.000+02:00
diff --git a/packages/aura/src/components/tabs.css b/packages/aura/src/components/tabs.css
@@ -3,7 +3,7 @@
   --vaadin-tab-border-radius: var(--vaadin-radius-m);
   --vaadin-tab-font-weight: var(--aura-font-weight-medium);
   --vaadin-tabs-gap: 2px;
-  --vaadin-tabs-border-radius: calc(var(--vaadin-tab-border-radius) + 3px);
+  --vaadin-tabs-border-radius: calc(var(--vaadin-tab-border-radius) + var(--vaadin-tabs-padding));
   --vaadin-tabs-padding: 3px;
 }
 

Original file line number	Diff line number	Diff line change
`@@ -3,7 +3,7 @@`
`3`	`3`	`--vaadin-tab-border-radius: var(--vaadin-radius-m);`
`4`	`4`	`--vaadin-tab-font-weight: var(--aura-font-weight-medium);`
`5`	`5`	`--vaadin-tabs-gap: 2px;`
`6`		`- --vaadin-tabs-border-radius: calc(var(--vaadin-tab-border-radius) + 3px);`
	`6`	`+ --vaadin-tabs-border-radius: calc(var(--vaadin-tab-border-radius) + var(--vaadin-tabs-padding));`
`7`	`7`	`--vaadin-tabs-padding: 3px;`
`8`	`8`	`}`
`9`	`9`