Home Notes

CSS Rule Sorter

huh? how? 



What Is This



  This is a tool, built for fun, to aid in writing css rules in a consistent manner.




Instructions



  Does this really require instructions? Ok, fine, enter a set of rules for a single block of css and the sorter will sort and group the rules according to the Rule Ordering shown below.




Example






Input

text-align: top;
margin: 0;
font-weight: bold;






Output

margin: 0;

font-weight: bold;
text-align: top;









Rule Ordering


This is obviously an incomplete list. I'll get around to completeing this eventually or maybe never.