Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Extract CSS custom propertyNew to Visual Studio Code? Get it now.
Extract CSS custom property

Extract CSS custom property

Matt Powell

|
460 installs
| (0) | Free
Extracts a new CSS custom property from the selection
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Extract custom property

Replace a CSS value with a named custom property.

Features

  • Determines the default name based on the current CSS scope (supports nesting)
  • Inserts the new custom property at the top of the current block

Usage

Select the value you want to extract and activate the Extract custom property command.

Known Issues

  • Currently only available in CSS and SCSS files
  • Only works when there is a selection active
  • Doesn't do much (any) syntactic checking on what you've got selected

Release Notes

1.0.0

Initial release

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