← Back to release summary

CSS supports() condition for @import

Category

CSS

Type

Chromium catches up

Status

Enabled by default (Chrome 122)

Intent stage

None

• Breaking change: No
• Enterprise impact: None
• Chromium flag: CSSSupportsForImportRules
• Spec maturity: Published standard
• Web Platform Tests: Yes

WPT details: https://wpt.fyi/results/css/css-cascade/import-conditions.html https://wpt.fyi/css/cssom/cssimportrule.html

Summary

It allows to import stylesheets and layers conditioned on supports(). If the support() doesn't match, the import will not be fetched.

Standards & signals

• Specification: https://www.w3.org/TR/css-cascade-5/#conditional-import
• Firefox: Shipped/Shipping
• Safari: Support
• Web developers: No signals

Ecosystem

• Web Platform Tests: https://wpt.fyi/results/?q=css%2Fcss-cascade%2Fimport-conditions
• Chrome Platform Showcase: https://chrome-platform-showcase.paulkinlan-ea.deno.net/features
• GenDN reference: https://gendn.paulkinlan-ea.deno.net/features
• chrome.dev demos search: https://www.google.com/search?q=site%3Achrome.dev+CSS%20supports()%20condition%20for%20%40import
• MDN Web Docs: https://developer.mozilla.org/en-US/search?q=CSS%20supports()%20condition%20for%20%40import
• Baseline status: https://webstatus.dev/?q=CSS%20supports()%20condition%20for%20%40import

View on chromestatus.com