PostCSS syntax in WebStorm

Question

I'd like to start use PostCSS plugins in WebStorm and I want to know how to do it.

I've created the new project with index.html & style.css. For the last I set PostCSS dialect. PostCSS plugin installed automatically.

I write

main{
  height: 400px;
  width: 100%;
  section{
    width: 60%;
    height: 50px;
    border: 2px solid black;
  }
}

and postcss-nest doesn't work.

Answer 1

You can enable PostCSS support for your .css files in Preferences | Languages & Frameworks | Stylesheets | Dialects.