Scss Reminder

This is a vscode extension which helps you of using scss/sass variables & mixins.

Features

• Remind defined css custom properties, sass/scss variables & mixins

• Quick fix for replacement of defined variables/mixins

• Auto Completion of variables/mixins

• Support css/scss/sass syntax

Demos

You will be reminded of the defined variables/mixins.

Reminder and quick-fix demo

• In this example, variables are defined in test.scss. You may click and go to the source file(test.scss) to check out the defined variable, or replace the property with the variable name just using quick fix.

• mixins reminder

Auto-completion demo

• completion for variable value*

• completion for variable name*

• completion for mixin names*

• completion for mixin content*

Extension Settings

This extension contributes the following settings:

• scssReminder.sourceFiles: source file containing variables

You may use 'Add file' command to add a source file.

You may select a file in your project as the source file.

Or manually edit ./vscode/settings.json(use relative path to your root directory).