-
Notifications
You must be signed in to change notification settings - Fork 1.1k
USWDS - Core: Deprecate font-smoothing mixins #5250
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
Conversation
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.
No references of font smoothing outside of deprecated have been found & warnings work as expected 👍
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.
- Confirmed that informative warnings appear when knockout mixins are used
- Confirmed that all references to
no-knockout-font-smoothing
andadd-knockout-font-smoothing
mixins have been removed (outside of deprecated.scss) - Confirmed readability of affected type when font-smoothing is removed
- Note: there is a visual difference in OSX. I am no type expert and am not suggesting that this is necessarily a problem, I just wanted to flag the difference. Quick googling seems to suggest that the best display is the default browser display.
$font-smoothing-warning: "Font smoothing was deprecated in USWDS 3.5.0. Please remove any references to it."; | ||
|
||
// Deprecated in 3.5.0 | ||
@mixin add-knockout-font-smoothing { | ||
@warn $font-smoothing-warning; | ||
} | ||
|
||
@mixin no-knockout-font-smoothing { | ||
@warn $font-smoothing-warning; | ||
} |
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.
Thanks for remembering this
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.
Nice work
Summary
Font-smoothing is deprecated. Older technique, no longer applies, for improved font rendering on dark backgrounds.
Breaking change
This is not a breaking change.
Related issue
Closes #5180.
Related pull requests
Site changelog and style updates
Need to update documentation.Preview link
Preview link: Buttons
Problem statement
Solution
add-knockout-font-smoothing
&no-knockout-font-smoothing
) to_deprecated.scss
@warn
-Warning: Font smoothing was deprecated in USWDS 3.5.0. Please remove any references to it.
Warning user receives
Components that used this feature:
@mixin button-disabled
@mixin button-unstyled
Testing and review
add-knockout-font-smoothing
&no-knockout-font-smoothing
in SASS (except in deprecated file).git pull origin [base branch]
to pull in the most recent updates from your base and check for merge conflicts. (Often, the base branch isdevelop
).npm run prettier:scss
to format any Sass updates.