Read abbreviations from css

[hugosenari]

Hi,

Here is my suggestion:

Read abbreviations from css file/css rules.
With this feature users can define one css lib and reuse code.

Like this:

#something{....}
    #something > ul{....}
        #something > ul > li {....}
            #something > ul > li > a{....}

Then i can use:

something

And expand to:

<div id="something">
    <ul>
        <li><a href=""></a></li>
    </ul>
</div>

I know that need more specs about how this works, and don't know if is possible (without years codding).

[hugosenari]

maybe simplify reading from cssdocs

/**

• @expand #something>ul>li>a
  */
  #something...

[sergeche]

This feature will produce undesired output. For example, I might need to produce just <div id="something"> with #something, but it will produce a large structure that I don't need. Also, this feature requires you to type tag names in CSS to produce expected result, as well as use > operator instead of space.

You can do the very same things with expandos: 'something+': '#something>ul>li>a'

[hugosenari]

Hi, thanks for your comments, is great to have a feedback.. : )

If I had this #something defined, is desired all output, It remember-me that I had this defined and maybe isn't good idea use this same id for other structure. Maybe this feature only work for defined cases like: "only work for selectors that use >" or "only work for selector with cssdoc @expand"...

Yes, but is more simple to developers define this things from existing code, like Eclipse users can autocomplete from codes of current project, imported things, etc.

Anyway is just one suggestion, please close this issue if dislike.