TOC generator for CSS - comments and documentation related issue [closed]

Question

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.

---

Want to improve this question? Update the question so it's on-topic for Stack Overflow.

Closed 3 years ago.

Improve this question

I'd like to improve my CSS inline comments and documentation.

I'm looking for a generator that will eat CSS input like:

/* @section 1.0 Foobar *

.foobar {
     color: #fff; }

/* @section 1.1 Hello *


... css definitions ...


/* Another sub comment *

... css definition ...

/* @section 1.2 Woop *

to output a section overview like:

  1.0 Foobar

     1.1 Hello

        1.1.1 Another sub comment

     1.2 Woop

Answer 1

I wrote a tiny Grunt Plugin that is doing what I was looking for:

https://github.com/redaxmedia/grunt-tocgen

Answer 2

I don't know if this covers what you're looking for, but try this http://csscomb.com/