-
Notifications
You must be signed in to change notification settings - Fork 17
New issue
Have a question about this project? # for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “#”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? # to your account
[PLAY-698] responsive Spacing global prop #2563
[PLAY-698] responsive Spacing global prop #2563
Conversation
…powerhome/playbook into play-698-responsive-spacing-global-prop
This reverts commit 83364c2.
🎉 Congratulations on creating an Alpha Version! Your Alpha for Ruby Gems is 12.22.0.pre.alpha.play698responsivespacingglobalprop690 Your Alpha for NPM is 12.22.0-alpha.play698responsivespacingglobalprop690 |
🎉 Congratulations on creating an Alpha Version! Your Alpha for Ruby Gems is 12.23.0.pre.alpha.play698responsivespacingglobalprop701 Your Alpha for NPM is 12.23.0-alpha.play698responsivespacingglobalprop701 |
🎉 Congratulations on creating an Alpha Version! Your Alpha for Ruby Gems is 12.23.0.pre.alpha.play698responsivespacingglobalprop703 Your Alpha for NPM is 12.23.0-alpha.play698responsivespacingglobalprop703 |
…powerhome/playbook into play-698-responsive-spacing-global-prop
What does this PR do? A clear and concise description with your runway ticket url.
PLAY-698
This PR:
auto
,initial
, andinherit
Spacing
global props so they are responsiveScreenshots

: Screenshots to visualize your addition/change
Rails:
Screen.Recording.2023-05-23.at.02.38.59.PM.mp4
React:
Screen.Recording.2023-05-23.at.02.44.31.PM.mp4
Updated Global Props table with

auto
,initial
, andinherit
How to test? Steps to confirm the desired behavior:
React Example:
padding={{ xs: "xxs", sm: "xs", md: "xl", lg: "md", xl: "none" }}
Rails Example:
padding: { xs: "xxs", sm: "xs", md: "xl", lg: "md", xl: "none" }
Checklist:
enhancement
,bug
,improvement
,new kit
,deprecated
, orbreaking
. See Changelog & Labels for details.milano
label to show I'm ready for a review.