https://github.com/alwarg/css-class-builder

The extension will generate the styles from the given classes.
https://github.com/alwarg/css-class-builder

Last synced: 5 months ago
JSON representation

The extension will generate the styles from the given classes.

• Host: GitHub
• URL: https://github.com/alwarg/css-class-builder
• Owner: AlwarG
• License: mit
• Created: 2021-07-01T07:53:00.000Z (almost 5 years ago)
• Default Branch: main
• Last Pushed: 2021-07-02T06:49:57.000Z (almost 5 years ago)
• Last Synced: 2025-04-19T03:06:50.625Z (about 1 year ago)
• Language: JavaScript
• Homepage:
• Size: 59.6 KB
• Stars: 4
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# CSS-class-builder for VS Code

The extension will generate the styles from the given classes.

![css-builder-working](https://user-images.githubusercontent.com/31626278/124123718-3f2f9f80-da95-11eb-9000-19d9080888d3.gif)

# 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 '_'.

  

```javascript

"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](https://github.com/AlwarG/css-class-builder/blob/main/LICENSE).