Home » SASS debug Directive

SASS debug Directive

by Online Tutorials Library

Sass @debug Directive

Sass @debug directive is used to detect the errors and display the SassScript expressions values to the standard error output stream.


Sass @debug Directive Example

Let’s create a SCSS file named “debug.scss”, having the following data.

Now, open command prompt and run the watch command to tell SASS to watch the file and update the CSS whenever SASS file is changed.

Execute the following code: sass –watch debug.scss:debug.css

It will create a normal CSS file named “debug.css” in the same directory automatically.

debug-directive1

Output:

debug-directive2

You may also like