Skip to content

Improve utility settings #4631

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.

Sign up for GitHub

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

Merged
thisisdano merged 8 commits into from
Apr 15, 2022
Merged

Improve utility settings #4631

Changes from 1 commit
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
b6f29cb
Only output utility font family rules when font is set to output
thisisdano Apr 14, 2022
e16fe65
Add $output-these-utilities setting
thisisdano Apr 14, 2022
3280136
Use proper key name for list reset
thisisdano Apr 14, 2022
d965897
Output font rules based on uselist
thisisdano Apr 15, 2022
2a6dd6b
Deprecate $output-all-utilities setting
thisisdano Apr 15, 2022
a03789c
Don't let usa-link value override identifier link colors
thisisdano Apr 15, 2022
6198fa6
Remove default flag
thisisdano Apr 15, 2022
bc826f3
Update packages/uswds-core/src/styles/_notifications.scss
thisisdano Apr 15, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Next Next commit
Only output utility font family rules when font is set to output
  • Loading branch information
@thisisdano
thisisdano committed Apr 14, 2022
commit b6f29cbdaa2dfb18872ebfd3bee929fdf7a8b7a7
13 changes: 8 additions & 5 deletions packages/uswds-utilities/src/styles/utility-fonts.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,7 @@ utilities to reference.
----------------------------------------
*/

@use "sass:map";
@use "uswds-core" as *;

$if-important: "";
Expand All @@ -13,10 +14,12 @@ $if-important: "";
$if-important: " !important";
}

@each $face, $stack in $project-font-stacks {
@if $stack {
[class*="#{ns('utility')}font-#{$face}-"] {
font-family: #{$stack}#{$if-important};
@if (map-get($font-settings, "output") == true) or $output-all-utilities {
@each $face, $stack in $project-font-stacks {
@if $stack {
[class*="#{ns('utility')}font-#{$face}-"] {
font-family: #{$stack}#{$if-important};
}
}
}
}
}