eschmar/css-inliner-bundle

为Symfony 4设计的简单twig css内联工具。

维护者

详细信息

github.com/eschmar/css-inliner-bundle

主页

源代码

问题

安装次数: 84,403

依赖项: 1

建议者: 0

安全性: 0

星标: 6

关注者: 2

分支: 1

开放问题: 1

类型：symfony-bundle

v2.0.0 2020-03-20 14:32 UTC

Requires

MIT 17478fb85143dd6f7011a763c2abd81c856662cf

symfonytwigcssinlineCSSinline

This package is auto-updated.

Last update: 2024-09-21 00:03:48 UTC

README

使用CssToInlineStyles为Symfony提供简单的twig css内联。

安装

Composer (Packagist)

composer require eschmar/css-inliner-bundle ^2.0.0 # Symfony ^5.0

# or

composer require eschmar/css-inliner-bundle ^1.0.0 # Symfony ^4.1

# or

composer require eschmar/css-inliner-bundle ^0.2.0 # Symfony ^3.4

app/Appkernel.php (Symfony <4)

new Eschmar\CssInlinerBundle\EschmarCssInlinerBundle(),

使用方法

此扩展为twig引入了一个新的标签

{% cssinline %}
    <style>
        p {
            padding: 8px 15px;
            color: #8E2800;
            background-color: #FFB03B;
        }
    </style>
    <p>Bananaaa!</p>
{% endcssinline %}

它将所有的<style>标签内联，并在之后删除它们。结果

<p style="background-color: #FFB03B; color: #8E2800; padding: 8px 15px;">Bananaaa!</p>

没有更多，也没有更少。使用惊人的CssToInlineStyles。

许可证

MIT许可证。请检查CssToInlineStyles的许可。