trzmaxim/twig-inline-styles

Twig extension for represent the inline styles as an associative array

dev-master 2015-10-04 22:32 UTC

Requires

• php: >=5.3.0
• twig/twig: ~1.10

Requires (Dev)

• phpunit/phpunit: ~4.8.0

MIT

• Maxim Gerasimov

• twig
• css
• inline
• style

README

Twig extension for create and output inline styles

Installation

Through Composer

composer require "trzmaxim/twig-inline-styles": "dev-master"

use TrzMaxim\TwigInlineStyles\InlineStylesExtension;

$twig = new Twig_Environment(...);

$twig->addExtension(new InlineStylesExtension());

Usage

Styles are presented in the form of a hash. Style keys are camelCase, vendor prefix must begin with a capital letter (WebkitTransition). The value is a string or a number to the number of automatically adds the line "points", but there are exceptions (see)

{% style foo {
  fontSize: 12,
  color: 'red'
} %}

<p style="{{ foo }}"></p>

Styles can be merged by .merge

{% style foo {
  fontSize: 12,
  color: 'red'
} %}

{% style bar {
  color: 'green',
  padding: '10px 0',
} %}

{{ foo.merge(bar) }} {# font-size:12px;color:green;padding:10px 0; #}