Skip to content

Commit

Permalink
[CalloutCard] Consolidate se23 logic and styles (#10067)
Browse files Browse the repository at this point in the history
### WHY are these changes introduced?

Fixes #9924

### WHAT is this pull request doing?

Consolidates se23 beta styles for `CalloutCard`.

### How to 🎩

Compare and make sure they are identical:

* This PR's
[Storybook](https://5d559397bae39100201eedc1-ztjybrtfrh.chromatic.com/?path=/story/all-components-calloutcard--default)
* [Production
Storybook](https://storybook.polaris.shopify.com/?path=/story/all-components-calloutcard--default&globals=polarisSummerEditions2023:true)
  • Loading branch information
sophschneider authored Aug 16, 2023
1 parent 8b069b2 commit 3a67a3f
Showing 1 changed file with 5 additions and 9 deletions.
14 changes: 5 additions & 9 deletions polaris-react/src/components/CalloutCard/CalloutCard.scss
Original file line number Diff line number Diff line change
Expand Up @@ -25,17 +25,11 @@
}

.Title {
margin-bottom: var(--p-space-5);
#{$se23} & {
margin-bottom: var(--p-space-2);
}
margin-bottom: var(--p-space-2);
}

.Buttons {
margin-top: var(--p-space-5);
#{$se23} & {
margin-top: var(--p-space-2);
}
margin-top: var(--p-space-2);
}

.Container {
Expand All @@ -46,7 +40,9 @@
right: var(--p-space-4);
top: var(--p-space-4);
position: absolute;
#{$se23} & svg {

// stylelint-disable-next-line -- Dismiss icon color override
& svg {
fill: var(--p-color-icon-subdued);
}
}
Expand Down

0 comments on commit 3a67a3f

Please sign in to comment.