eliott/ladybird
1
0
Fork 0
mirror of https://github.com/LadybirdBrowser/ladybird synced 2026-05-03 13:02:09 +02:00
Code Issues Packages Projects Releases Wiki Activity

LibWeb/CSS: Implement import at-rule supports conditions

Browse Source 
This indicates the features the browser must support for the given
stylesheet to be fetched.
This commit is contained in:
Tim Ledbetter
2025-03-19 11:23:33 +00:00
committed by Jelle Raaijmakers
parent d38b5e260e
commit c37a47f76f
Notes: github-actions[bot] 2025-03-19 15:43:58 +00:00 
Author: https://github.com/tcl3
Commit: https://github.com/LadybirdBrowser/ladybird/commit/c37a47f76f7
Pull-request: https://github.com/LadybirdBrowser/ladybird/pull/4001
Reviewed-by: https://github.com/AtkinsSJ
Reviewed-by: https://github.com/gmta ✅
7 changed files with 95 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
Tests/LibWeb/Ref/input/wpt-import/css/css-cascade/import-conditional-002.html Normal file
View File

@@ -0,0 +1,30 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Cascade: @import with basic supports condition</title>
<link rel="help" href="https://www.w3.org/TR/css-cascade-4/#conditional-import">
<link rel="help" href="https://www.w3.org/TR/css-cascade-5/#conditional-import">
<link rel="match" href="../../../../expected/wpt-import/css/css-cascade/reference/ref-filled-green-100px-square.xht">
<meta name="assert" content="Test passes on visual UAs if @import can be combined with a supports condition.">
<style>
@import "support/test-red.css";
@import "support/test-green.css"
supports(display: block);
@import "support/test-red.css"
supports(foo: bar);
div {
box-sizing: border-box;
width: 100px;
height: 100px;
padding: 5px; /* Avoids text antialiasing issues */
background: red;
}
</style>
</head>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div class="test"></div>
</body>
</html>

4
Tests/LibWeb/Ref/input/wpt-import/css/css-cascade/support/test-green.css Normal file
View File

@@ -0,0 +1,4 @@
.test {
background: green;
color: green;
}

4
Tests/LibWeb/Ref/input/wpt-import/css/css-cascade/support/test-red.css Normal file
View File

@@ -0,0 +1,4 @@
.test {
background: red;
color: red;
}