gencer / SCSS-Everywhere

A Visual Studio Code extension that provides CSS class and ID atttribute completion with incremental build and usage explorer for the HTML class attribute based on the CSS/Template files in your workspace. Also supports React's className attribute.
https://marketplace.visualstudio.com/items?itemName=gencer.html-slim-scss-css-class-completion
MIT License
24 stars 9 forks source link

Support for including specific node_modules/*.scss files #58

Open dsod opened 4 years ago

dsod commented 4 years ago

Hi, and thank you for a great extension!

I would like to be able to install bootstrap or other CSS frameworks through NPM, and add the framework into my project through SCSS @import's. Since (from what i understand) all files in node_modules folder are exceluded (hard coded?), the includeGlobPattern setting accepts a single string and @import statements are not supported, this is not possible.

I suggest one of the following solutions:

// dsod

gencer commented 4 years ago

Hi @dsod. This could be done. However, I have to look for SCSS side to how should I parse this @import statement first. Otherwise, we will go with your second suggestion.

kanlukasz commented 3 years ago

Yes, that would be a very useful feature. I am using the Bootstrap framework and was also looking for a way to read classes from specific node_modules files

gencer commented 3 years ago

Yes, that would be a very useful feature. I am using the Bootstrap framework and was also looking for a way to read classes from specific node_modules files

You can remotely load css files for bootstrap. This will give you the same autocompleted css values as scss gives.

Importing scss from another scss is still under review.