Webstorm doesn't see bootstrap variables, what should I do?

Question

css

Installed bootstrap 4 via npm connected like this:

@import "../../node_modules/bootstrap/scss/bootstrap";

everything works fine, but when I try to use bootstrap variables, webstorm simply doesn’t see them, I then got into the bootstrap sources and looked at their names there and started using them, they work fine, but due to the fact that webstorm doesn’t see them, I have a bunch of yellow ones on the right hints (stripes).
How to make webstorm start to see these variables and they were in the tooltips, that is, so that I only write the dollar sign and it shows me a list of all variables?

Answer 1

which version? in 2016.1 there was a bug that variables were not pulled from npm sass modules .. in 2016.2 this was fixed