-
Notifications
You must be signed in to change notification settings - Fork 26
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
refactor(breadcrumb): implement design tokens specs #860
refactor(breadcrumb): implement design tokens specs #860
Conversation
Deploy preview for helix-ui ready! Built with commit 35d8fe1 |
98ae29a
to
1a53c8b
Compare
0dda9f1
to
107900b
Compare
color: $gray-800; | ||
color: $rax-component-breadcrumb-current-color; |
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.
Let's use this pattern:
color: $rax-component-breadcrumb-current-color;
color: var(--hxBreadcrumb-last-type-color, $rax-component-breadcrumb-current-color);
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 have been done, please review.
color: $gray-600; | ||
color: $rax-component-breadcrumb-separator-color; |
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.
Let's use the same pattern above.
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 have been done, please review.
@@ -3,25 +3,28 @@ | |||
align-content: center; | |||
align-items: center; | |||
color: $blue-500; | |||
color: $rax-component-breadcrumb-base-color; |
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.
Let's use the IE11 fallback pattern below.
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 have been done, please review.
margin-right: 0.5rem; | ||
color: $gray-600; | ||
color: $rax-component-breadcrumb-separator-color; | ||
font-size: 0.5rem;//there is no token for font size |
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.
Ok, we'll make note of this.
107900b
to
8f7de72
Compare
8c736da
to
35d8fe1
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.
Dev LGTM
Description
<breadcrumb>
: implement design tokensWhat are the relevant story cards/tickets? Any additional PRs or other references?
Jira: SURF-2200
Before you request a review for this PR:
yarn test
to ensure all tests passed?