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 = '
foo
'
color = 'green'
font-size = '12px'
}
styles.hashCase1 = Shel.CriticalCSS:Styles {
@content = 'foo
'
color = 'blue'
}
styles.hashCase2 = Shel.CriticalCSS:Styles {
@content = 'foo
'
color = 'green'
}
styles.eelExpressions = Shel.CriticalCSS:Styles {
@content = 'foo
'
font-size = ${5 + 2 + 'px'}
}
styles.nested = Shel.CriticalCSS:Styles {
@content = 'foo bar
'
color = 'blue'
strong = Neos.Fusion:DataStructure {
font-weight = 'bold'
}
}
styles.nestedWithoutDataStructures = Shel.CriticalCSS:Styles {
@content = 'foo bar pony
'
color = 'blue'
strong {
font-weight = 'bold'
em {
color = 'pink'
}
}
}
styles.nestedEvaluation = Shel.CriticalCSS:Styles {
@content = 'foo bar pony
'
color = 'blue'
strong {
font-weight = 'bold'
em = Neos.Fusion:DataStructure {
margin-top = ${5 * 10 + 'px'}
}
}
}
styles.selector = Shel.CriticalCSS:Styles {
@content = 'foo'
@selector = 'body'
font-family = 'Comic Sans'
}
styles.mediaQuery = Shel.CriticalCSS:Styles {
@content = 'foo
'
color = 'blue'
'@media all' {
color = 'green'
}
}
styles.mediaQueryWithNesting = Shel.CriticalCSS:Styles {
@content = 'foo bar
'
color = 'blue'
'@media all' {
color = 'green'
strong {
color = 'yellow'
}
}
}
styles.nestedMediaQueries = Shel.CriticalCSS:Styles {
@content = 'foo bar
'
'@media print' {
strong {
display = 'none'
}
'@media (max-width:12cm)' {
strong {
display = 'block'
}
}
}
}
styles.supportsQuery = Shel.CriticalCSS:Styles {
@content = 'foo
'
display = 'block'
'@supports (display:flex)' {
display = 'flex'
}
}