I'm trying to get to know how designs work in CQ5.
I've noticed that if I have CSS files in the clientlibs folder which has a categories property set in a design then I can include these CSS files by calling <cq:includeClientLib categories="category_name" /> in the head.jsp of my page component.
/clientlibs (categories = "demo")
Now if I copy the design and change some CSS settings then both clientlibs folders are included, because both have "demo" as the value of the categories property.
This is a problem if I want a website where the author can choose a design over the page properties.
While examining the Geometrixx project I noticed that "static.css" is being used for designs.
Unfortunately I was not able to find a description about what purpose "static.css" is supposed to have in CQ5.
What I would like to know:
What's the puprose of static.css?
Is the static.css file used in CQ5 for other things than just page styling?
Are there any 'best practices' I should look into?
Here's a small update for those who want to keep their CSS files in the 'clientlibs' folder:
If there are different designes available for a website, then you can use the design's name as the 'categories' value and in your head.jsp retrieve the current design and use the name (ID) in the <cq:includeClientLib > line.
<cq:includeClientLib categories="<%= currentDesign.getId() %>" />