Style Sorter
Sort your styles meaningfully
Installation
Option 1
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
| |