CSS Property Sorter - Visual Studio Marketplace

Skip to content

CSS Property Sorter

Description

This extension allows you to sort the CSS properties of each selector in a CSS file. It makes the code more readable and facilitates maintenance.

There is an ordering standard for css properties that is not well respected. This extension allows you to automatically order all these properties.

Installation

Open the extensions panel in VS Code
Search for CSS Property Sorter
Click Install

Usage

Open a CSS (or SASS, SCSS, LESS) file
Click on the CSS Sort button in the status bar

Status Bar Button

or tap Ctrl+Shift+P and type CSS Sort

Command Palette

Click on run in the notification that appears

Notification Run Button

The properties are now sorted !

Selector Before Sort

Selector After Sort

Configuration

The extension uses the following sorting standard :

flexbox properties
grid properties
positionning properties
visibility properties
cliping properties
box properties
animation properties
background properties
border properties
typography properties

License

Author

Contributing

Contributions, issues and feature requests are welcome!

Show your support

Give a ⭐️ if this project helped you!