{% styles %}

{% styles %}

Twig Tag

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>

Note: This tag should appear once only in a given page cycle to prevent duplicated references.

# Injecting styles

Links to StyleSheet files can be programmatically injected in PHP either by components or pages.

function onStart()
{
    $this->addCss('assets/css/hello.css');
}

You can also inject raw markup to the {% styles %} tag by using the styles anonymous placeholder in the layout. 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 %}
On This Page