Skip to content

julesdeckers/scss-property-sort

Repository files navigation

CSS Property Organizer

Version VS Code License

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 Ctrl+Alt+s (Windows/Linux) or Cmd+Alt+s 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!

About

VS Code Extension for organizing and sorting CSS and SCSS properties

Topics

Resources

License

Stars

Watchers

Forks