#Sublime CSSOrder
CSSOrder is a sublime text plugin for CSS file formatting.
Required Node.js
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.
Make CSS code become the following coding style:
/* Final CSS code */
.some-style,
.same-style {
position: relative;
top: -2px;
right: 0;
bottom: 0;
left: 5px;
z-index: 100;
display: inline-block;
width: 20px;
height: 20px;
padding: 5px 10px;
overflow: hidden;
vertical-align: middle;
color: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: rgba(82,157,218,.9);
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
background-clip: padding-box;
}
-
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)
Press ctrl+shift+o
or right click
the content and select Run Cssorder
.
- 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
.
- 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.