From 556b8bc66612a5a00405a28ec6dbe5b635ac9d10 Mon Sep 17 00:00:00 2001 From: Anveshreddy mekala Date: Tue, 21 Nov 2023 14:11:15 -0600 Subject: [PATCH] feat(stepper): enable responsive layout (#7744) **Related Issue:** #6694 Enables responsive layout for stepper component. - stepper element `host` display is changed to `flex` from `grid` - grid column width will use `minmax( )` instead of fixed fractional units. - When none of the stepper item's are selected and the first one is disabled, the first available enabled stepper will be selected. --- packages/calcite-components/src/components/stepper/stepper.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/calcite-components/src/components/stepper/stepper.scss b/packages/calcite-components/src/components/stepper/stepper.scss index 86525130164..807a2c40f4d 100644 --- a/packages/calcite-components/src/components/stepper/stepper.scss +++ b/packages/calcite-components/src/components/stepper/stepper.scss @@ -86,7 +86,7 @@ } .step-bar--inactive { - fill: var(--calcite-ui-border-3, #dfdfdf); + fill: var(--calcite-color-border-3, #dfdfdf); fill-opacity: 1; block-size: 100%; }