@group and @override in CSS?

Question

I've seen this in a stylesheet and I was wondering if it actually does anything and if so, what does it do? Google doesn't seem to be helpful for me on this one. I've removed the url from the code but I was curious if this actually did anything. I see that it's commented out but I'm just curious. Is it strictly a stylistic thing to help the designer?

/* @override 
    <url of stylsheet>
*/

/* @group Colors */

/* Orange - ff7800 */
/* Gray Blue - 373d4a */

/* @end */

Answer 1

As @frank mentioned, /* @group */ and /* @end */ are meta data used by Espresso. Below is a screen capture of this meta data in action. Folders are created in the Navigator on the right of the window.

If you are using VI then you can add the following comment in the CSS file to create folds for quick navigation.

/*
 vim: set foldmethod=marker:
 vim: set foldmarker=@group,@end:
 vim: set nofoldenable:
*/

If you are unfamiliar with vim folds some of the key combos are:

:zM - Close all folds

:za - Open fold

:za - Close fold

:za - Toggle fold open/close