-
Notifications
You must be signed in to change notification settings - Fork 44
feat: sync theme variables with figma #1696
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
base: main
Are you sure you want to change the base?
Conversation
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
|
|
||
| export const Spacing = { | ||
| '50': '0', | ||
| '75': '0.0625rem', // 1px |
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.
this can be breaking due to this usage
| spacing: Object.values(Spacing), |
this means now everywhere where we use spacing, gap, padding, margin etc with integers will become smaller.
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.
You mean that we shouldn't add 75?
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.
We could but then maybe we can hardcode the other ones in the spacing var passed to the theme
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.
So that line should become
spacing: range(8).map(i => Spacing[i*100]), | '600': '2rem' /* 32px */, | ||
| '700': '3rem' /* 48px */, | ||
| '800': '4rem' /* 64px */, | ||
| '50': '0', |
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.
I wonder why not use 0 here
| '50': '0', | |
| '0': '0', |
1acc60f to
6c1cdb6
Compare
Updates theme variables from exported figma variables json