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.