CSS Groups in E-texteditor into Software at Ionut Staicu

CSS Groups in E-texteditor

7 Jun

Press CTRL+SHIFT+B, open CSS folder then CSS language (with a black L on it, usually is last). Go to line 286 and find this:

"foldingStopMarker" : "(?<!\\*)\\*\\*/|^\\s*\\}",
"comment" : "",
"foldingStartMarker" : "/\\*\\*(?!\\*)|\\{\\s*($|/\\*(?!.*?\\*/.*\\S))",

Replace with this:

   "foldingStopMarker" : "(?<!\\*)\\*\\*/|^\\s*\\}|\/*\\s*@end\\s*\\*\/",
   "comment" : "",
   "foldingStartMarker" : "/\\*\\*(?!\\*)|\\{\\s*($|/\\*(?!.*?\\*/.*\\S))|\/\\*\\s*@group\\s*.*\\s*\\*\/",

Without grouping:

CSS Groups in E-texteditor

With grouping:

CSS Group in E-texteditor

Thanks to Chris Coyier.

Tags: E-texteditor, Software, Tips & tricks Comments (2)

Bookmark this article!

Did you like this article?

Don't hesitate to subscribe to my RSS feed!

Also, don't forget, you can also read me on twitter!

2 Comments »

June 7, 2009 Iankulov Miodrag said:

That’s a sexy one, keep it up to the good work.

Best Regards,
Iankulov Miodrag
June 11, 2009 The reader said:

Nice trick! Thanks.

CSS Groups in E-texteditor

Did you like this article?

2 Comments »

Leave a comment

Search on this site

Categories