Chakra Rem-to-Units Helper

Convert rem values into Chakra UI spacing units with smart completions in VS Code.

✨ Features

🔄 Instantly convert rem values to Chakra spacing units
⚡ Smart inline completions as you type
🧠 Supports decimals like 1.5rem, 2.25rem
🧩 Works in JavaScript, TypeScript, HTML, CSS, and React files
✅ Minimal syntax required — just type rc3, press Ctrl+Space, and select the suggestion

Cursor must be at starting line when pressing Ctrl+Space, if you write rc2 the cursor whould be behind the "r".

Just type a value like this:

Then trigger completions (e.g. Ctrl+Space), and you'll see suggestions like:

8 (chakra units, 2rem = 8 chakra size tokens)

It will replace the full matched text (rc2, rc3, etc.) with the equivalent Chakra value (e.g., 8, 12).

This extension assumes:

So:

rem2 → (2 _ 16) / 4 = 8
rem1.5 → (1.5 _ 16) / 4 = 6

Before:

padding: rem2;

After:

padding: 8;

PRs and issues welcome!