CSSPRO Sorter

Organize your CSS properties with just one click using this extension for Visual Studio Code

minimum supported version: 1.85.0

{ } Index

CSSPRO Sorter is an extension for Visual Studio Code designed to simplify and speed up the organization of properties in CSS files. It automates the process of rearranging CSS properties with just one click, following a pre-defined list that is fully customizable.

• Organize from a fully customizable pre-defined list;
• Remove unnecessary blank lines;
• Eliminate duplicate properties.

The idea behind CSSPRO Sorter came from dealing with complex web projects where efficient organization of CSS properties was a constant challenge. The extension was developed to provide a simple and quick solution, allowing for easy organization, saving time, and maintaining a cleaner codebase.

Made with:

💻 Installation

Using VSCode:

1. Open the Visual Studio Code Extensions Panel Ctrl + Shift + X or Cmd + Shift + X;

2. Search for CSSPRO Sorter;

3. Install the extension.

   

Links:

• Visual Studio MarketPlace
• Releases

🛠 Instructions

After installing the extension, open a CSS file.

You can initiate the extension in two ways:

1. Use the shortcut Ctrl + Alt + O or Cmd + Alt + O
2. Navigate to the Help > Show All Commands tab or the shorcut Ctrl + Shift + P or Cmd + Alt + P and type:

Organize with CSSPRO Sorter

(Optional) Configure the order of your properties in Extensions > CSSPRO Sorter ⚙ > Extension Settings.

🤝 Contribute

Found a problem or have a suggestion? Feel free to open an issue or submit a pull request.

📌 License

This project is licensed under the MIT License - see the LICENSE file for details.

Enjoy!