ladybird/Tests/LibWeb/Ref/input/css-nested-declarations.html

<!DOCTYPE html>
<link rel="match" href="../expected/css-nested-declarations-ref.html" />
<style>
    #target {
        background-color: green;
        @media all {}
        border: 1px solid blue;
        .whatever {}
        font-size: 60px;
    }
</style>
<div id="target">Well hello friends!</div>
LibWeb/CSS: Process style properties from CSSNestedDeclarations rules These are created when a style rule has properties listed after another rule. For example: ```css .test { --a: 1; --b: 1; --c: 1; .thing { /* ... / } / These are after a rule (.thing) so they're wrapped in a CSSNestedDeclarations: */ --d: 1; --e: 1; --f: 1; } ``` They're treated like a nested style rule with the exact same selectors as their containing style rule. 2024-10-17 13:48:00 +01:00			`<!DOCTYPE html>`
Tests/LibWeb: Restructure Ref and Screenshot test dirs to match others Now each test type has the same directories: - input - expected - data Also, tests can be in subdirectories within ./input. 2024-11-05 12:49:08 +00:00			`<link rel="match" href="../expected/css-nested-declarations-ref.html" />`
LibWeb/CSS: Process style properties from CSSNestedDeclarations rules These are created when a style rule has properties listed after another rule. For example: ```css .test { --a: 1; --b: 1; --c: 1; .thing { /* ... / } / These are after a rule (.thing) so they're wrapped in a CSSNestedDeclarations: */ --d: 1; --e: 1; --f: 1; } ``` They're treated like a nested style rule with the exact same selectors as their containing style rule. 2024-10-17 13:48:00 +01:00			`<style>`
			`#target {`
			`background-color: green;`
			`@media all {}`
			`border: 1px solid blue;`
			`.whatever {}`
			`font-size: 60px;`
			`}`
			`</style>`
			`<div id="target">Well hello friends!</div>`