Main Website →
This article is for an old version of the documentation. View Latest Version →
{% styles %}
The {% styles %} tag renders CSS links to stylesheet files injected by the application. The tag is commonly defined in the HEAD section of a page or layout:
<head> ... {% styles %} </head>Copied!
Note: This tag should appear once only in a given page cycle to prevent duplicated references.
# Injecting styles
Links to StyleSheet files can be injected in PHP either by components or pages programmatically.
function onStart() { $this->addCss('assets/css/hello.css'); }Copied!
You can also inject raw markup to the {% styles %} tag by using the styles anonymous placeholder. Use the {% put %} tag in pages or layouts to add content to the placeholder:
{% put styles %} <link href="/themes/demo/assets/css/page.css" rel="stylesheet" /> {% endput %}Copied!