SCSS 'partially compiled', variables left in CSS?
<p>I have no background in SCSS, but I want to make a small change to an existing SCSS and recompile it. However, I found that variables with a dollar sign appear in the output CSS. Even if I discard my changes, the output CSS does not match the original.</p>

<p>For example,</p>

<pre><code>@-webkit-keyframes $animation-name {...
</code></pre>

<p>is in my output, while</p>

<pre><code>@-webkit-keyframes move-up {...
</code></pre>

<p>is the expected original output.</p>

<p>I think it is either because I didn't use the right command to compile the SCSS files, or because the SCSS files were written for an older compiler.</p>

<p>I have tried the following commands (I clear any output before each trial):</p>

<pre><code>sass --scss main.scss main.css
sass --scss --update main.scss:main.css
sass --scss --update .
</code></pre>

<p>Because main.scss imports another SCSS file, I also tried copying the content of the depedent SCSS file into main.scss. This didn't make any difference.</p>