Skip to content

Instantly share code, notes, and snippets.

@MurakamiShinyu
Last active May 2, 2024 14:35
Show Gist options
  • Save MurakamiShinyu/1d1bdbb88903baf3617b14ad1cd5c09b to your computer and use it in GitHub Desktop.
Save MurakamiShinyu/1d1bdbb88903baf3617b14ad1cd5c09b to your computer and use it in GitHub Desktop.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style>
:root { --test: #333333; }
.literalblock pre { background: green; }
@media (prefers-color-scheme: dark) {
.literalblock pre {
color: white;
background: var(--test);
}
}
@page { size: A4 portrait; }
</style>
</head>
<body>
<div class="literalblock"><pre>test</pre></div>
</body>
</html>
<!DOCTYPE html>
<style>
h1 {
background-color: green;
}
@media Unknown {
h1 {
background-color: var(--test);
}
}
</style>
<h1>Test</h1>
<!DOCTYPE html>
<style>
h1 {
background: pink;
}
:root {
--test: lime;
}
@media print {
h1 {
background: var(--test);
}
}
</style>
<h1>Test</h1>
<!DOCTYPE html>
<style>
h1 {
background: green;
}
@media Unknown {
h1 {
background: var(--test);
}
}
</style>
<h1>Test</h1>
<!DOCTYPE html>
<style>
h1 {
font-size: 100px;
font-family: monospace;
}
@media Unknown {
h1 {
font-size: var(--test-font-size);
font-family: var(--test-font-family);
}
}
</style>
<h1>Test</h1>
<!DOCTYPE html>
<style>
h1 {
font: 100px monospace;
}
@media Unknown {
h1 {
font: var(--test);
}
}
</style>
<h1>Test</h1>
<!DOCTYPE html>
<style>
h1 {
background: green;
}
@supports (Unknown: Unknown) {
h1 {
background: var(--test);
}
}
</style>
<h1>Test</h1>
@depth42
Copy link

depth42 commented May 2, 2024

Thank you for fixing this so quickly!
By the way: Aren't the tests for such issues part of the project? Because I can't see the unit test in the commit.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment