Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>QuantNew to Visual Studio Code? Get it now.
Quant

Quant

Puszkarek

|
3 installs
| (0) | Free
Numeric value conversion tooltips for CSS, SCSS, and more. Hover over values like 16px to see rem equivalents.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Quant

Quant is a VS Code extension that provides helpful numeric value conversions directly in your editor tooltips. Designed for web developers, it helps you quickly see equivalent units without leaving your code.

Features

  • Hover Conversions: Hover over a numeric value with units like px, rem, or em to see its equivalent in other units.
  • Configurable Base: Set your custom base font size (default is 16px) for accurate rem/em to px conversions.
  • Supports Multiple Languages: Works in CSS, SCSS, SASS, LESS, and Stylus files.

Usage

Simply hover over a numeric value in any supported style file:

  • Hovering over 16px will show 1rem.
  • Hovering over 1rem will show 16px.

Configuration

You can customize the base font size used for conversions in your VS Code settings:

"quant.baseFontSize": 16

License

MIT

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft