-
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 new tokens to Tiles
#134
Conversation
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
Preview is readyThis pull request generated a Preview👀 Preview: https://sfj-b9ab9da--nextjs.preview.vtex.app |
de13213
to
ceff644
Compare
Lighthouse ReportsHere are the Lighthouse reports of this Pull Request📝 Based on commit b9ab9da
|
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.
Looks good to me overall!
👏
Left some minor comments and suggestions for us to discuss further.
e86de80
to
1e30433
Compare
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!! 🚀
I've left small suggestions~
20ec53c
to
09cdda9
Compare
4d14cb7
to
955e4cf
Compare
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.
Great work!
Story improvements
bab163c
to
4a53b5b
Compare
What's the purpose of this pull request?
This PR applies the new Theming structure to
Tiles
: new scoped tokens linked to global ones.How does it work?
This PR uses local variables to parameterize the
Tiles
properties, then connects these scoped tokens to the global ones.New global tokens:
None.
New local tokens for
Tiles
:Default properties:
--fs-tiles-gap-mobile
var(--fs-grid-gap-2)
--fs-tiles-gap-tablet
var(--fs-grid-gap-3)
Tile
--fs-tiles-tile-min-width
9rem
--fs-tiles-tile-height
24rem
--fs-tiles-tile-height-desktop
28rem
--fs-tiles-tile-border-radius
var(--fs-border-radius)
How to test it?
The component 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