Tests/Functional/Fixtures/Fusion/Styles.fusion

prototype(Shel.CriticalCSS:Styles).@class = 'Shel\\CriticalCSS\\FusionObjects\\StylesImplementation'
prototype(Neos.Fusion:DataStructure).@class = 'Neos\\Fusion\\FusionObjects\\DataStructureImplementation'
prototype(Neos.Fusion:TestRenderer).@class = 'Neos\\Fusion\\Tests\\Functional\\View\\Fixtures\\TestRenderer'

styles.basic = Shel.CriticalCSS:Styles {
    @content = '<div>foo</div>'
    color = 'green'
    font-size = '12px'
}

styles.hashCase1 = Shel.CriticalCSS:Styles {
    @content = '<div>foo</div>'
    color = 'blue'
}

styles.hashCase2 = Shel.CriticalCSS:Styles {
    @content = '<div>foo</div>'
    color = 'green'
}

styles.eelExpressions = Shel.CriticalCSS:Styles {
    @content = '<div>foo</div>'
    font-size = ${5 + 2 + 'px'}
}

styles.nested = Shel.CriticalCSS:Styles {
    @content = '<div>foo <strong>bar</strong></div>'
    color = 'blue'
    strong = Neos.Fusion:DataStructure {
        font-weight = 'bold'
    }
}

styles.nestedWithoutDataStructures = Shel.CriticalCSS:Styles {
    @content = '<div>foo <strong>bar <em>pony</em></strong></div>'
    color = 'blue'
    strong {
        font-weight = 'bold'
        em {
            color = 'pink'
        }
    }
}

styles.nestedEvaluation = Shel.CriticalCSS:Styles {
    @content = '<div>foo <strong>bar <em>pony</em></strong></div>'
    color = 'blue'
    strong {
        font-weight = 'bold'
        em = Neos.Fusion:DataStructure {
            margin-top = ${5 * 10 + 'px'}
        }
    }
}

styles.selector = Shel.CriticalCSS:Styles {
    @content = '<html><body>foo</body></html>'
    @selector = 'body'
    font-family = 'Comic Sans'
}

styles.mediaQuery = Shel.CriticalCSS:Styles {
    @content = '<div>foo</div>'
    color = 'blue'
    '@media all' {
        color = 'green'
    }
}

styles.mediaQueryWithNesting = Shel.CriticalCSS:Styles {
    @content = '<div>foo <strong>bar</strong></div>'
    color = 'blue'
    '@media all' {
        color = 'green'

        strong {
            color = 'yellow'
        }
    }
}

styles.nestedMediaQueries = Shel.CriticalCSS:Styles {
    @content = '<div>foo <strong>bar</strong></div>'
    '@media print' {
        strong {
            display = 'none'
        }
        '@media (max-width:12cm)' {
            strong {
                display = 'block'
            }
        }
    }
}

styles.supportsQuery = Shel.CriticalCSS:Styles {
    @content = '<div>foo</div>'
    display = 'block'
    '@supports (display:flex)' {
        display = 'flex'
    }
}