Skip to content
This repository has been archived by the owner on Sep 20, 2024. It is now read-only.

Picking letterSpacing values from theme #471

Open
definiteIymaybe opened this issue Aug 1, 2021 · 0 comments
Open

Picking letterSpacing values from theme #471

definiteIymaybe opened this issue Aug 1, 2021 · 0 comments

Comments

@definiteIymaybe
Copy link

Describe the bug

Hi! I may be missing something, but I can't get letterSpacing prop values to be looked up from theme's letterSpacings section. Any string value of the letterSpacing prop seems to be pushed to CSS as letter-spacing verbatim.

To Reproduce

  1. Go to Vue Starter starter example from the docs (or my fork).
  2. Add letterSpacing="tight" to the CHeading element.
  3. Look up CSS props of the rendered h2 element.

Expected behavior

Expected tight to be transformed to -0.025em as per theme.letterSpacings.tight.

Screenshots

Chakra UI Vue starter bevahior:

image


Chakra UI example with letterSpacing="tight"on Textelement:

image

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

No branches or pull requests

1 participant