CSS from HTML extractor

Installation

Usage

With Twig

Register Extension

use CSSFromHTMLExtractor\Twig\Extension as ExtractorExtension;
$extension = new ExtractorExtension()
$extension->addBaseRules('path/to/css');
/** @var Twig_Environment $twig */
$twig->addExtension($extension);

Mark the regions of your templates with the provided blocks

{% fold %}
<div class="my-class">
...
</div>
{% endfold %}

Retrieve the resulting css from the extension

$extension = $twigEnvironment->getExtension(ExtractorExtension::class);
$extension->buildCriticalCssFromSnippets();

Handling raw HTML

$cssFromHTMLExtractor = new CssFromHTMLExtractor();
$cssFromHTMLExtractor->addBaseRules('path/to/css');
$cssFromHTMLExtractor->addHtmlToStore($rawHtml);
$extractedCss = $cssFromHTMLExtractor->buildExtractedRuleSet();