eschmar/css-inliner-bundle

Simple twig css inliner for Symfony 4.

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

Requires

• php: >=7.1.0
• tijsverkoyen/css-to-inline-styles: ^2.2.1
• twig/twig: ^3.0.0

MIT

• Marcel Eschmann

• symfony
• twig
• css
• inline
• CSSinline

README

Simple twig css inliner for Symfony using CssToInlineStyles.

Installation

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(),

Usage

This bundle introduces a new tag to twig:

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

Which inlines all <style> tags and strips them out afterwards. The result:

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

Nothing more, nothing less. Uses the amazing CssToInlineStyles.

License

MIT License. Please check CssToInlineStyles for its licensing.