Skip to content

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

License

Notifications You must be signed in to change notification settings

victorhmszzero/CSSPRO-Sorter

Repository files navigation

Logo

CSSPRO Sorter

CSS3 Banner Visual Studio Code Banner

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

minimum supported version: 1.85.0


Extension Demonstration

{ } Index

en pt-br

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.

Preview Before vs After Using the Extension

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:

JavaScript Banner Visual Studio Code API Banner

💻 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.

    Install Extension

Links:

🛠 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

Calling Extension by Prompt

(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!