Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Flyout: Add interpolation to Sass size variable (HDS-3206) #1994

Merged
merged 3 commits into from
Mar 14, 2024

Conversation

KristinLBradley
Copy link
Contributor

@KristinLBradley KristinLBradley commented Mar 14, 2024

📌 Summary

If merged, this PR adds Sass interpolation to the $size variable used to set the Flyout width and margin

📸 Screenshots

BUG:.
Sass $size variable appears in the inspected styles (meaning that it is broken since it should have been replaced with the pixel value):
image

FIX:
image

🔗 External links

Jira ticket: HDS-3206
Figma file: [if it applies]


👀 Component checklist

💬 Please consider using conventional comments when reviewing this PR.

Copy link

vercel bot commented Mar 14, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Updated (UTC)
hds-showcase ✅ Ready (Inspect) Visit Preview Mar 14, 2024 3:34pm
hds-website ✅ Ready (Inspect) Visit Preview Mar 14, 2024 3:34pm

Copy link
Member

@alex-ju alex-ju left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

💯 excellent way to make it backwards compatible for sass

.changeset/khaki-trees-sit.md Outdated Show resolved Hide resolved
Copy link
Contributor

@didoo didoo left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

That was a tricky one! Nice fix 👏

Co-authored-by: Alex <alex-ju@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

4 participants