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

Handle enabled vertical trim typography option #5

Open
MiguelFranken opened this issue Apr 17, 2024 · 0 comments
Open

Handle enabled vertical trim typography option #5

MiguelFranken opened this issue Apr 17, 2024 · 0 comments
Assignees
Labels
enhancement New feature or request

Comments

@MiguelFranken
Copy link
Collaborator

MiguelFranken commented Apr 17, 2024

It is possible to enable the vertical trim option in Figma.
There is no direct CSS equal for a vertical trim fix. One might use https://github.com/seek-oss/capsize to add a approximated vertical trim fix using font metrics.

We should give the option to alter the generated font utility class. For example: font-$custom-font to font-cap-$custom-font. The updated utility class name is something user-specific that adds the capsize fix to the generated utility class.
How to alter the original utility class name to the target one containing the cap infix should be configurable in the Figma Plugin UI via maybe a regex pattern or something similar.

Image

@MiguelFranken MiguelFranken self-assigned this Apr 17, 2024
@MiguelFranken MiguelFranken added the enhancement New feature or request label Apr 17, 2024
@MiguelFranken MiguelFranken moved this to Backlog in Onyx Board Apr 20, 2024
@MiguelFranken MiguelFranken moved this from Backlog to Ready in Onyx Board Apr 21, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
Status: Ready
Development

No branches or pull requests

1 participant