-
Notifications
You must be signed in to change notification settings - Fork 1
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
Feat: adds tokens to Footer
#155
Conversation
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
Preview is readyThis pull request generated a Preview👀 Preview: https://sfj-d301101--nextjs.preview.vtex.app |
Lighthouse ReportsHere are the Lighthouse reports of this Pull Request📝 Based on commit d301101
|
…x-sites/nextjs.store into feat/theming-footer-fsss-376
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.
Good Job! ✨ ✨
I noticed some discrepancies comparing with https://nextjs.vtex.app/
Is that intentional?
I left some comments along the review, and I'm also in doubt if makes sense to use local tokens in some margin
/padding
values. So it's up to you hahah
Co-authored-by: Eduardo Formiga <[email protected]>
Co-authored-by: Eduardo Formiga <[email protected]>
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.
Good job!
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.
LGTM!
What's the purpose of this pull request?
This PR applies the new Theming structure to
Footer
: new scoped tokens linked to global ones.It also updates
Incentives
doc and add CSS Modules to it.How does it work?
This PR uses local variables to parameterize the
Footer
properties, then connects these scoped tokens to the global ones.As de majority of Footer's styles are grid related, I chose to focus only on what would someone change to make a custom footer.
Tokens list can be visualized in the Storybook.
How to test it?
Footer
component and its related components should look just as it was before these changes.Checklist
Changelog
CHANGELOG.md
at the beginning of its due section. The latest version should comes first.CHANGELOG.md
. E.g., New items in thepull_request_template.md
(#4)PR Description
Breaking change
,Enhancement
,Bug
orChore
.ComponentName
component.Documentation