1.0.3 • Published 2 years ago
stylesort v1.0.3
StyleSort
Style sort is a simple script that reorders your css or scss properties to follow a specified order. This program should not break any of your styles as it only changes the order of css properties. More updates coming soon.
⚙️ How to use ⚙️
npx stylesort <file.css> [options]
npx stylesort <file.css> -o <output_file_name.css>
npx stylesort <file.css> -c <config.txt>
npx stylesort <file.scss> -s " "
Options | Description |
---|---|
-c | config file |
-o | output file name |
-s | Indentation defaults to 4 spaces |
Config File Structure
Note: A default config file is provided and can be found in the config folder. The basic order followed is outside in. Properties that control position go first, then how internals are displayed and finally background and colors.
*
/
background-color
color
font-size
font-weight
Special tokens in config files:
Token | Reference |
---|---|
@ | SASS mixins |
- | CSS variables |
/ | CSS comments |
* | CSS selectors |
License
MIT
Disclamer
Please use this project at your own risk.