User :after or :before CSS selectors to show active stylesheet. [#1373496]

Does it make sense to add rules to the starterkits to display the active stylesheet.

eg
within ...narrow.css

nav:after {
  content:"Narrow CSS";
  color:#f0c;
  font-size:.7em;
}

If you add the same rules within all the other stylesheets you get to see which one is active when resizing. Not sure if this would be an annoyance or a helpful feature for new Omega themers.

Maybe it needs to be a debug feature Omega tools?

Comments

Comment #1

marcoka CreditAttribution: marcoka commented 18 December 2011 at 18:36

this sounds nice. i think its a great idea.

Comment #2

drew reece CreditAttribution: drew reece commented 18 December 2011 at 18:49

I don't know what page element it should be added to & it seems that the last stylesheet overwrites the added content, so you won't see multiple stylesheets listed.
eg global.css doesn't show up even though it is used with narrow.css.
Otherwise I think it is a neat solution for theme developing.