The @debug
directive allows us to print values set by variables or generated by functions. However, depending on what's being used to compile Sass and Compass, you may not see them. As it's impossible to cover every possible application that can compile Sass and Compass, we'll look at how this feature works on the command line.
If not using the command line to compile Sass and Compass, it may make sense to do so momentarily. If a recap is needed, take a look at Chapter 1, Getting Started with Sass and Compass, where we noted how to browse to the relevant folder for the project you are working on and then run:
compass watch
From the command line, it's always possible to view the results of the @debug
directive. Here's a simple example of @debug
in action. We'll add the following at the bottom of this chapter's _chapter-examples.scss
partial:
@debug $theme-complement;
Now, when we save the file, we can see from the command line that Compass has compiled the CSS but it...