Enabling the Use of Sass Files

In order for the .css files generated by the Sass converter to be used in your publication, you need to ensure that the CSS stylesheet link in your pages' head elements are correctly structured. Assuming you use the default set-up, then your link elements will need to look like this:

<link rel="stylesheet" type="text/css"
         href="${publication.url}theme/${themeName}/SassToCss/${themeName}.css"/>

Note that the link element requests a .css file, not an .scss file. The request is intercepted if the request URL matches a URL pattern specified in the filter-mapping element, and passed to the appropriate filter, which then converts the appropriate .scss file to generate the requested .css file.