CSS Property Organizer

Organize and sort your CSS and SCSS properties effortlessly with this Visual Studio Code extension.

Features

• Quickly sort properties in your CSS and SCSS files.
• Enhance code readability and maintainability.
• Compatible with both CSS and SCSS languages.

Installation

Production

1. Launch Visual Studio Code.
2. Go to Extensions (Ctrl+Shift+X).
3. Search for CSS Property Sort.
4. Install and reload the editor.

Development

1. Press F5

Usage

1. Open a CSS or SCSS file.
2. Select the properties you want to organize (no selectors, only properties).
3. In the Command Palette select Sort CSS/SCSS property list or press Ctrl+Alt+s (Windows/Linux) or Cmd+Alt+s (Mac).

Roadmap

• [ ] Adjust predefined property order
• [ ] Add the ability to sort selectors and nested selectors.
• [ ] Implement sorting for an entire file.

Contributing

1. Fork the repository.
2. Clone your fork: git clone https://github.com/julesdeckers/scss-property-sort.git.
3. Create a new branch: git checkout -b feature/your-feature.
4. Make your changes and commit them: git commit -m 'Add some feature'.
5. Push to the branch: git push origin feature/your-feature.
6. Submit a pull request.

License

Mozilla Public License 2.0

Credits

This extension is maintained by julesdeckers.

Enjoy! 🎉

If you have any questions or suggestions, feel free to open an issue. We'd love to hear from you!