Skip to content
This repository has been archived by the owner on Feb 17, 2025. It is now read-only.

Club: update typography styles #6255

Closed
wants to merge 1 commit into from
Closed

Club: update typography styles #6255

wants to merge 1 commit into from

Conversation

madhusudhand
Copy link
Contributor

@madhusudhand madhusudhand commented Jul 18, 2022

Changes proposed in this Pull Request:

This addresses font-size weight style, line-height, letter-spacing for the following elements/blocks

  • headings
  • paragraphs
  • site title
  • navigation menu
  • post title
  • post date

Note: for the fluid typography, clamp values are generated using https://websemantics.uk/tools/responsive-font-calculator/. It is the calculation implemented in WordPress/gutenberg#39529 with viewport limits between 48rem and 100rem

Preview

Index page:
image

Single page: post title
image

Headings:
image
image

Paragraphs:
image

Related issue(s):

Fixes #6212 #6213

@madhusudhand madhusudhand requested a review from a team July 18, 2022 12:00
@madhusudhand madhusudhand self-assigned this Jul 18, 2022
@matiasbenedetto
Copy link
Member

Thank you so much @madhusudhand for working on this.

I have been delaying the review of this PR because I wanted to read the discussion around fluid typography sizes on this recently merged PR. I guess we should leverage the fluid type sizes API in theme.json instead of recreating the formula. To test that implementation I submitted this PR as an alternative to this.

@madhusudhand
Copy link
Contributor Author

Closing this in favour of #6262

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

club: Styles: Typography — Fonts & Weights
3 participants