mirror of
https://github.com/pbakaus/impeccable.git
synced 2026-09-21 10:36:27 +03:00
Paul Bakaus
720222e1df
Use a temporary custom-property probe so the browser decides whether a nested style rule actually applies in the current container layout. AI assistance disclosure: Codex helped implement and test this fix under maintainer direction.
23 lines
777 B
HTML
23 lines
777 B
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Linked URL pattern detection</title>
|
|
<link rel="stylesheet" href="/fixtures/antipatterns/linked-url-patterns.css">
|
|
</head>
|
|
<body>
|
|
<main>
|
|
<h1>Linked stylesheet pattern</h1>
|
|
<div class="flag-linked-grid">Rendered decorative grid</div>
|
|
<div class="inactive-media-stripes">Inactive media stripes</div>
|
|
<div class="inactive-supports-stripes">Inactive supports stripes</div>
|
|
<div class="container-query-host">
|
|
<div class="inactive-container-stripes">Inactive container-query stripes</div>
|
|
</div>
|
|
<div class="container-query-host container-query-host-active">
|
|
<div class="active-container-halo">Active container-query halo</div>
|
|
</div>
|
|
</main>
|
|
</body>
|
|
</html>
|