Skip to content
| Marketplace
Sign in
Visual Studio Code>Formatters>Style SorterNew to Visual Studio Code? Get it now.
Style Sorter

Style Sorter

NateDavis

|
266 installs
| (1) | Free
Sort your styles meaningfully
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Style Sorter

Sort your styles meaningfully

Installation

Option 1

  • Click here
  • Click Install

Option 2

  • Open the extensions panel in VS Code
  • Search for Style Sorter
  • Click Install

Usage

  • Press Cmd/Ctrl + Shift + P
  • Type Style Sorter: Sort
  • Press Enter

Configuration

  • Press Cmd/Ctrl + ,

  • Search for Style Sorter

  • Choose desired order

    • Alphabetical: Sort alphabetically.

    • Concentric: Sort properties applying outside the box model, moving inward to intrinsic changes.

      • Box
      • Border
      • Background
      • Text
      • Other
    • SMACSS: Sort from most important, flow affecting properties, to least important properties.

      • Positioning
      • Visibility
      • Box model
      • Dimensions
      • Text

Credits

  • Extension is built on css-declaration-sorter.
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft