scss-scan README

Features

scanning scss variables & mixins & placeholders of your ".scss" files in your workspace
autocomplete the variables & mixins & placeholders when you are coding your styles in the ".scss" file workspace:

@mixins usage: autocomplete

Usages

I recommend you to create a helper.scss to store your scss variables & mixins like that:

 ./src/styles
 ├── helper.scss

     //helper.scss
     $white: #FFFFFF;
     @mixin full-screen($color:#ffffff){
         position:absolute;
         top:0px;
         bottom:0px;
         left:0px;
         right:0px;
         background-color:$color;
         margin:0;
         padding:0;
         width:100%; 
         overflow:hidden; 
     }

     %text-control{
         text-align:center;
         padding:5px; 
     }

When you has installed the extension ,it will scan all scss files in your workspace.

You will see a "search" notifier in the left-bottom corner of the code editor.

After creating some new '.scss' files or adding some new variables & mixins in your original '.scss' files, you need to click the 'notifier' icon . It will scan again so that it can support the new variables & mixins & extend(placeholder%):
You can also add your customed .scss files from the node_modules folder in the scssscan.configuration:
In the end , you can use it like that :