Does anyone know if there is a Sublime Text (ST3) CSS package that will basically give you a template that starts out like this:
/* CSS DIRECTORY
1. =GLOBAL
2. =PRIMARY
3. =HEADER
4. =SIDEBAR
5. =FOOTER
*/
/* ===GLOBAL=== /
.
.
.
/ ===PRIMARY=== /
.
.
.
/ ===HEADER=== /
.
.
.
/ ===SIDEBAR=== /
.
.
.
/ ===FOOTER=== */
.
.
And then when ever you changed a heading, it would automatically change the CSS DIRECTORY
at the top and vice verca.
Also I was wondering if anyone knew of one that automatically indents the css like so to keep it pretty readable?
The periods act as spaces below. Any help would be awesome! 
.content {
/* css /
}
. . . . .content div {
. . . . / css /
. . . . }
. . . . .content span {
. . . . / css /
. . . . }
. . . . .content etc {
. . . . / css */
. . . . }
.header {
/* css /
}
. . . . .header etc {
. . . . / css */
. . . . }