-
Notifications
You must be signed in to change notification settings - Fork 4.5k
[HDS-5060] UI: Align typography styles to HDS tokens #31584
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.
|
CI Results: |
Copy workflow completed!
|
ce88a88
to
b5ba570
Compare
Copy pull request failed!
To https://github.com/hashicorp/vault-enterprise.git : exit status 1_ |
b5ba570
to
2904ed3
Compare
Copy pull request failed!
To https://github.com/hashicorp/vault-enterprise.git : exit status 1_ |
Description
If merged this PR would update CSS styles for
font-family
,font-weight
font-size
, andline-height
to reference HDS tokens instead of hardcoded values or Vault foundational scss variables. This is done in order to ensure greater alignment with HDS, and improve the flexibility of typography styles in Vault to reflect any changes to HDS tokens.The changes made should result in no significant visual changes. The values updated are a 1:1 match for values that were already present in HDS tokens.
Typography styles that did not align to any available HDS tokens were not migrated, and left untouched. These could be migrated in a future effort, but may result in visual changes to align with HDS.
As part of this migration, all references to the existing variables defined in the
_font_variables.scss
file have been replaced, so that file has been removed as well.HDS tokens list
Below is a mapping of HDS tokens used in this migration and their corresponding values in Vault
Font family
Font weight
Font size
Note: Any font-sizes set with sizing variable outside of those referenced above do not have an HDS equivalent and were left untouched.
Line height
More information on the HDS token values can be found on the HDS tokens docs page
External Links
TODO only if you're a HashiCorp employee
backport/
label that matches the desired release branch.PCI review checklist
Examples of changes to security controls include using new access control methods, adding or removing logging pipelines, etc.