Skip to content
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

Fix BS5 typography issues (#1698) #1699

Merged
merged 1 commit into from
Nov 8, 2023
Merged

Conversation

anvit
Copy link
Contributor

@anvit anvit commented Nov 2, 2023

Added the Open Sans typeface (which is what arDominionPlugin uses) and set it as the default sans-serif typeface for the BS5 theme.

Also added the following style changes:

  • Left border and padding for blockquote tags.
  • Background color for code and pre tags.
  • Padding for code and pre tags.
  • Whitespace wrapping for code tags.
  • Set the default font-weight for bold and strong tags to 700

Here's what it looks like with these styling changes applied:
BS5-markdown
BS5-home-new

@anvit anvit self-assigned this Nov 2, 2023
@anvit anvit added the Type: bug A flaw in the code that causes the software to produce an incorrect or unexpected result. label Nov 2, 2023
@anvit anvit linked an issue Nov 2, 2023 that may be closed by this pull request
@anvit anvit added this to the 2.8.0 milestone Nov 2, 2023
@anvit anvit force-pushed the dev/issue-1698-typography-fixes branch from 3bb4d1c to 2e292d1 Compare November 2, 2023 23:30
@anvit
Copy link
Contributor Author

anvit commented Nov 2, 2023

I went with the 700 font-weight for <b> and <strong> tags just because that's what the BS2 theme was using, but here's a comparison of what other weights look like, just in case this seems a too bold:

500 font-weight
600 font-weight
700 font-weight

@anvit anvit requested review from melaniekung and a team November 2, 2023 23:37
Copy link
Contributor

@melaniekung melaniekung left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nice work, especially with the image in the description! 💯

Only thought I had was the use of @use in _typography.scss. I know that Sass is trying to deprecate the use of @import but currently, all our .scss files uses @import so do we want to keep them consistent for now?

Otherwise looks good to me!

@anvit anvit force-pushed the dev/issue-1698-typography-fixes branch from 2e292d1 to 0c0c011 Compare November 3, 2023 16:42
Copy link
Contributor

@jraddaoui jraddaoui left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks @anvit!

plugins/arDominionB5Plugin/scss/_typography.scss Outdated Show resolved Hide resolved
plugins/arDominionB5Plugin/scss/_typography.scss Outdated Show resolved Hide resolved
plugins/arDominionB5Plugin/scss/_typography.scss Outdated Show resolved Hide resolved
plugins/arDominionB5Plugin/scss/_typography.scss Outdated Show resolved Hide resolved
@anvit anvit force-pushed the dev/issue-1698-typography-fixes branch from 1bf666f to 8fceab6 Compare November 8, 2023 17:09
Added the Open Sans typeface as set it as the default sans-serif
typeface for the BS5 theme.
Also added the following style changes:
- Left border and padding for blockquote tags.
- Background color for code and pre tags.
- Padding for code and pre tags.
- Whitespace wrapping for code tags.
- Set the default font-weight for bold text to 700
@anvit anvit force-pushed the dev/issue-1698-typography-fixes branch from 8fceab6 to 9f59fca Compare November 8, 2023 17:14
@anvit anvit merged commit 9f59fca into qa/2.x Nov 8, 2023
@anvit anvit deleted the dev/issue-1698-typography-fixes branch November 8, 2023 17:14
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Type: bug A flaw in the code that causes the software to produce an incorrect or unexpected result.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Problem: BS5 theme has typography issues and inconsistencies
3 participants