mindkomm / theme-lib-twig

Timber 主题的 Twig 辅助工具。

维护者

详细信息

github.com/mindkomm/theme-lib-twig

源代码

问题

安装: 268

依赖者: 0

建议者: 0

安全性: 0

星标: 1

关注者: 5

分支: 0

开放问题: 0

1.0.2 2020-02-21 13:11 UTC

Requires

  • php: >=7.0.0

MIT 83c0f077a61444f20c4c0dd157e39b548b0f0724

This package is auto-updated.

Last update: 2024-09-21 23:27:54 UTC

README

Timber 主题的 Twig 辅助工具。

安装

您可以通过 Composer 安装此包。

composer require mindkomm/theme-lib-twig

用法

classnames()

允许您有条件地连接类名。灵感来源于 Classnames。

<li class="{{ classnames(
    'postsTeaser-item'     
    { 'is-sticky': fn('is_sticky', post.ID) }
) }}">
<div {{ classnames({
    'isReverseOrder': attributes.isReverseOrder,
    'isVerticallyCentered': attributes.isVerticallyCentered
}) }}">

您也可以直接传递您想要应用的类名的字符串。

{{ classnames
    'nav-item',
    'nav-item--level-0'
) }}
{# 'nav-item nav-item--level-0' #}

{{ classnames(
    'nav-item',
    { 'nav-item--level-0': true }
) }}
{# 'nav-item nav-item--level-0' #}

{{ classnames(
    { 'nav-item': true },
    { 'nav-item--level-0': true }
) }}
{# 'nav-item nav-item--level-0' #}

{{ classnames({
    'nav-item': true,
    'nav-item--level-0': true
}) }}
{# 'nav-item nav-item--level-0' #}

{# Falsy values will be ignored #}
{{ classnames(null, false, 'bar', 0, 1, { baz: null }, '') }}
{# 'bar 1' #}

支持

这是一个我们用于开发 WordPress 主题的库。您可以自由使用它，但目前我们不提供任何支持。