newridetech/octobercms-classnames

Classnames plugin for October CMS

1.0.3 2018-09-28 02:05 UTC

Requires

• php: >=7.0
• composer/installers: ~1.0
• newridetech/php-classnames: ^1.0.1

MIT

• Mateusz Charytoniuk

• october
• octobercms
• classnames

README

This plugin provides a developer tool to generate complex CSS classnames in Twig templates in a way that makes them more readable.

It's a port of https://github.com/JedWatson/classnames but for PHP.

If you want a pure PHP version without plugin, please try: https://github.com/newridetech/php-classnames

Instead of:

<nav class="link {{ item.isActive ? 'link--active' : '' }} {{ item.extra == 'primary' ? 'link--primary' : '' }}">
    ....
</nav>

Use:

<nav
    class="{{
        classnames('link', {
            'link--active': item.isActive,
            'link--primary': item.extra == 'primary'
        })
    }}"
>
    ....
</nav>

And that's all. :) I hope it helps.