drupal-pattern-lab/unified-twig-extensions

该包的最新版本（v0.1.0）没有提供许可证信息。

与Drupal 8共享Pattern Lab的自定义Twig扩展。

维护者

详细信息

github.com/drupal-pattern-lab/unified-twig-extensions

源代码

问题

安装次数: 486 705

依赖关系: 3

建议者: 0

安全: 0

星标: 10

关注者: 1

分支: 9

开放问题: 7

类型:drupal-module

v0.1.0 2017-08-08 19:57 UTC

Unknown License 862b9deccab544ca68e3aaaccc257d14acc9b1f6

  • Salem Ghoweri

This package is auto-updated.

Last update: 2024-09-15 07:15:41 UTC

README

与Drupal 8共享Pattern Lab的自定义twigs函数、过滤器标签。太棒了！

入门指南

只需将扩展添加到Drupal中，并在admin/modules页面上启用Unified Twig Extensions模块即可开始。

路径说明

注意：当前在您的当前活动D8主题路径中寻找兼容扩展，以及'pattern-lab/source/_twig-components'或'source/_twig-components'文件夹。@TODO：允许用户自定义/覆盖此设置！

包含示例

我包含了一些示例twig扩展，以帮助您开始使用现有的Pattern Lab启用主题。

  1. example/_twig-components/functions/link.function.php --> 示例：当链接函数已经在Drupal中存在时，如何让Drupal忽略PL Twig扩展。

  2. example/_twig-components/tags/grid.tag.php 和 example/_twig-components/tags/cell.tag.php --> 示例：一个自定义的Twig标签，用于抽象化ITCSS-based网格系统中的部分标记。

要测试这些扩展，请尝试将这两个自定义Twig标签添加到主题的现有_twig-components文件夹中，并尝试添加以下HTML（到PL的twig模板和/或Drupal模板）

{% grid 'o-grid--large' %}
  {% cell 'u-1/1 u-1/2@small u-2/3@medium' %}
    Grid cell
  {% endcell %}

  {% cell 'u-1/1 u-1/2@small u-1/3@medium' %}
    Grid cell
  {% endcell %}
{% endgrid %}

如果您没有遇到任何错误，并且以下HTML得到输出（渲染后），则表示一切正常

<div class="o-grid o-grid--large">
  <div class="o-grid__item u-1/1 u-1/2@small u-2/3@medium">
    Grid cell
  </div>

  <div class="o-grid__item u-1/1 u-1/2@small u-1/3@medium">
    Grid cell
  </div>
</div>