Page Fragments - FreeMarker in CSS

Whilst FreeMarker is typically used in pages, it can also be used in CSS files. You can include CSS files inside one another and also use any FreeMarker variables, giving CSS files access to all the content of controllers and plugins. This is a very powerful way of creating dynamic CSS for your pages. It is also useful in reducing the download times for devices by allowing you to deliver all the CSS in one request from the device, whilst still splitting CSS sensibly on your site for development purposes.

The includes for CSS files follow all the same rules as HTML files and the system will look in the UI and site hierarchy for the correct file.

main.css

/skin.css not found
/header.css not found
/home.css not found

One CSS call in the page gets all the CSS

<link type="text/css" href="/live/mysite/main.css" rel="stylesheet"/>