PostCSS Language Support adds support for modern and experimental CSS within Visual Studio Code.
This extension is applied to .css
, .pcss
and .postcss
files. It also applies to the following contexts:
<style>
elements.css
and pcss
code blocks.style
blocks when paired with the Marko Syntax Highlighting extension.{
"emmet.includeLanguages": {
"postcss": "css"
}
}
PostCSS Language Support is derived from the native CSS Language Support built into Visual Studio Code, which is itself derived from the native CSS Language Support for Atom. This extension includes the following changes:
&
), the nesting at-rule (@nest
), and @media
and @supports
at-rules.:blank
pseudo-class, as well as the :is()
and :where
functional pseudo-classes.prefers-color-scheme
and prefers-reduced-motion
within media queries.place-self
property.env()
function, as well as the hwb()
, lab()
, and lch()
color functions.emoji
, fangsong
, and system-ui
font families.border-block
, border-inline
, margin-block
, margin-inline
, padding-block
, and padding-inline
logical properties.@custom-media
and @custom-selector
at-rules.@extend
and @extends
at-rules.%placeholder
).:global
rule, as well as the composes
declaration, and also @value
declarations.$variables
.//
).@custom-env
at-rules.@custom-
prefixed at-rules.