Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Variables GeneratorNew to Visual Studio Code? Get it now.
Variables Generator

Variables Generator

CodingTube

|
151 installs
| (2) | Free
This is a tool to generate CSS variables from the Frontend Mentor Challenges instructions.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

variables-generator

Generate CSS Variables from Frontend Mentor

Features

Convert Frontend Mentor style guide's instructions to CSS Variables

demo

Release Notes

1.0.0

  • Initial release of Variables Generator

1.0.2

  • fix: names with parentheses are generated correctly

1.0.3

  • feature: add support for tailwind variables

1.0.4

  • fix: Instructions without a hyphen at the beginning are generated correctly

Author

David Ruiz - Frontend Developer

  • Github
  • Frontend Mentor
  • Linkedin
  • YouTube
  • codingtube.dev

Enjoy!

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