Edit on GitHub

{% 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>

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 by anything implementing the System\Traits\AssetMaker trait, see the Asset Compiler docs for more information.

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 %}

Keep informed

Sign up to our newsletter to receive updates on Winter CMS releases, new features in the works, and much more.
We'll never spam or give this address away.

Latest blog post

v1.2 with Laravel 9 Support Now Available!

Published May 2, 2022
v1.2 with Laravel 9 Support Now Available For Testing!

View this post Read all posts

Latest Winter CMS release

v1.1.8

Released February 15, 2022
11 UX/UI Improvements, 12 API Changes, 12 Bug Fixes, 6 Security Improvements, 8 Translation Improvements, 5 Community Improvements, 1 Dependency

View details View all releases