Skip to content

Conversation

@Marwaxhello
Copy link
Contributor

@Marwaxhello Marwaxhello commented Oct 22, 2024

In deze PR heb ik de basis typography font-size scale toegevoegd aan de volgende themas:

  • Voorbeeld
  • Groningen
  • NORA

De volgende was toegevoegd:

  • Basis typography scale xx-small t/m xxxx-large
  • Scale values kloppen met de values van het bepaalde thema.
  • Value refrences naam verwerkt naar de correcte refrence bijv. nora.typography.font-size.mdbasis.typography.scale.medium.font-size

Issues
De NORA-tokens waren vanaf het begin ongedefinieerd. Bij nader onderzoek bleek dat het probleem lag bij de vw-sizing voor font-sizes. Utrecht bleek niet vertrouwd te zijn met deze aanpak en gebruikt deze niet standaard. Ik vond een PR van Rogier met een oplossing waarbij de small vw werd verwijderd. Ik heb deze fix toegepast (cherry-picked) en het basisthema geïmplementeerd, waarna het probleem was opgelost.

Vragen
In de typography scale van de NORA-tokens is er een extra maat (large2) tussen 'large' en 'xlarge' gezet, met slechts 1 pixel verschil. Deze wordt gebruikt op regel 2322. Wat is de beste aanpak hiervoor?

          "lg": {
            "$type": "fontSizes",
            "$value": "1.1875rem"
          },
          "lg2": {
            "$type": "fontSizes",
            "$value": "1.25rem"
          },
          "xl": {
            "$type": "fontSizes",
            "$value": "1.5rem"
          },
  1. Gebruik alleen de standaard 'large' maat
  2. Voeg een extra maat toe tussen 'large' en 'xlarge'
  3. Behoud de huidige situatie (NORA-brand token)
  4. Of een andere oplossing?

@vercel
Copy link

vercel bot commented Oct 22, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
themes ✅ Ready (Inspect) Visit Preview 💬 Add feedback Oct 31, 2024 10:59am

@Marwaxhello Marwaxhello force-pushed the feat/typography-scale branch from 2e7332e to ff456c3 Compare October 22, 2024 13:38
@codecov-commenter
Copy link

codecov-commenter commented Oct 22, 2024

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 89.41%. Comparing base (a84ee6b) to head (cfd6a69).
Report is 2 commits behind head on main.

Additional details and impacted files
@@           Coverage Diff           @@
##             main     #762   +/-   ##
=======================================
  Coverage   89.41%   89.41%           
=======================================
  Files          13       13           
  Lines        1049     1049           
  Branches      147      147           
=======================================
  Hits          938      938           
- Misses        110      111    +1     
+ Partials        1        0    -1     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

@Marwaxhello Marwaxhello marked this pull request as ready for review October 23, 2024 08:30
@Marwaxhello Marwaxhello requested a review from a team as a code owner October 23, 2024 08:30
@RGRMdesign
Copy link
Contributor

Hi @Marwaxhello, zou je in deze PR de wijzigingen aan de NORA tokens ongedaan kunnen maken? Zoals afgesproken...

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.

5 participants