Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Sort CSS selection concentricallyNew to Visual Studio Code? Get it now.
Sort CSS selection concentrically

Sort CSS selection concentrically

Ming Teo

|
10,626 installs
| (10) | Free
Sorts selection of CSS properties concentrically
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Functionality

Sort selections of CSS properties in Visual Studio Code into concentric property-order. Read this post on concentric CSS for an explanation.

  • sortConcentrically.sortConcentrically: sort lines concentrically (undefined to bottom, alphabetised,) keybound to alt + F9
  • sortConcentrically.sortUndefTop: sort lines concentrically (undefined to top, alphabetised)

An unintended side-effect: if you just want to alphabetically sort any text that isn’t CSS, the commands still work! :joy:

Install

  1. Open VS Code
  2. Press F1
  3. Type "install"
  4. Select "Extensions: Install Extension".
  5. Select Sort CSS selection concentrically from the list

Usage

Select the lines to sort, press F1, type sort, and select the concentric sort you want. The default hotkey is alt + F9.

Options

If you have a custom sort order in mind for your CSS, you can add it to your settings:

{
  [ ... ],
  "sortConcentrically.customOrder": [
    "my",
    "custom",
    "order"
  ]
}
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft