-
Notifications
You must be signed in to change notification settings - Fork 69
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
Make font consumption happen using CSS variables #814
Conversation
…i-font-family` and `--oui-code-font-family` CSS variables Signed-off-by: Miki <miki@amazon.com>
@@ -62,7 +62,7 @@ | |||
|
|||
.ouiSuggestItem__label { | |||
@include ouiTextTruncate; | |||
font-family: $ouiCodeFontFamily; | |||
font-family: var(--oui-code-font-family); |
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 don't see any issues tagged to the PR. Trying to understand the purpose behind this change. Why are we changing from sass to css variables?
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.
CSS variables will allow overriding them on the frontend, without having to load a new stylesheet: faster iterations.
…i-font-family` and `--oui-code-font-family` CSS variables (#814) (#821) (cherry picked from commit a0e0bb5) Signed-off-by: Miki <miki@amazon.com> Signed-off-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Description
Replace usage of
$ouiFontFamily
and$ouiCodeFontFamily
with--oui-font-family
and--oui-code-font-family
CSS variablesIssues Resolved
[List any issues this PR will resolve]
Check List
yarn lint
yarn test-unit
By submitting this pull request, I confirm that my contribution is made under the terms of the Apache 2.0 license.
For more information on following Developer Certificate of Origin and signing off your commits, please check here.