goetas/fo-simil-css

# fo-simil-css

Install

composer require goetas/fo-simil-css

Simil CSS for XSL FO. Uses XPath instead of CSS selectors., _(*1)

CSS Stylesheet example

$xml = new DOMDocument("1.0", "UTF-8");
$xml->load("file.fo");

$css = new FoSimilCss();
$css->applyCss($xml, "style.css");

@namespace fo "http://www.w3.org/1999/XSL/Format";

/* element selector */
fo|block {
    border: solid 0.5pt black;
}
/* @id selector */
#user {
    width: 100%;
}
/* @role selector */
.user {
    width: 100%;
}

It supports all selector types supported by Symfony\CssSelector, _(*2)

XML Stylesheet example

$xml = new DOMDocument("1.0", "UTF-8");
$xml->load("file.fo");

$css = new FoSimilCss();
$css->applyXmlCss($xml, "style.xml");

<css:css
 xmlns:css="http://goetas.com/fo/css"
 xmlns:fo="http://www.w3.org/1999/XSL/Format"
 >
   
    <css:rule 
        match="fo|flow"
        font-family="sans-serif"  
        font-size="10pt"      
    />
    <!-- id selector -->
    <css:rule 
        match="#header"
        font-size="xx-small"

    />
    <!-- role selector (like @class) -->
    <css:rule 
        match=".header"
        font-size="xx-small"

    />    
    <!-- more complicated rule-->
    <css:rule 
        match="fo|table#data > fo|table-header.myclass > * > fo|table-cell > fo|block:last-child"
        border-bottom="1pt solid red"
        font-weight="bold"        
    />
</css:css>