-
Notifications
You must be signed in to change notification settings - Fork 840
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
[Emotion] Document usage of getters in Emotion style objects #7104
Conversation
Preview documentation changes for this PR: https://eui.elastic.co/pr_7104/ |
💚 Build Succeeded
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
👍 Changes looked good, no regression. I like this use of getter
, it makes duplicated or carried styles easier to notice and reason about.
🎉 Thanks a million Trevor! Glad to hear you're a fan of the syntax! |
@breehall, I'm going to go ahead and merge, but feel free to leave a comment if you have any change requests for the documentation. I'm more than happy to open up a follow-up PR |
@@ -262,6 +262,30 @@ Although possible in some contexts, it is not recommended to "shortcut" logic us | |||
`${font.body.letterSpacing ? `letter-spacing: ${font.body.letterSpacing}` : ''`}` | |||
``` | |||
|
|||
## Duplicate styles |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Thank you for the guidelines and example!
Summary
This PR is a follow-up to #7091 (comment) which was the first PR/component to use getters in Emotion. I've decided to document the approach and update our
EuiStep
s styles to adopt it as well.QA
m
ands
sized steps have the same alignmentGeneral checklist
[ ] A changelog entry exists and is marked appropriately- Skipping as this should not affect consumers or end-users