Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>CSS class builderNew to Visual Studio Code? Get it now.
CSS class builder

CSS class builder

Alwar G

|
1,094 installs
| (0) | Free
The Extension which will generate the styles from the given classes
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

CSS-class-builder for VS Code

The extension will generate the styles from the given classes.

css-builder-working

Usage

alignSelf_flexEnd

Where:

  1. alignSelf- property
  2. _ - separator
  3. flexEnd- value

Requirements

  1. The given class should be in camel case.
  2. Make sure your separator is unique to avoid collision with the other classes.

Configuration

you can change your separator from the default value of '_'.

"css-class-builder" : {
  "seperator": "_"
}

Known Issues

  1. It will only be applicable for HTML files.
  2. It can't generate the styles for the classes inside the script tag.

License

This project is licensed under the MIT License.

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