Sublime CSSOrder
CSSOrder is a sublime text plugin for CSS file formatting.
Required Node.js
Intro
CSSOrder is a css coding style formatter with Tencent CSS Style
It can handle some special case like 'base64 url', 'single comment // ' and so on in CSS files.
Effect
Make CSS code become the following coding style:
/* Final CSS code */
Install
-
Install Node.js ( if you don't install it before ).
-
Install Package Control.
-
Press ctrl+shift+p , then input
install
and press Enter .
After that input CSSOrder
to find the plugin and press Enter to install it.
Manually:
Clone or download git repo into your packages folder (in SublimeText, find Browse Packages... menu item to open this folder)
Usage
Press ctrl+shift+o
or right click
the content and select Run Cssorder
.
Custom configuration
- You can write your own configuration by opening
Tools> Css Order> Set Cssorder Config
or right click
the content and select Set Cssorder Config
order_config
is using for some special case (like add newline for every block).
comb_config
is using for the configuration of CSSComb.
- It will automatically format when you saved the file,
and you can close automatical format by
setting format_on_save
to false
in Set Cssorder Config
.
Release History
- v0.4.0: Add custom config to handle special case.
- v0.3.1: Fix libs dependence.
- v0.3.0: Support Sass and Less.
- v0.2.1: Submitting to Sublime Package Control.
- v0.2.0: Handle compressive file case.
- v0.1.0: Release.