From 96d2bf006dacca92fd7cd8959bad10c665adae2f Mon Sep 17 00:00:00 2001 From: Une Sofie Kinn Ekroll Date: Thu, 17 Oct 2024 11:50:15 +0200 Subject: [PATCH] fix(css): let togglegroup specify the inner button's radius for easier overriding --- packages/css/togglegroup.css | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/packages/css/togglegroup.css b/packages/css/togglegroup.css index 95e7bf9827..c66552527d 100644 --- a/packages/css/togglegroup.css +++ b/packages/css/togglegroup.css @@ -2,9 +2,10 @@ --dsc-togglegroup-background: var(--ds-color-neutral-background-default); --dsc-togglegroup-border: var(--ds-border-width-default) solid var(--ds-color-neutral-border-default); --dsc-togglegroup-padding: var(--ds-spacing-1); + --dsc-togglegroup-border-radius: var(--ds-border-radius-default); background: var(--dsc-togglegroup-background); - border-radius: calc(var(--ds-border-radius-default) + var(--dsc-togglegroup-padding)); + border-radius: calc(var(--dsc-togglegroup-border-radius) + var(--dsc-togglegroup-padding)); border: var(--dsc-togglegroup-border); display: grid; gap: var(--dsc-togglegroup-padding); @@ -13,4 +14,8 @@ height: fit-content; padding: var(--dsc-togglegroup-padding); width: fit-content; + + button { + border-radius: var(--dsc-togglegroup-border-radius); + } }