VSCode Extension - CSS Custom Media Query Support

Extension for CSS Custom Media Query draft syntax support.

To use the @custom-media syntax in production, you need a tool to process the custom media queries, as they are part of a draft specification and not yet natively supported by all browsers.

Consider using one of the following tools:

• PostCSS with postcss-custom-media plugin
• Lightning CSS

These tools transpile the custom media queries into standard CSS media queries that are compatible with current browsers.

Features

• @custom-media syntax
• Autocomplete
• Go to definition
• Go to references
• Diagnostics
• Support file extensions: .css, .scss, pcss and .postcss

Demo

Installation

Install via the Visual Studio Code Marketplace