demo uses a real media query

argyleink · argyleink · commit ae81a8e2cd10 · 2022-01-04T11:03:01.000-08:00
diff --git a/css-nesting-1/Overview.bs b/css-nesting-1/Overview.bs
@@ -582,7 +582,7 @@ Nesting Conditional Rules {#conditionals}
 			@media (orientation: landscape) {
 				grid-auto-flow: column;
 
-				@media (min-inline-size > 1024px) {
+				@media (min-width > 1024px) {
 					max-inline-size: 1024px;
 				}
 			}
@@ -597,7 +597,7 @@ Nesting Conditional Rules {#conditionals}
 				}
 			}
 
-			@media (orientation: landscape) and (min-inline-size > 1024px) {
+			@media (orientation: landscape) and (min-width > 1024px) {
 				.foo {
 					max-inline-size: 1024px;
 				}

Original file line number	Diff line number	Diff line change
`@@ -582,7 +582,7 @@ Nesting Conditional Rules {#conditionals}`
`582`	`582`	`@media (orientation: landscape) {`
`583`	`583`	`grid-auto-flow: column;`
`584`	`584`
`585`		`- @media (min-inline-size > 1024px) {`
	`585`	`+ @media (min-width > 1024px) {`
`586`	`586`	`max-inline-size: 1024px;`
`587`	`587`	`}`
`588`	`588`	`}`
`@@ -597,7 +597,7 @@ Nesting Conditional Rules {#conditionals}`
`597`	`597`	`}`
`598`	`598`	`}`
`599`	`599`
`600`		`- @media (orientation: landscape) and (min-inline-size > 1024px) {`
	`600`	`+ @media (orientation: landscape) and (min-width > 1024px) {`
`601`	`601`	`.foo {`
`602`	`602`	`max-inline-size: 1024px;`
`603`	`603`	`}`