diff --git a/packages/calcite-components/src/components/stepper/stepper.scss b/packages/calcite-components/src/components/stepper/stepper.scss index e72722e14a5..5f8b299a311 100644 --- a/packages/calcite-components/src/components/stepper/stepper.scss +++ b/packages/calcite-components/src/components/stepper/stepper.scss @@ -8,13 +8,13 @@ * @prop --calcite-stepper-action-background-color: defines the background color of an action sub-component inside the component. * @prop --calcite-stepper-action-background-color-hover: defines the background color of an action sub-component when hovered or focused. * @prop --calcite-stepper-action-background-color-active: defines the background color of an action sub-component when active. - * @prop --calcite-stepper-step-bar-fill-color : Specifies fill color for step-bar. - * @prop --calcite-stepper-step-bar-fill-color-hover : Specifies fill color for step-bar when hovered. - * @prop --calcite-stepper-step-bar-selected-fill-color : Specifies fill color for selected step-bar. - * @prop --calcite-stepper-step-bar-complete-fill-color : Specifies fill color for completed step-bar. - * @prop --calcite-stepper-step-bar-completed-fill-color-hover : Specifies fill color for completed step-bar when hovered. - * @prop --calcite-stepper-step-bar-error-fill-color : Specifies fill color for error step-bar. - * @prop --calcite-stepper-step-bar-error-fill-color-hover : Specifies fill color for error step-bar when hovered. + * @prop --calcite-stepper-step-bar-fill-color: Specifies fill color for step-bar. + * @prop --calcite-stepper-step-bar-fill-color-hover: Specifies fill color for step-bar when hovered. + * @prop --calcite-stepper-step-bar-selected-fill-color: Specifies fill color for selected step-bar. + * @prop --calcite-stepper-step-bar-complete-fill-color: Specifies fill color for completed step-bar. + * @prop --calcite-stepper-step-bar-completed-fill-color-hover: Specifies fill color for completed step-bar when hovered. + * @prop --calcite-stepper-step-bar-error-fill-color: Specifies fill color for error step-bar. + * @prop --calcite-stepper-step-bar-error-fill-color-hover: Specifies fill color for error step-bar when hovered. * */ diff --git a/packages/calcite-components/src/demos/card.html b/packages/calcite-components/src/demos/card.html index e7ec6046922..5f42d62f4d1 100644 --- a/packages/calcite-components/src/demos/card.html +++ b/packages/calcite-components/src/demos/card.html @@ -49,6 +49,44 @@ + + + + Heading + Description + + + Heading + Description + + + Heading + Description + + + Heading + Description + + +

Card

Adjust selection mode of demo Chip Groups
diff --git a/packages/calcite-components/src/demos/shell-panel.html b/packages/calcite-components/src/demos/shell-panel.html index fe241d016af..b973f24da97 100644 --- a/packages/calcite-components/src/demos/shell-panel.html +++ b/packages/calcite-components/src/demos/shell-panel.html @@ -88,178 +88,211 @@
- -
- - - Not content behind - - Content behind - - - - Not tall content - - Tall content - - - - Not resizable - - Resizable - -
+ + + + + + + + + + +
+ + + Not content behind + + + Content behind + + + + + Not tall content + + Tall content + + + + Not resizable + + Resizable + +
-
- - - - - - - - - - - - - - - - - - - - - - - - - - dock - float - overlay - - - - - +
+ + + + + + + + + + + + + + + + + + + + + + + + + + dock + float + overlay + + + + + - - - Add layers - - - - - - - - - - - - - - - - - - - - - - - - - - - - - dock - float - overlay - - - - - + + + Add layers + + + + + + + + + + + + + + + + + + + + + + + + + + + + + dock + float + overlay + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - dock - float - overlay - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + dock + float + overlay + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - dock - float - overlay - - - - - -
Footer
- + + + + + + + + + + + + + + + + + + + + + + + + + + dock + float + overlay + + + + + +
Footer
+ +