diff --git a/examples/bpk-component-card/examples.js b/examples/bpk-component-card/examples.js index 36ee1ccabc..fc3c446ef6 100644 --- a/examples/bpk-component-card/examples.js +++ b/examples/bpk-component-card/examples.js @@ -110,14 +110,11 @@ const DefaultDividedCardExample = () => ( ); const VerticalDividedCardExample = () => ( - -
- -
+ ); const WithHrefDividedCardExample = () => ( ( ); const NonElevatedDividedCardExample = () => ( - -
- -
+ ); const CardWrapperExample = () => ( diff --git a/packages/bpk-component-card/src/BpkDividedCard.module.scss b/packages/bpk-component-card/src/BpkDividedCard.module.scss index 93beaaa2b9..f88dd39bdb 100644 --- a/packages/bpk-component-card/src/BpkDividedCard.module.scss +++ b/packages/bpk-component-card/src/BpkDividedCard.module.scss @@ -19,16 +19,9 @@ @use '../../unstable__bpk-mixins/tokens'; @use '../../unstable__bpk-mixins/utils'; -$min-vertical-width: 240; -$max-vertical-width: 720; -$min-horizontal-width: $max-vertical-width + 1; -$min-horizontal-height: 292; -$fixed-secondary-width: 216; - .bpk-divided-card { &--content { display: flex; - height: 100%; align-items: stretch; } @@ -38,14 +31,10 @@ $fixed-secondary-width: 216; &--vertical-container { display: flex; - min-width: tokens.$bpk-one-pixel-rem * $min-vertical-width; - max-width: tokens.$bpk-one-pixel-rem * $max-vertical-width; } &--horizontal-container { display: flex; - min-width: tokens.$bpk-one-pixel-rem * $min-horizontal-width; - min-height: tokens.$bpk-one-pixel-rem * $min-horizontal-height; } &__primary { @@ -60,7 +49,6 @@ $fixed-secondary-width: 216; } &--horizontal { - width: tokens.$bpk-one-pixel-rem * $fixed-secondary-width; border-left: tokens.$bpk-input-border; @include utils.bpk-rtl {