Source: dist/css/acc_uc.css, line 16234

6.3 Content Query

experimental

Description: A mass improvement on how to design components with alteration based on the context rather than the page width.

Experimental: Only supported via the polyfill.

Example

NOTE:

this is not supported in any browser and will only work with the polyfill.

<script>
const supportsContainerQueries = "container" in document.documentElement.style;
if (!supportsContainerQueries) {
  import("https://cdn.skypack.dev/container-query-polyfill");
}
</script>

<script>
const supportsContainerQueries = "container" in document.documentElement.style;
if (!supportsContainerQueries) {
  import("https://cdn.skypack.dev/container-query-polyfill");
}
</script>

Code Sample

Copy Code

This Documentation is Moved!

Arches: Utility Classes

Arches:Utility Classes

6.3 Content Query

Example

NOTE:

Code Sample