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

chore(design system): Update base font size to 14px #28724 #29205

Merged
merged 33 commits into from
Aug 14, 2024

Conversation

valentinogiardino
Copy link
Contributor

@valentinogiardino valentinogiardino commented Jul 11, 2024

Proposed Changes

  • Update $font-size-default to 14px
  • Fix accesibility removing font-size definitions on html tags
  • Update _fonts.scss to match figma design
  • Replace font size values expressed in rems or px with vars as possible

Screenshot
Captura de pantalla 2024-07-11 a la(s) 13 37 11

This PR fixes: #28724

-update $font-size-default to 0.875
-match font-size vars to match figma design
-add $font-size-xxxxl to manage edge cases with 3rem font-size (not in figma)
-replace all the $font-size-smd with the sm one to maintain consistency
-replace all the $font-size-xsm with the xs one to maintain consistency
@valentinogiardino valentinogiardino linked an issue Jul 11, 2024 that may be closed by this pull request
@fmontes
Copy link
Member

fmontes commented Jul 12, 2024

CleanShot 2024-07-12 at 08 30 15@2x

@fmontes
Copy link
Member

fmontes commented Jul 12, 2024

CleanShot 2024-07-12 at 08 32 48@2x

We have tables in:

Angular:

  1. Templates
  2. Containers
  3. Content Types and Forms
  4. Pages
  5. Locales (new version)

Dojo:

  1. Content Search (same for: Images, Documents, Videos, Personas, Vanity URLs)
  2. Categories
  3. Roles and Tools
  4. Users
  5. Locales
  6. Tags

@fmontes
Copy link
Member

fmontes commented Jul 12, 2024

CleanShot 2024-07-12 at 08 44 39@2x

@zJaaal zJaaal changed the title Issue 28724 UI update base font size to 14px chore(design system): Update base font size to 14px #28724 Jul 19, 2024
@valentinogiardino valentinogiardino marked this pull request as ready for review August 2, 2024 14:02
@melissarojas-dotcms
Copy link

melissarojas-dotcms commented Aug 8, 2024

We only have three icon sizes:

  • 16px - S
  • 20px - M
  • 24px - L

And we have eight font sizes:
Screenshot 2024-08-08 at 2 05 12 PM

You can check all sizes here:

Icons Figma File

Font Sizes File

@fmontes fmontes enabled auto-merge August 14, 2024 13:01
@fmontes fmontes added this pull request to the merge queue Aug 14, 2024
Merged via the queue into master with commit 8e57564 Aug 14, 2024
30 checks passed
@fmontes fmontes deleted the issue-28724-ui-update-base-font-size-to-14px branch August 14, 2024 15:53
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

UI: Update Base Font Size to 14px
7 participants