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
DEV: refactor font sizing into css custom variables #12746
Conversation
This pull request has been mentioned on Discourse Meta. There might be relevant details there: https://meta.discourse.org/t/cleaning-up-our-font-system/75396/30 |
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.
Very nice, just a few minor comments.
$base-font-family: var(--font-family) !default; | ||
$base-font-size-smallest: var(--base-font-size-smallest) !default; | ||
$base-font-size-smaller: var(--base-font-size-smaller) !default; | ||
$base-font-size: var(--base-font-size) !default; |
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'm assuming the SCSS vars are now legacy, the goal is to start using the CSS vars in stylesheets directly, right?
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.
Yep, we can indeed start moving those over 👍
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.
One thing to note, we might be carrying those variables for a while yet since we allow those variables to be used in themes and stylesheets, which is unfortunate but we can at least start renaming core vars!
9cc513a
to
c39fe64
Compare
Refactor font sizing variables into CSS custom vars.
Allows any stylesheet to re-use CSS custom variables, regardless of how it's imported or compiled.